:root{--ink:#0b0807;--bronze:#8a6a3c;--bronze-hi:#c49a5a;--bronze-lo:#4a3828;--frame:0 0 0 2px var(--ink), inset 0 0 0 1px var(--ink), inset 0 2px 0 0 #ffecc812, 0 4px 0 0 #0000008c}body{background:radial-gradient(#ffe6be09 1px,#0000 1.5px) 0 0/4px 4px,radial-gradient(at top,#241914 0%,#0e0b0a 65%)}.game{border-inline:2px solid var(--ink);box-shadow:0 0 0 2px var(--bronze-lo), 0 0 60px #000c;background:radial-gradient(#ffe6be08 1px,#0000 1.5px) 0 0/4px 4px,linear-gradient(#1d1511,#0f0b0a)}h1,h2,h3{text-shadow:0 2px 0 var(--ink), 0 0 12px #f2c14e2e}button,a.button{border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--bronze-lo), inset 0 2px 0 0 #ffecc81a, inset 0 -3px 0 0 #0006, 0 3px 0 0 var(--ink);text-shadow:0 1px 0 var(--ink);background:linear-gradient(#3a2c22,#261d18);transition:transform 40ms,box-shadow 40ms;position:relative}button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--bronze), inset 0 2px 0 0 #ffecc824, inset 0 -3px 0 0 #0006, 0 3px 0 0 var(--ink);border-color:var(--ink)}button:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--bronze-lo), inset 0 2px 0 0 #00000059, 0 1px 0 0 var(--ink);transform:translateY(2px)}button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold), inset 0 2px 0 0 #0000004d, 0 1px 0 0 var(--ink);transform:translateY(1px)}button.primary{box-shadow:inset 0 0 0 1px #ffd867, inset 0 2px 0 0 #ffffff47, inset 0 -3px 0 0 #00000059, 0 3px 0 0 var(--ink);color:#fff8e4;background:linear-gradient(#c8922a,#8a5c14 55%,#6e4a10)}button.primary:hover:not(:disabled){box-shadow:inset 0 0 0 1px #fff0b0, inset 0 2px 0 0 #ffffff5c, inset 0 -3px 0 0 #00000059, 0 3px 0 0 var(--ink)}button.big{letter-spacing:1px}button.with-icon{justify-content:center;align-items:center;gap:8px;display:flex}button.ghost,button.notice,.chest-reveal,.tabbar button,.icon-slot{box-shadow:none;transform:none}button.ghost{background:0 0;border-color:#0000}.pixel-icon{image-rendering:pixelated;flex:none}.stage,.stats,.cmp,.coach,.set-panel,.codex-row,.codex-group,.ladder-row,.item-card,.sheet{box-shadow:var(--frame);border-width:2px}.stage{border-color:var(--bronze);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 1px var(--ink), 0 0 0 4px var(--bronze-lo), 0 0 0 6px var(--ink), 0 8px 0 0 #00000080;margin:6px}.fight-stage{border-color:var(--bronze);box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--bronze-lo), 0 0 0 6px var(--ink), 0 8px 0 0 #00000080;margin:8px 6px}.stats,.cmp,.codex-row,.codex-group,.ladder-row,.set-panel,.sheet{border-color:var(--bronze-lo);background:linear-gradient(#211813,#17110e)}.coach{border-color:var(--gold)}.ladder-row.me{border-color:var(--gold);background:linear-gradient(#32260f,#211808)}.item-card{background:linear-gradient(#1c1511,#100c0a)}.modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060403d1}.topbar{border-bottom:2px solid var(--ink);box-shadow:0 1px 0 0 var(--bronze-lo), 0 4px 0 0 #0006;z-index:2;background:linear-gradient(#17100d,#0a0706);font-size:16px;position:relative}.topbar .stat{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.tabbar{border-top:2px solid var(--ink);box-shadow:0 -1px 0 0 var(--bronze-lo);background:linear-gradient(#0a0706,#17100d)}.tabbar button{background:0 0;border:0;border-top:3px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 9px;font-size:12px;display:flex}.tabbar button .pixel-icon{filter:grayscale(.85)brightness(.75);transition:filter .1s,transform .1s}.tabbar button[aria-pressed=true]{border-top-color:var(--gold);box-shadow:none;background:linear-gradient(#f2c14e24,#0000 70%);transform:none}.tabbar button[aria-pressed=true] .pixel-icon{filter:none;transform:translateY(-2px)}.bar{border:2px solid var(--ink);box-shadow:0 0 0 1px var(--bronze-lo), inset 0 2px 0 0 #00000080;background:#070504}.bar .fill{box-shadow:inset 0 2px #ffffff40,inset 0 -2px #00000040}.pips i{border-color:var(--ink);box-shadow:0 0 0 1px var(--bronze-lo);height:9px}.pips i.on{box-shadow:0 0 0 1px #8a5c14,inset 0 2px #fff6}.icon-slot{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #000000b3, inset 0 3px 0 0 #ffecc80d;background:radial-gradient(circle at 35% 30%,#35291f,#140f0c 75%);border-width:2px}button.icon-slot:active{transform:scale(.94)}.icon-slot.empty{border-color:var(--bronze-lo);opacity:.45;background:#0c0908;border-style:solid}.shop-row{font-family:var(--sans)}.shop-row .icon-slot{box-shadow:0 0 0 1px var(--ink)}.nameplate h2{font-size:26px}input{box-shadow:inset 0 3px 0 0 #00000080, 0 0 0 1px var(--bronze-lo)}.modal-body{padding-top:4px;position:relative}button.modal-close{z-index:3;width:40px;height:40px;font:700 18px var(--sans);color:var(--text);flex:none;align-self:flex-end;margin-bottom:-6px;padding:0;position:sticky;top:0}.modal-body>button:last-child{padding:12px;font-size:16px}.hero-vitals{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hero-vitals div{border:2px solid var(--bronze-lo);box-shadow:var(--frame);background:linear-gradient(#211813,#17110e);flex-direction:column;align-items:center;padding:8px 4px;display:flex}.hero-vitals b{font:600 24px/1.1 var(--pixel);color:var(--gold);text-shadow:0 2px 0 var(--ink)}.hero-vitals span{color:var(--text-dim);font-size:12px}.hero-slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hero-slot{text-align:left;min-width:0;font:13px/1.25 var(--sans);align-items:center;gap:8px;padding:5px;display:flex}.hero-slot>span{flex-direction:column;min-width:0;display:flex}.hero-slot>span>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-slot.empty{border:2px dashed var(--bronze-lo);opacity:.7}.hero .stats{grid-template-columns:repeat(3,1fr)}