:root{color-scheme:dark;--bg:#0b1320;--card:#142033;--ink:#f2e8d4;--gold:#d4b46c;--muted:#adbbce}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#21324c,var(--bg) 65%);color:var(--ink);font:16px/1.6 system-ui,sans-serif;min-height:100vh}main{max-width:950px;margin:auto;padding:64px 24px}header,.heading,.actions{display:flex;align-items:center;gap:20px}.heading{justify-content:space-between}.crest{font-size:64px;color:var(--gold)}small{color:var(--gold);letter-spacing:.2em}h1{font-size:clamp(28px,5vw,42px);line-height:1.2;margin:10px 0}h2{font-size:24px;margin:0 0 12px}p{color:var(--muted)}.intro{margin:24px 0 36px}section{background:var(--card);border:1px solid #394252;border-radius:16px;padding:28px;margin:20px 0;box-shadow:0 12px 36px #0002}button,.button{font:inherit;background:var(--gold);color:#141c2a;border:1px solid var(--gold);border-radius:9px;padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.quiet{background:transparent;color:var(--ink);border-color:#53617a}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.choice{background:#0c1727;border:1px solid #4c5870;border-radius:12px;padding:20px}.choice p{font-size:14px;min-height:48px}.stat{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33405a;padding:14px 0;gap:12px}.stat strong{min-width:100px}.stat .actions{gap:8px}.stat button{padding:5px 10px}.actions{margin-top:16px;flex-wrap:wrap}.muted,footer{font-size:13px;color:var(--muted)}footer{margin-top:44px;text-align:center}#notice:not(:empty){padding:14px 20px;border:1px solid var(--gold);border-radius:9px;color:var(--ink)}[hidden]{display:none!important}@media(max-width:540px){main{padding:30px 16px}section{padding:20px}.stat{flex-wrap:wrap}.stat .actions{margin:0}header{gap:12px}.crest{font-size:46px}}
#preview-image { max-width: 100%; height: auto; border-radius: 12px; }
#player-nav{display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:0;z-index:2;background:var(--bg);padding:10px 0}#player-nav button{font-size:14px;padding:7px 10px;background:transparent;color:var(--ink)}#player-nav button[aria-pressed=true]{background:var(--gold);color:var(--bg)}#character[data-tab=fighter]>section:not([data-pane~=fighter]),#character[data-tab=build]>section:not([data-pane~=build]),#character[data-tab=appearance]>section:not([data-pane~=appearance]),#character[data-tab=queue]>section:not([data-pane~=queue]),#character[data-tab=ranking]>section:not([data-pane~=ranking]){display:none}@media(max-width:400px){.intro{font-size:14px;margin:12px 0}header h1{font-size:21px}#player-nav{gap:4px}#player-nav button{font-size:13px;padding:6px 8px}}
label{display:block;color:var(--muted)}select,input{display:block;width:100%;padding:10px;margin:6px 0 16px;border:1px solid #53617a;border-radius:8px;background:#0c1727;color:var(--ink);font:inherit}#ranking{display:grid;gap:12px;margin-top:18px}.rank-card{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:4px 16px;padding:12px;background:#0c1727;border-radius:12px}.rank-card img{grid-row:span 2}.rank-card span{color:var(--muted)}@media(max-width:400px){main{padding:12px}section{padding:14px}header .crest{display:none}h1{font-size:24px}.choices{grid-template-columns:1fr}button{padding:9px 12px}}