:root{--bg: #0c0b0a;--bg-card: #14110e;--bg-card2: #17130f;--bg-inner: #0c0a08;--border: #241f1a;--border-strong: #3a2b1e;--ink: #f4efe6;--ink-dim: #b6aa9a;--ink-mute: #a49889;--ink-faint: #8a7f70;--ink-ghost: #6d6357;--orange: #ff7a2f;--orange-soft: #ffa76b;--orange-deep: #7f3510;--dark-on-orange: #17110c;--gold: #facc15}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}#root>.page{min-height:100vh;background:radial-gradient(120% 80% at 50% -10%,#241a12,#0c0b0a 55%);overflow-x:hidden;display:flex;flex-direction:column}a{color:var(--orange);text-decoration:none}a:hover{color:var(--orange-soft)}h1,h2,h3,.display{font-family:Anton,sans-serif;text-transform:uppercase;margin:0}.condensed{font-family:Barlow Condensed,sans-serif;text-transform:uppercase}.mono{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:var(--ink-faint)}.mono.orange{color:var(--orange)}@keyframes bh-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bh-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes bh-pop{0%{transform:scale(.94);opacity:.4}to{transform:scale(1);opacity:1}}.pop{animation:bh-pop .18s ease-out}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 40px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;background:#0c0b0adb;backdrop-filter:blur(10px)}.logo-row{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-badge{width:38px;height:38px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-family:Anton,sans-serif;font-size:17px;color:var(--dark-on-orange);letter-spacing:.5px;box-shadow:inset 0 0 0 2px var(--dark-on-orange)}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-text .name{font-family:Anton,sans-serif;font-size:19px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink)}.logo-text .sub{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2px;color:var(--ink-faint);text-transform:uppercase;margin-top:3px}.site-nav{display:flex;align-items:center;gap:26px;font-family:Barlow Condensed,sans-serif;font-size:16px;letter-spacing:1.6px;text-transform:uppercase}.site-nav a{color:var(--ink-mute)}.site-nav a.active,.site-nav a:hover{color:var(--ink)}.btn{display:inline-block;border:0;cursor:pointer;border-radius:2px;font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:1.4px;transition:background .15s,border-color .15s,color .15s,opacity .15s}.btn-primary{font-size:20px;color:var(--dark-on-orange);background:var(--orange);padding:18px 40px;box-shadow:0 12px 0 -4px var(--orange-deep)}.btn-primary:hover{background:var(--orange-soft)}.btn-light{font-size:17px;color:var(--dark-on-orange);background:var(--ink);padding:14px 26px}.btn-light:hover{background:var(--orange)}.btn-ghost{font-family:Barlow Condensed,sans-serif;font-size:17px;letter-spacing:2px;color:var(--ink);background:transparent;border:1px solid var(--border-strong);padding:14px 26px}.btn-ghost:hover{border-color:var(--orange)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{font-size:15px;padding:11px 20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:28px}.card-inner{background:var(--bg-inner);border:1px solid var(--border-strong);border-radius:4px}.card.special{border-color:#facc15d9;background:radial-gradient(circle at top left,rgba(250,204,21,.18),transparent 40%),linear-gradient(180deg,#1d1711,#14110e);box-shadow:0 0 42px #facc1538}.badge-special{display:inline-flex;border-radius:999px;border:1px solid #fef3c7;background:var(--gold);padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#111827;font-weight:700;box-shadow:0 0 24px #facc1573}.pill{font-family:Barlow Condensed,sans-serif;font-size:14px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink);background:#211a14;border:1px solid var(--border-strong);border-radius:999px;padding:8px 14px}.attr-bar{height:5px;background:var(--border);border-radius:999px;overflow:hidden}.attr-bar>div{height:100%;border-radius:999px;background:var(--orange);transition:width .4s ease}.attr-bar.empty>div{background:var(--border-strong)}.wrap{max-width:1280px;margin:0 auto;padding:0 40px;width:100%}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.marquee-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#100e0c;overflow:hidden;padding:14px 0}.marquee-track{display:flex;width:max-content;animation:bh-marquee 34s linear infinite;font-family:Barlow Condensed,sans-serif;font-size:15px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-ghost)}.marquee-track>div{display:flex;gap:34px;padding-right:34px}.marquee-track .sep{color:var(--orange)}.board-head,.board-row{display:grid;gap:12px;align-items:center}.board-head{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-ghost);padding-bottom:12px;border-bottom:1px solid var(--border)}.board-row{padding:12px 0;border-bottom:1px solid #1c1815}.board-row .rank{font-family:Anton,sans-serif;font-size:18px;color:var(--orange)}.board-row .name{font-family:Barlow Condensed,sans-serif;font-size:18px;letter-spacing:.8px;text-transform:uppercase}.board-row .num{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--ink-dim)}.player-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:4px;background:var(--bg-inner);cursor:pointer;transition:border-color .12s,background .12s;text-align:left;width:100%;color:var(--ink);font-family:Barlow,sans-serif}.player-row:hover{border-color:var(--orange)}.player-row.selected{border-color:var(--orange);background:#211a14}.player-row.used{opacity:.35;cursor:not-allowed}.player-row .pname{font-family:Barlow Condensed,sans-serif;font-size:17px;letter-spacing:.8px;text-transform:uppercase}.player-row .pmeta{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1.6px;color:var(--ink-faint);margin-top:3px}.attr-chip{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-inner);cursor:pointer;transition:border-color .12s,background .12s;color:var(--ink);width:100%;font-family:Barlow,sans-serif}.attr-chip:hover{border-color:var(--orange)}.attr-chip.selected{border-color:var(--orange);background:#211a14}.attr-chip.taken{opacity:.35;cursor:not-allowed}.attr-chip .aname{font-family:Barlow Condensed,sans-serif;font-size:14px;letter-spacing:1.2px;text-transform:uppercase}.attr-chip .aval{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-dim)}.grade-chip{display:inline-grid;place-items:center;min-width:40px;padding:6px 8px;border-radius:4px;font-family:Anton,sans-serif;font-size:16px;border:1px solid var(--border-strong)}.grade-a{color:#4ade80;border-color:#4ade8066}.grade-b{color:#facc15;border-color:#facc1566}.grade-c{color:var(--orange);border-color:#ff7a2f66}.grade-d{color:#f87171;border-color:#f8717166}.feed{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;color:var(--ink-dim)}.feed .q{color:var(--orange);letter-spacing:2px}footer.site-footer{border-top:1px solid var(--border);padding:32px 40px 44px;margin-top:auto}@media(max-width:900px){.wrap{padding:0 20px}.site-header{padding:14px 20px}.site-nav{display:none}.grid2,.grid3{grid-template-columns:1fr}}