#account-loading{position:fixed;inset:0;z-index:2147483647;background:#060c16;color:#e9d5ac;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:32px;text-align:center;font-family:Georgia,serif}
#account-panel{width:min(460px,calc(100vw - 24px));background:#0b111c;color:#e7d9ba;border:1px solid #ba9557;padding:24px;border-radius:14px}
#account-panel form{display:grid;gap:15px}
#account-panel label{display:grid;gap:6px;font-size:13px}
#account-panel input:not([type=checkbox]){width:100%;min-height:44px;background:#040912;border:1px solid #806846;color:#f4e9d0;border-radius:6px;padding:9px;font:inherit}
#account-panel button{min-height:44px;padding:8px 16px;background:#181b23;border:1px solid #a3834c;border-radius:6px;color:#f5ddb0;cursor:pointer}
#account-panel button:disabled{opacity:.5}
.account-actions{display:flex;gap:10px;flex-wrap:wrap}
#account-import{grid-template-columns:20px 1fr!important;align-items:start;font-size:12px!important}
#account-import input{margin:2px 0}
#account-status{font-size:13px;line-height:1.5;color:#dbc18d}
#account-recovery-result code{display:block;overflow-wrap:anywhere;padding:16px;background:#03060c;margin:16px 0}
.account-note{font-size:11px;line-height:1.5;color:#aeb7c6}
.account-open{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:650px){
.account-open{max-width:100px;font-size:11px}}
.league-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.league-tabs button{min-height:44px;padding:8px 14px;background:#091322;color:#e8d09f;border:1px solid #816536;border-radius:6px}
.league-tabs button[aria-pressed=true]{background:#413015;border-color:#ebc775}
.league-rewards,.league-history{font-size:12px;line-height:1.6;color:#c7c4b8}
#account-panel [hidden]{display:none!important}
@media(max-width:1100px){.header-utilities>#account-open{display:none!important}}


@font-face{font-family:Aurora;src:url('fonts/Cinzel-Variable.ttf') format('truetype');font-weight:400 900;font-display:swap}
body .header-utilities .account-open,body .utility-menu .account-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid #bda66b55;border-radius:6px;color:#e4d3ae;background:#0b121bcc;box-shadow:inset 0 1px #efd59c14;padding:6px 10px;font-size:10px;cursor:pointer}
body .account-open>span:first-child{font-family:system-ui!important;font-size:16px}
body .account-open:hover{border-color:#dfc488;background:#17202b}
body #account-panel{max-height:calc(100dvh - 30px);overflow:auto}
body #account-panel input{box-sizing:border-box}
body #account-panel label{font-size:11px}
body #account-panel .account-note{font-size:10px;line-height:1.8}
#panorama-view{max-width:1240px;margin:20px auto 60px;padding:20px}
#panorama-view[hidden]{display:none!important}
.panorama-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid #b2935655}
.panorama-head h1{font-size:clamp(26px,4vw,48px);margin:8px 0}
.panorama-head p{color:#c8b895;max-width:65ch;line-height:1.6;font-size:12px}
.panorama-wallet{font-size:20px;white-space:nowrap;color:#e7cb8a}
.panorama-filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.panorama-filters button{min-height:40px;padding:8px 16px;border:1px solid #a8884555;border-radius:4px;background:#08101b;color:#d9c398;font-size:11px}
.panorama-filters button[aria-pressed=true]{border-color:#e8c078;background:#3a2915;color:#fff0c8}
#panorama-view .landscape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#panorama-view .landscape-card{min-width:0;background:#080e18;border:1px solid #95744366;border-radius:7px;overflow:hidden}
#panorama-view .landscape-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#panorama-view .landscape-card h4{font-size:16px;letter-spacing:.02em}
#panorama-view .landscape-card p{font-size:10px;line-height:1.7}
#panorama-view .landscape-card button{min-height:40px;font-size:10px}
#panorama-view .landscape-card[hidden]{display:none!important}
.panorama-status{min-height:24px;color:#e7c991;font-size:12px}
.league-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}
.league-funnel>div{background:#091423;border:1px solid #90714755;padding:16px;border-radius:6px}
.league-funnel strong,.league-funnel small{display:block}
.league-funnel small{margin-top:8px;font-size:10px;color:#cbb78e;line-height:1.6}
.league-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:14px 0}
.league-pagination button{min-height:40px;background:#151d29;color:#edcf93;border:1px solid #93794c;padding:6px 14px}
.league-global{font-size:13px;color:#efcc87;margin:15px 0}
.league-help{font-size:11px;line-height:1.8;color:#c5bcac}
@media(max-width:1100px){body .header-utilities>#account-open{display:none!important}
#panorama-view .landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
#panorama-view{padding:12px}
.panorama-head{display:block}
.panorama-wallet{margin-top:15px}
#panorama-view .landscape-grid{grid-template-columns:1fr}
.league-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-nav{flex-wrap:wrap}}
@media(max-width:650px){body[data-room] .topbar .platform-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-room] .topbar .platform-nav button{font-size:8px;padding-inline:2px}}