:root{color-scheme:dark;--base:#120e0a;--gold:#d8af65;--gold2:#f1cf8a;--muted:#ab9776;--text:#f3e5cd;--green:#72d9a5;--red:#f19c8b;--line:#72552d;--card-a:#261d14;--card-b:#2e2317;--card-c:#231c15}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--base);color:var(--text);margin:0;line-height:1.65;font-family:'Cairo',Tahoma,Arial,sans-serif;min-width:300px;position:relative}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #f3d49b;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}.background-glow{position:absolute;inset:0 0 auto;height:570px;background:radial-gradient(ellipse 80% 60% at 50% 0%,#3a2a16 0%,#22190f 54%,transparent 100%);pointer-events:none;z-index:-1}.wrap{width:min(1060px,calc(100% - 28px));margin-inline:auto}.masthead{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #76582d4b;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border:1px solid #9b773d;border-radius:15px;color:#edc978;background:linear-gradient(135deg,#453017,#1d1711);box-shadow:inset 0 0 20px #ac7b2d20}.brand-mark svg{width:35px}.brand strong{display:block;letter-spacing:3px;color:#f0d08e;font:700 27px Georgia,serif;line-height:1.05}.brand small{display:block;font:500 10px 'Cairo',sans-serif;letter-spacing:1.6px;color:#b29a6d;margin-top:5px}.header-admin{border:1px solid #775b37;border-radius:11px;padding:9px 14px;background:#261c12;color:#d9b976;font-size:12px;white-space:nowrap}.header-admin:hover,.btn-secondary:hover{background:#44301a}
.hero{text-align:center;padding:45px 0 32px}.eyebrow{display:block;color:#c3a36c;font:600 12px Georgia,'Cairo',sans-serif;letter-spacing:2px}.headline{margin:7px auto 3px;white-space:nowrap;display:block;width:100%;max-width:100%;font-family:'Amiri',serif;font-weight:700;line-height:1.42;color:#f3d38f;text-shadow:0 2px 12px #dcb56a18;font-size:clamp(20px,6.8vw,64px);letter-spacing:-.4px}.hero-sub{margin:1px 0 0;color:#d7b982;font-size:15px}.hero-ornament{width:min(310px,76%);margin:17px auto 0;display:flex;align-items:center;justify-content:center;gap:14px;color:#e6bb6c}.hero-ornament:before,.hero-ornament:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#9e7740)}.hero-ornament:after{transform:rotate(180deg)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 30px}.stat{border:1px solid #765932;background:linear-gradient(150deg,#302318,#201911);border-radius:15px;text-align:center;padding:13px 10px}.stat span{font-size:12px;color:#a9946e;display:block}.stat strong{font-size:24px;font-weight:700;color:#efd08d;direction:ltr;display:block;font-variant-numeric:tabular-nums;line-height:1.5}.leader-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:0 0 14px}.leader-heading h2{color:#eccc8d;font-size:22px;margin:0}.leader-heading p{color:#b19d7e;font-size:12px;margin:0}.search{position:relative;display:block;width:min(345px,100%)}.search svg{position:absolute;top:50%;right:13px;transform:translateY(-50%);width:19px;height:19px;color:#bb9b62;pointer-events:none}.search input{width:100%;height:45px;border:1px solid #795d37;color:#f7e3bd;background:#291f15;border-radius:11px;padding:8px 42px 8px 12px;outline:0;appearance:none}.search input:focus{border-color:#e1ba70}.search input::placeholder{color:#9c886b}.load-state{border:1px dashed #76562f;border-radius:12px;padding:24px;color:#c3a77d;text-align:center}.cards{display:grid;gap:11px}.legend-card{border:1px solid #785a34;border-radius:16px;background:var(--card-a);padding:14px 17px;box-shadow:0 7px 18px #00000012;overflow:hidden;position:relative;transition:border-color .18s,background-color .18s}.legend-card[data-tone="1"]{background:var(--card-b)}.legend-card[data-tone="2"]{background:var(--card-c)}.legend-card.top1{background:linear-gradient(120deg,#3a2a17 0%,#251b12 90%);border-color:#d3a74e}.legend-card.top2{border-color:#989895}.legend-card.top3{border-color:#a37b4c}.legend-card:before{content:'';position:absolute;right:0;top:14px;bottom:14px;width:3px;border-radius:6px;background:#9a7a43}.legend-card.top1:before{background:#edc56f}.legend-card.top2:before{background:#c4c9ce}.legend-card.top3:before{background:#b89467}.card-row{display:flex;align-items:center;gap:14px;min-height:79px}.rank-square{width:63px;min-width:63px;height:64px;display:grid;place-items:center;border-radius:11px;border:1px solid #a38146;background:#42301b;color:#edca86;font:700 26px Georgia,'Cairo',serif;direction:ltr;font-variant-numeric:tabular-nums}.top1 .rank-square{color:#ffe2a5;border-color:#e2b864}.top2 .rank-square{color:#d8d8d9;border-color:#a9aaaf}.top3 .rank-square{color:#e7b891;border-color:#bc8c5e}.avatar{width:64px;height:64px;min-width:64px;border:2px solid #a7864f;border-radius:50%;background:radial-gradient(circle at 35% 20%,#644928,#2b2015);display:grid;place-items:center;color:#dfbc7b;font:700 28px Georgia,serif;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.top1 .avatar{border-color:#e6be68}.top2 .avatar{border-color:#c8c9cc}.top3 .avatar{border-color:#c4935e}.identity{flex:1;min-width:0}.idline{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.public-id{font:700 20px 'Cairo',sans-serif;color:#f5e1b8;direction:ltr;unicode-bidi:isolate}.level-badge{display:inline-flex;align-items:center;border:1px solid #99723b;border-radius:6px;background:#412f1a;color:#e8be69;font:700 12px Arial,sans-serif;direction:ltr;padding:5px 8px;white-space:nowrap}.wealth{font:700 21px 'Cairo',sans-serif;color:#eac176;font-variant-numeric:tabular-nums;direction:ltr;text-align:right;line-height:1.7}.wealth small{font-size:11px;color:#c0a57c;font-weight:500;margin-left:6px}.trend-block{min-width:78px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.trend-block strong{font:700 18px Arial,sans-serif;font-variant-numeric:tabular-nums}.trend-block .trend-label{font-size:11px}.trend-block.up{color:var(--green)}.trend-block.down{color:var(--red)}.trend-block.same{color:#a99a7e}.trend-arr{font:900 24px Arial,sans-serif;line-height:1.15}.expand-button{border:1px solid #84643a;border-radius:9px;color:#dfbc7a;background:#33271b;padding:8px 11px;font-size:11px;white-space:nowrap}.expand-button:hover{background:#4b3520}.detail{padding-top:15px;border-top:1px solid #77583272;margin-top:15px}.detail-title{color:#ddbb7b;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-title strong{color:#f4d38a;font:700 16px Arial,sans-serif}.track{height:11px;margin:11px 0 6px;background:#614a31;border-radius:99px;overflow:hidden;direction:rtl}.track-fill{height:100%;background:linear-gradient(90deg,#bd914a,#f6ce76);border-radius:99px;transition:width .25s}.endpoints{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#af9674}.endpoints div:last-child{text-align:left}.endpoints strong{color:#d9bb83;font:600 12px Arial,sans-serif;display:block;margin-top:3px;direction:ltr}.points-target{text-align:center;color:#f1cc82;font-size:13px;margin-top:13px}.points-target strong{font:700 14px Arial,sans-serif}.level-details{margin-top:12px;border:1px solid #725735;background:#32261a;border-radius:11px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#bda680;font-size:12px}.level-details strong{display:block;color:#f0ca80;font-size:13px}.leader-detail{background:#342819;border:1px solid #785d39;border-radius:12px;color:#eace92;padding:14px;font-size:13px}.more-wrap{text-align:center;padding:20px 0}.btn{border-radius:11px;min-height:43px;padding:9px 15px;border:1px solid transparent;font-size:13px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#e9c477,#bd8f47);border-color:#e7c47f;color:#21170b}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:#332619;border-color:#866537;color:#f0ca84}.btn-danger{background:#45231f;color:#f1a39b;border-color:#ae6658}.btn-danger:hover{background:#5e2922}.public-note{padding:15px;color:#bfa980;font-size:12px;border:1px solid #654a2b;border-radius:12px;background:#241b12;margin-top:12px}.footer{padding:25px 0 40px;text-align:center;color:#b69765;font-size:12px}.footer-rule{height:1px;width:min(440px,100%);margin:0 auto 17px;background:linear-gradient(90deg,transparent,#b48b4d,transparent)}
.admin-container{padding:25px 0 40px;min-height:70vh}.panel{background:#231a12;border:1px solid #785a32;border-radius:16px;padding:21px}.panel h1,.panel h2{color:#edcb85;margin:0 0 10px}.panel h1{font-size:26px}.panel h2{font-size:18px}.panel p{font-size:12px;color:#b9a17b}.auth-panel{width:min(440px,100%);margin:70px auto;padding:30px}.stack{display:grid;gap:14px}.stack label{display:grid;gap:6px;color:#dcc08f;font-size:12px}.stack input:not([type=checkbox]),.stack textarea{background:#34281c;border:1px solid #7b603a;border-radius:9px;padding:11px;color:#f4dfb9;width:100%;height:45px;font-family:inherit}.stack input[type=file]{height:auto!important}.stack input:focus{border-color:#e9c479}.checkbox-line{display:flex!important;align-items:center;gap:9px!important;font-size:13px!important}.checkbox-line input{accent-color:#d6aa61;width:18px;height:18px}.feedback{font-size:12px!important;color:#f1a49b!important;min-height:10px}.feedback.ok{color:#78d8a1!important}.admin-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 22px}.admin-welcome h1{font-size:30px;color:#efcd89;margin:0}.admin-welcome p{color:#c0a880;margin:0;font-size:13px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.admin-stats .stat strong{font-size:22px}.tabs{display:flex;gap:9px;margin:0 0 14px;overflow:auto}.tab{border:1px solid #76572f;border-radius:9px;color:#bfa57b;background:#261d13;padding:10px 16px;white-space:nowrap}.tab.active{background:#d1a461;color:#2a1b0d;border-color:#e0bc7b;font-weight:700}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading h2{margin:0}.text-button{border:0;background:transparent;color:#e4bd76;font-size:12px}.calculated{border:1px solid #775734;border-radius:10px;background:#342718;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap}.calculated span{font-size:11px;color:#c4a985}.calculated strong{color:#efcf8c;font-size:17px}.calculated small{width:100%;color:#aa9877;font-size:10px}.image-preview{display:flex;align-items:center;gap:12px;background:#2c2116;border-radius:10px;padding:9px;font-size:11px;color:#bda780}.image-preview .avatar{width:48px;height:48px;min-width:48px;font-size:24px}.form-actions{display:flex;gap:8px;flex-wrap:wrap}.form-actions button{flex:1}.admin-search{width:100%;margin-bottom:12px}.user-admin-list{display:grid;gap:8px;max-height:610px;overflow:auto;padding-left:4px}.admin-user{border:1px solid #665031;border-radius:11px;background:#2e2218;padding:10px 11px;display:flex;align-items:center;gap:11px;min-width:0}.admin-user.selected{border-color:#e4b75d;background:#40301c}.admin-user .mini-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;border:1px solid #95703d;display:grid;place-items:center;overflow:hidden;background:#46321d}.mini-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-info{flex:1;min-width:0}.admin-user-info strong{font:700 16px 'Cairo',sans-serif;color:#ead0a1;direction:ltr;display:block;text-align:right}.admin-user-info small{font-size:11px;color:#b49c78}.admin-user .state{font-size:10px;color:#88d9a4;white-space:nowrap}.admin-user .state.off{color:#e8ad7a}.admin-user button{background:#45331f;border:1px solid #94703d;border-radius:7px;color:#e6bc78;padding:7px 9px;font-size:11px}.subtle{font-size:12px!important;color:#b9a27e!important}.divider{height:1px;background:#735530;margin:22px 0}.settings-panel{max-width:750px}.admin-footer{color:#8f7858;padding:22px 0;text-align:center;font-size:11px}.empty{text-align:center;color:#b8a17b;border:1px dashed #785b36;border-radius:13px;padding:25px}
@media(max-width:750px){.masthead{height:76px}.brand-mark{width:43px;height:43px}.brand-mark svg{width:29px}.brand strong{font-size:22px}.brand small{font-size:8px}.hero{padding:29px 0 27px}.hero-sub{font-size:12px}.stats{gap:7px;margin-bottom:24px}.stat{padding:10px 5px}.stat span{font-size:10px}.stat strong{font-size:17px}.leader-heading{display:block}.leader-heading h2{font-size:19px}.search{margin-top:13px;width:100%}.legend-card{padding:11px 10px;border-radius:13px}.card-row{gap:9px;min-height:68px}.rank-square{width:48px;min-width:48px;height:50px;font-size:20px;border-radius:9px}.avatar{width:49px;min-width:49px;height:49px;font-size:22px}.public-id{font-size:15px}.level-badge{font-size:10px;padding:3px 5px}.idline{gap:4px}.wealth{font-size:15px}.wealth small{font-size:9px}.trend-block{min-width:38px}.trend-block strong{font-size:12px}.trend-block .trend-label{display:none}.trend-arr{font-size:18px}.expand-button{font-size:0;padding:7px 8px}.expand-button span{font-size:16px}.detail{margin-top:11px;padding-top:11px}.level-details{display:block}.level-details strong{margin-top:4px}.admin-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-welcome h1{font-size:25px}.panel{padding:15px}.auth-panel{margin:35px auto;padding:20px}}
@media(max-width:360px){.wrap{width:calc(100% - 18px)}.card-row{gap:5px}.rank-square{width:44px;min-width:44px}.avatar{width:43px;min-width:43px;height:43px}.public-id{font-size:14px}.wealth{font-size:13px}.trend-block{min-width:29px}}

/* Original DIDO logo for the public header and admin header. */
.brand-mark.brand-logo{overflow:hidden;padding:0;background:#23190f;border-color:#a68345;box-shadow:0 0 0 1px #d5ac5c12,0 4px 16px #00000018}
.brand-mark.brand-logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}