:root{--account-bg:#1a2530;--account-surface:#243442;--account-text:#ecf0f1;--account-muted:#b0c1ce;--account-line:#405568;--account-accent:#00ff9d;--account-on-accent:#102d25;--account-soft:#263f43}
*{box-sizing:border-box}html{background:var(--account-bg);color-scheme:dark}.account-page{margin:0;background:var(--account-bg);color:var(--account-text);font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.account-page a{color:inherit;text-decoration:none}button,input,select{font:inherit}.account-header{border-bottom:1px solid #40556866;background:#20313e}.account-header-inner,.account-footer{max-width:1328px;margin:auto;padding:21px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.account-brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.account-brand span{font-weight:350;color:var(--account-muted)}.account-header nav{display:flex;align-items:center;gap:30px}.account-header nav a{color:var(--account-muted);font-size:13px;white-space:nowrap}.account-header nav a[aria-current]{color:var(--account-accent);position:relative}.account-header nav a[aria-current]:after{content:"";position:absolute;bottom:-26px;left:0;right:0;height:3px;background:var(--account-accent)}#account-language{border:1px solid var(--account-line);border-radius:7px;background:transparent;color:var(--account-text);padding:7px;cursor:pointer}.account-header .ta-entry{display:none}.account-main{max-width:1328px;margin:32px auto 48px;padding:0 32px;min-height:72vh}.page-heading{position:relative;padding:0 0 25px}.page-heading:after{content:"";position:absolute;width:48px;height:48px;right:75px;top:20px;background:#40556855;box-shadow:48px 0 #40556833,0 48px #40556833,48px 48px #40556855;transform:rotate(-8deg);border-radius:3px;pointer-events:none}.account-kicker{font-size:10px;letter-spacing:2.4px;color:var(--account-accent);margin:0;font-weight:650}.account-main h1{font-size:clamp(32px,4vw,48px);line-height:1.18;letter-spacing:-1.7px;margin:12px 0 10px}.account-intro{color:var(--account-muted);margin:0;font-size:15px}.account-welcome{display:flex;align-items:center;gap:20px;padding:18px 22px;background:var(--account-surface);border:1px solid var(--account-line);border-radius:12px;margin-bottom:18px}.account-avatar{flex-shrink:0;display:grid;place-items:center;width:50px;height:50px;overflow:hidden;border-radius:12px;background:#164b46;color:var(--account-accent);font-size:24px;font-weight:750}.account-avatar img{width:100%;height:100%;object-fit:cover;grid-area:1/1}.account-identity{min-width:0}.account-identity h2{font-size:19px;margin:0;overflow-wrap:anywhere}.welcome-actions{display:flex;gap:12px;margin-left:auto}.account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:var(--account-accent);color:var(--account-on-accent)!important;border-radius:8px;padding:12px 22px;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .15s,transform .15s}.account-button:hover{background:#58ffbf;transform:translateY(-1px)}.account-outline,.account-secondary{border-color:var(--account-line);background:transparent;color:var(--account-text)!important}.account-outline:hover,.account-secondary:hover{background:#304859}.account-edit{font-size:12px;padding:8px 14px}.account-button:disabled{opacity:.5;cursor:wait;transform:none}.account-highlights{display:grid;grid-template-columns:2.06fr 1fr 1fr;gap:16px}.score-hero,.rank-card,.recent-card,.region-card{border:1px solid var(--account-line);border-radius:12px;background:var(--account-surface);padding:24px;min-width:0}.account-highlights h2,.section-heading h2,.region-card h2{font-size:18px;margin:0 0 4px;font-weight:650}.score-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#163b3c,#142f35);border-color:#2a7667;min-height:265px}.score-hero h2{color:#58ffbf}.hero-score{position:relative;z-index:1;display:block;color:#58ffbf;font-size:clamp(40px,5.5vw,72px);line-height:1.2;font-weight:750;letter-spacing:-3px;margin:20px 0 18px;font-variant-numeric:tabular-nums}.hero-records{display:flex;position:relative;z-index:1;gap:22px;border-top:1px solid #405568;padding-top:14px;width:65%}.metric span{display:block;font-size:11px;color:var(--account-muted)}.metric strong{display:block;font-size:23px;line-height:1.4;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.score-art{position:absolute;right:-35px;bottom:-8px;width:48%;height:auto;opacity:.95;pointer-events:none}.rank-card .account-kicker{font-size:9px;color:var(--account-muted);letter-spacing:1.7px}.rank-value{display:block;font-size:clamp(38px,4.5vw,60px);line-height:1.2;letter-spacing:-2px;color:var(--account-accent);margin:24px 0 16px;font-variant-numeric:tabular-nums}.account-note{font-size:12px;color:var(--account-muted);line-height:1.6;margin:8px 0 0}.rank-card .account-note{font-size:10px;margin-top:12px}.account-totals{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;background:var(--account-surface);border:1px solid var(--account-line);border-radius:10px;padding:17px 24px}.account-totals .metric{display:flex;align-items:center;justify-content:center;gap:22px}.account-totals .metric+.metric{border-left:1px solid var(--account-line)}.account-totals .metric strong{font-size:21px}.account-totals .metric span{font-size:12px}.account-lower{display:grid;grid-template-columns:2.06fr 1.04fr;gap:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{white-space:nowrap}.game-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.filter-button{border:1px solid var(--account-line);border-radius:6px;background:transparent;color:var(--account-muted);padding:5px 11px;font-size:10px;cursor:pointer}.filter-button[aria-pressed=true]{color:var(--account-on-accent);background:var(--account-accent);border-color:var(--account-accent)}.recent-note{font-size:10px;margin:8px 0 14px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#2c4050;color:var(--account-muted);font-size:10px;font-weight:500;padding:9px 12px}td{padding:13px 12px;border-bottom:1px solid #40556880;white-space:nowrap}.game-theme{display:flex;align-items:center;gap:12px;font-weight:600}.game-theme img,.unknown-theme{width:64px;height:40px;border-radius:5px;object-fit:cover;background:#182c38}.unknown-theme{display:grid;place-items:center;color:var(--account-muted);font-size:25px}.game-score{font-weight:750}.game-date{color:var(--account-muted);font-size:10px}.account-link{display:block;color:var(--account-accent)!important;font-size:12px;font-weight:550;margin-top:20px;text-align:right}.account-link:hover{text-decoration:underline}.region-card{position:relative;overflow:hidden}.region-card>*{position:relative;z-index:1}.region-rank{display:block;font-size:56px;color:var(--account-accent);line-height:1.15;letter-spacing:-2px;margin-top:26px}.region-card>.metric{margin-top:24px;padding-top:15px;border-top:1px solid var(--account-line);max-width:160px}.region-footnote{font-size:10px;color:var(--account-muted);line-height:1.7;margin:20px 0 0;max-width:270px}.region-globe{position:absolute;z-index:0;right:-45px;top:64px;width:215px;height:215px;line-height:1;font-size:220px;color:#00ff9d12;transform:rotate(-20deg);pointer-events:none}.account-footer{border-top:1px solid #40556866;color:var(--account-muted);font-size:11px}.account-notice{display:flex;gap:16px;justify-content:space-between;align-items:center;background:var(--account-soft);border-radius:10px;padding:12px 18px;margin-bottom:16px;font-size:12px}#account-status:empty{display:none}#account-status{background:var(--account-soft);padding:12px 16px;border-radius:8px}#account-status[data-error=true],.form-error{color:#ffc3b5}.account-empty{padding:30px 8px;color:var(--account-muted);font-size:13px;text-align:center}.account-gate{text-align:center;max-width:650px;margin:12px auto 45px;padding:30px;border:1px solid var(--account-line);border-radius:16px;background:var(--account-surface)}.account-gate>img{height:160px;width:auto}.account-gate h2{font-size:28px;margin:12px 0}.account-gate .account-note{max-width:430px;margin:12px auto 24px}.account-edit-dialog{background:var(--account-surface);color:var(--account-text);border:1px solid var(--account-line);border-radius:16px;padding:28px;width:min(440px,calc(100% - 32px))}.account-edit-dialog::backdrop{background:#0c1724b3;backdrop-filter:blur(5px)}.account-edit-dialog h2{margin:0 0 20px;font-size:23px}.account-edit-dialog label{font-size:13px}.account-edit-dialog input{width:100%;margin-top:8px;padding:12px;border:1px solid var(--account-line);background:var(--account-bg);color:var(--account-text);border-radius:8px}.edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-error:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.account-page :focus-visible{outline:2px solid var(--account-accent);outline-offset:4px}
@media(max-width:1050px){.account-header nav{gap:18px}.account-welcome{gap:12px}.account-button{padding:11px 15px}.account-highlights{grid-template-columns:1.6fr 1fr 1fr}.score-hero,.rank-card,.recent-card,.region-card{padding:20px}.hero-score{font-size:52px}.score-art{opacity:.6;right:-45px;width:55%}.hero-records{width:90%;gap:15px}.section-heading{align-items:flex-start;flex-direction:column}.game-filters{justify-content:flex-start}.account-lower{grid-template-columns:1.8fr 1fr}.account-identity h2{font-size:17px}}
@media(max-width:760px){.account-header-inner{flex-wrap:wrap;padding:17px 20px;gap:16px}.account-brand{font-size:20px}.account-header nav{width:100%;justify-content:space-between;gap:12px}.account-header nav a{font-size:12px}.account-header nav a[aria-current]:after{bottom:-18px}.account-main{padding:0 20px;margin-top:26px}.page-heading:after{display:none}.account-main h1{font-size:35px}.account-intro{font-size:13px}.account-welcome{flex-wrap:wrap;padding:16px}.account-identity{flex:1}.account-edit{font-size:11px}.welcome-actions{width:100%;margin-left:0;margin-top:6px}.welcome-actions>*{flex:1}.account-highlights{grid-template-columns:1fr 1fr;gap:12px}.score-hero{grid-column:1/-1;min-height:255px;padding:24px}.hero-score{font-size:65px;margin:18px 0}.score-art{opacity:1;width:45%;right:0;bottom:-12px}.hero-records{width:60%}.rank-card{padding:19px 16px}.account-highlights h2{font-size:16px}.rank-value{font-size:44px;margin:22px 0 14px}.rank-card .account-kicker{font-size:8px;letter-spacing:1px}.account-totals{padding:16px 8px}.account-totals .metric{display:block;text-align:center}.account-totals .metric span{font-size:10px}.account-totals .metric strong{font-size:18px;margin-top:4px}.account-lower{grid-template-columns:1fr}.recent-card{padding:20px 14px}.section-heading{padding:0 6px}.game-theme img,.unknown-theme{width:42px;height:30px}.game-theme{gap:8px}.table-scroll{margin:0 -4px}td,th{padding:11px 8px}.region-card{min-height:285px}.region-globe{right:0;top:35px}.account-footer{padding:20px;font-size:10px;flex-wrap:wrap;gap:12px}.account-notice{align-items:flex-start;flex-direction:column}.account-gate{padding:24px 20px}.account-gate h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.account-button{transition:none}}
.score-hero.has-large-score .hero-score{font-size:clamp(28px,3.8vw,50px)}.rank-value.rank-long{font-size:clamp(24px,3vw,40px)}
@media(max-width:760px){.rank-card h2{min-height:2.8em}.score-hero.has-large-score .hero-score{font-size:clamp(26px,7.6vw,50px)}.rank-value.rank-long{font-size:26px}}

/* Arcade player center: the same blue-gray palette as the game. */
:root { --account-bg:#2c3e50; --account-surface:#243442; }
.account-page { background: linear-gradient(150deg,#273e53,#26394a 65%,#2c3e50); min-height:100vh; }
.account-header { background:#172936; }
.account-header-inner { padding-top:18px; padding-bottom:18px; }
.account-header nav a[aria-current]:after { bottom:-23px; }
.account-main { max-width:1328px; margin-top:27px; }
.page-heading { padding-bottom:14px; }
.page-heading:after { display:none; }
.account-kicker { color:#9cc4e0; font-size:10px; letter-spacing:3px; }
.account-main h1 { font-size:36px; font-weight:850; letter-spacing:.2px; margin:8px 0; }
.account-back { position:absolute; top:20px; right:0; padding:9px 18px; border:1px solid #5b7b96; border-radius:4px; font-size:12px; }
.account-back:hover { background:#355069; }
.account-welcome { border:0; border-radius:0; background:transparent; padding:8px 0 16px; margin:0; gap:12px; }
.account-avatar { width:34px; height:34px; font-size:17px; border-radius:5px; background:#294a5a; color:#58ffbf; border:1px solid #426075; }
.account-identity { display:flex; flex-wrap:wrap; align-items:center; column-gap:12px; }
.account-identity h2 { font-size:13px; }
.account-edit,.welcome-actions .account-button { font-size:11px; padding:5px 9px; border-color:transparent; color:#adc6da!important; }
.account-tabs { display:flex; gap:24px; border-bottom:1px solid #456078; margin-bottom:18px; }
.account-tabs>button { border:0; border-bottom:3px solid transparent; padding:10px 4px 12px; background:transparent; color:#bdcfe0; font-size:14px; font-weight:650; cursor:pointer; }
.account-tabs>button[aria-selected=true] { color:#26f7ba; border-bottom-color:#26f7ba; }
.account-view[hidden] { display:none; }
.account-view { min-width:0; }
.account-view:focus { outline:none; }
.account-view:focus-visible { outline:2px solid #58ffbf; outline-offset:5px; }
.account-footer { font-size:10px; padding-top:20px; padding-bottom:20px; }
.score-hero,.rank-card,.recent-card,.region-card,.account-totals { border-radius:8px; border-color:#405b72; background:linear-gradient(130deg,#24394b,#1b2e3e); }
.score-hero { background:linear-gradient(120deg,#1d4047,#1b2e3e); }
.hero-score,.rank-value,.region-rank { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-weight:850; }
.account-gate { background:linear-gradient(130deg,#24394b,#1b2e3e); border-radius:8px; margin-top:24px; }
@media(max-width:760px) {
  .account-header-inner { padding:16px 20px; }.account-header nav a[aria-current]:after { bottom:-17px; }
  .account-main { margin-top:22px; padding:0 16px; }.account-main h1 { font-size:29px; }
  .account-back { position:static; display:inline-block; margin-top:16px; padding:6px 12px; font-size:11px; }
  .account-welcome { gap:9px; padding-bottom:10px; }.account-identity { flex:1; flex-direction:column; align-items:flex-start; gap:0; }
  .welcome-actions { width:auto; margin:0 0 0 auto; }.welcome-actions>* { flex:initial; }
  .account-tabs { gap:22px; }.account-tabs>button { font-size:13px; }.account-intro { font-size:12px; }
}
@media(max-width:380px) { .account-edit { padding:5px; }.account-welcome { gap:5px; }.account-brand { font-size:18px; } }