:root{--ink:#1d1e22;--card:#fbf7ee;--card-muted:#ece6d8;--gold:#ffc83d;--pump:#3be37a;--dump:#ff4d6a;--bulls:#2fb8ff;--bears:#ff6b57;--border:2.5px solid var(--ink);--shadow:3px 3px 0 var(--ink);--radius:12px;--gap:12px;--safe-top:max(12px, env(safe-area-inset-top));--safe-right:max(12px, env(safe-area-inset-right));--safe-bottom:max(12px, env(safe-area-inset-bottom));--safe-left:max(12px, env(safe-area-inset-left));--font-display:Fredoka, "Nunito", system-ui, sans-serif;--font-body:Nunito, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}.ui-root{pointer-events:none;font-family:var(--font-body);color:var(--ink);font-size:16px;position:fixed;inset:0}.ui-root [hidden]{display:none!important}.card{background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 14px}.mono{font-family:var(--font-mono);white-space:nowrap;font-weight:800}.display{font-family:var(--font-display);font-weight:600}.btn{pointer-events:auto;font:700 18px var(--font-display);color:var(--ink);background:var(--card);border:var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:10px;padding:10px 18px;transition:transform 80ms,box-shadow 80ms}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:focus-visible,.hero-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn-primary{background:var(--gold);padding:12px 40px;font-size:26px}.menu{pointer-events:auto;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#7cc8ff8c,#ddf3ff59);flex-direction:column;justify-content:safe center;align-items:center;gap:clamp(8px,2vh,18px);display:flex;position:fixed;inset:0;overflow-y:auto}.logo{font:700 clamp(36px, min(8vw, 9vh), 84px) / 1 var(--font-display);color:var(--card);-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink);letter-spacing:1px}.logo span{color:var(--gold)}.tagline{font:700 18px var(--font-mono);background:var(--ink);color:var(--pump);border-radius:8px;padding:4px 12px}.menu-body{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;max-width:980px;display:flex}.preview{flex-direction:column;align-items:center;gap:8px;width:min(300px,40vh,86vw);display:flex}.preview canvas{aspect-ratio:1;border:var(--border);border-radius:var(--radius);background:radial-gradient(circle at 50% 70%,#9fe08a,#6cc24a 70%);width:100%}.hero-name{font:700 clamp(22px, 4vh, 30px) var(--font-display)}.hero-role{font:800 14px var(--font-mono);text-transform:uppercase;letter-spacing:2px}.menu-side{gap:var(--gap);flex-direction:column;width:min(420px,92vw);display:flex}.roster{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;display:grid}.hero-card{pointer-events:auto;cursor:pointer;text-align:left;font:inherit;color:inherit;align-items:center;gap:8px;padding:6px 10px;display:flex}.hero-card[aria-pressed=true]{background:var(--gold)}.hero-card .swatch{border:var(--border);border-radius:7px;flex:none;width:24px;height:24px}.hero-card-text{flex-direction:column;line-height:1.1;display:flex}.hero-card-text b{font:700 15px var(--font-display)}.hero-card-text small{font:800 10px var(--font-mono);text-transform:uppercase;letter-spacing:1px;opacity:.7}.hero-details{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.skill-list{gap:4px;margin:4px 0 0;padding:0;list-style:none;display:grid}.skill-list li{grid-template-columns:26px 22px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.skill-list .key{border:2px solid var(--ink);height:22px;font:800 12px var(--font-mono);background:var(--card-muted);border-radius:6px;place-items:center;display:inline-grid}.skill-list small{font:700 11px var(--font-mono);opacity:.7}.stat{font:800 12px var(--font-mono);grid-template-columns:54px 1fr;align-items:center;gap:8px;display:grid}.stat i{border:2px solid var(--ink);background:var(--card-muted);border-radius:5px;height:8px;display:block;overflow:hidden}.stat i b{background:var(--ink);height:100%;display:block}.menu-hint{font:700 14px var(--font-mono);opacity:.75}.hud-top{top:var(--safe-top);align-items:center;gap:14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.score{white-space:nowrap;font:800 18px var(--font-mono);align-items:center;gap:10px;display:flex}.score .bulls{color:var(--bulls);-webkit-text-stroke:1px var(--ink)}.score .bears{color:var(--bears);-webkit-text-stroke:1px var(--ink)}.timer{font:800 22px var(--font-mono)}.market-badge{white-space:nowrap;border:2px solid var(--ink);font:800 14px var(--font-mono);background:var(--card-muted);border-radius:8px;padding:2px 10px}.hud-hero{left:var(--safe-left);bottom:var(--safe-bottom);align-items:center;gap:12px;min-width:min(320px,70vw);display:flex;position:fixed}.portrait{border:var(--border);width:58px;height:58px;font:700 22px var(--font-display);color:#fff;border-radius:10px;flex:none;place-items:center;display:grid}.portrait-wrap{flex:none;position:relative}.level-badge{border:var(--border);background:var(--gold);min-width:26px;height:26px;font:800 13px var(--font-mono);border-radius:50%;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-8px;right:-8px}.xp-bar{border:2px solid var(--ink);background:var(--card-muted);border-radius:4px;height:6px;margin-top:3px;overflow:hidden}.xp-bar b{background:#7d5cff;height:100%;transition:width .2s ease-out;display:block}.hp-bar{border:2px solid var(--ink);background:var(--card-muted);border-radius:7px;height:14px;margin-top:6px;overflow:hidden}.hp-bar b{background:var(--pump);height:100%;transition:width .12s linear;display:block}.team-tag{font:800 12px var(--font-mono);border:2px solid var(--ink);vertical-align:middle;border-radius:6px;margin-left:8px;padding:0 6px}.hud-actions{bottom:var(--safe-bottom);align-items:stretch;gap:10px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.action{min-width:72px;font:700 15px var(--font-display);flex-direction:column;align-items:center;gap:2px;display:flex}.action .key{font:800 12px var(--font-mono);border:2px solid var(--ink);background:var(--card-muted);border-radius:6px;padding:0 6px}.gold-card{background:var(--gold);font:700 24px var(--font-display);align-items:center;gap:8px;display:flex}.minimap{top:calc(var(--safe-top) + 58px);right:var(--safe-right);padding:6px;position:fixed}.minimap canvas{aspect-ratio:1;border-radius:8px;width:clamp(130px,18vw,190px);display:block}.death{background:#1d1e2259;place-items:center;display:grid;position:fixed;inset:0}.death .card{text-align:center;font:700 26px var(--font-display)}.death .mono{font-size:40px}.skillbar{bottom:calc(var(--safe-bottom) + 88px);z-index:1;pointer-events:none;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.skill{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;width:78px;height:84px;padding:4px;display:flex;position:relative;overflow:hidden}.skill .key{font:800 12px var(--font-mono);position:absolute;top:3px;left:5px}.skill .skill-icon{margin-top:8px}.skill-name{font:700 10px/1.05 var(--font-body)}.skill.ready{background:var(--pump)}.skill-shade{transform-origin:bottom;background:#1d1e228c;position:absolute;inset:0;transform:scaleY(0)}.skill-time{color:#fff;text-shadow:0 2px 0 var(--ink);place-items:center;font-size:20px;display:grid;position:absolute;inset:0}@media (width<=720px){.hud-top{flex-wrap:wrap;justify-content:center;width:92vw}.hud-actions{bottom:calc(var(--safe-bottom) + 90px)}}@media (width<=1200px){.hud-top{left:var(--safe-left);transform:none}.hud-actions,.skillbar{left:auto;right:var(--safe-right);transform:none}}#wallet{top:var(--safe-top);right:var(--safe-right);z-index:10;font-family:var(--font-body);color:var(--ink);position:fixed}#wallet .wallet-login{font:700 16px var(--font-display);color:var(--ink);background:var(--gold);border:var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:10px;padding:8px 16px}#wallet .wallet-login:disabled{opacity:.7;cursor:wait}#wallet .wallet-panel{background:var(--card);border:var(--border);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:10px;padding:6px 12px;font-size:14px;display:flex}#wallet .wallet-address{font:800 14px var(--font-mono)}#wallet .wallet-note{opacity:.75}.hero-meta{justify-content:space-between;gap:12px;margin-top:4px;font-size:14px;display:flex}.player-tag{font:700 12px var(--font-mono);opacity:.8;margin-top:2px}.player-tag[data-rewards=true]{color:#1a8f4a;opacity:1}.result{pointer-events:auto;background:#1d1e2273}.result .card{flex-direction:column;align-items:center;gap:12px;padding:22px 34px;display:flex}.result-title{font:700 clamp(40px, 7vw, 64px) / 1 var(--font-display);-webkit-text-stroke:2px var(--ink)}.result-title[data-outcome=win]{color:var(--gold)}.result-title[data-outcome=loss]{color:var(--dump)}.result-title[data-outcome=draw]{color:var(--card-muted)}.result-reason{font:700 16px var(--font-mono)}.market-banner{top:calc(var(--safe-top) + 74px);font:700 clamp(20px, 3.4vw, 30px) var(--font-display);white-space:nowrap;padding:10px 22px;animation:.26s cubic-bezier(.34,1.56,.64,1) banner-pop;position:fixed;left:50%;transform:translate(-50%)}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.market-banner{animation:none}}.shop-toggle{pointer-events:auto;cursor:pointer;font:700 15px var(--font-display);color:var(--ink)}.shop-toggle[aria-pressed=true]{background:var(--gold)}.shop{pointer-events:auto;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 92px);flex-direction:column;gap:8px;width:min(360px,92vw);display:flex;position:fixed}.shop-head{justify-content:space-between;align-items:baseline;font-size:20px;display:flex}.shop-head .mono{opacity:.75;font-size:12px}.shop-list{flex-direction:column;gap:6px;max-height:min(60vh,520px);display:flex;overflow-y:auto}.shop-item{text-align:left;font:inherit;color:inherit;background:var(--card);border:2px solid var(--ink);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.shop-item:not(:disabled):hover{background:var(--gold)}.shop-item:disabled{opacity:.5;cursor:not-allowed}.shop-item:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.shop-item .key{font:800 12px var(--font-mono);border:2px solid var(--ink);background:var(--card-muted);border-radius:6px;padding:0 6px}.shop-icon{place-items:center;display:grid}.shop-section{font:800 11px var(--font-mono);text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-top:4px}.inv-slot{border:2px solid var(--ink);background:var(--card-muted);border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.shop-name{flex-direction:column;line-height:1.15;display:flex}.shop-name small{font:700 12px var(--font-mono);opacity:.75}.shop-cost{font-size:14px}.shop-toast{min-height:16px;color:var(--dump);font-size:13px}.shop-toast[data-ok=true]{color:#1a8f4a}@media (width<=1200px){.hud-actions .action:not(.shop-toggle){display:none}}.inventory{gap:4px;min-height:20px;margin-top:4px;font-size:18px;display:flex}.result-reward{border:var(--border);background:var(--pump);border-radius:10px;margin:6px 0 12px;padding:8px 12px;font-size:15px}.result-reward[data-status=guest],.result-reward[data-status=offline],.result-reward[data-status=capped]{background:var(--card-muted)}.result-reward a{color:inherit;font-weight:800}.portfolio-tag{font:800 12px var(--font-mono);color:#1d7a3a;margin-top:4px}.vault-backdrop{z-index:20;pointer-events:auto;background:#1d1e2273;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.vault{width:min(460px,100%);max-height:calc(100vh - 32px);font-family:var(--font-body);color:var(--ink);flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.vault-head{justify-content:space-between;align-items:center;display:flex}.vault-head .display{font:700 26px var(--font-display)}.vault-close{border:var(--border);background:var(--card-muted);cursor:pointer;border-radius:8px;width:32px;height:32px}.vault-lead{margin:0;font-size:14px}.vault-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.vault-stat{border:var(--border);background:var(--card-muted);border-radius:10px;flex-direction:column;padding:8px;display:flex}.vault-stat small{font:800 11px var(--font-mono);text-transform:uppercase;opacity:.7}.vault-stat b{font-size:18px}.vault-perk{border:2px dashed var(--ink);border-radius:10px;padding:8px 10px;font-size:13px}.vault-perk.on{background:var(--pump);border-style:solid}.vault-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.vault-row input{border:var(--border);width:100px;font:800 16px var(--font-mono);border-radius:8px;padding:8px}.vault-locks{gap:4px;display:flex}.vault-locks button{border:var(--border);background:var(--card);font:800 13px var(--font-mono);cursor:pointer;border-radius:8px;padding:6px 8px}.vault-locks button[aria-pressed=true]{background:var(--gold)}.vault-positions{gap:6px;margin:0;padding:0;list-style:none;display:grid}.vault-positions li{grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:14px;display:grid}.vault-note{font:700 13px var(--font-mono)}.vault-foot{opacity:.6;font-size:11px}.portrait img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.portrait{overflow:hidden;background:radial-gradient(circle at 50% 60%,#9fe08a,#6cc24a 75%)!important}.hero-stats{align-items:center;gap:12px;margin-top:4px;font-size:13px;display:flex}.hero-stats span{align-items:center;gap:4px;display:inline-flex}.stash-tag{border:2px solid var(--ink);background:var(--gold);border-radius:6px;padding:0 6px;font-size:11px}.inv-slot{cursor:pointer;font:inherit;padding:0}.inv-slot:hover{background:var(--gold)}.skill[data-level="0"] .skill-icon,.skill[data-level="0"] .skill-name{opacity:.35;filter:grayscale()}.skill-pips{gap:3px;display:flex}.skill-pips i{border:1.5px solid var(--ink);background:var(--card-muted);border-radius:2px;width:7px;height:7px}.skill-pips i.on{background:var(--gold)}.skill-learn{border:var(--border);background:var(--gold);width:26px;height:26px;font:800 18px/1 var(--font-mono);cursor:pointer;pointer-events:auto;z-index:2;border-radius:50%;animation:1s ease-in-out infinite learn-pulse;position:absolute;top:-12px;right:-8px}@keyframes learn-pulse{50%{transform:scale(1.15)}}.skill{height:92px;overflow:visible}.announcer{pointer-events:none;z-index:6;position:fixed;top:22%;left:50%;transform:translate(-50%)}.announce-sticker{flex-direction:column;align-items:center;gap:4px;animation:.42s cubic-bezier(.2,1.6,.4,1) both sticker-in;display:flex}.announce-sticker b{font:700 clamp(40px, 7vw, 76px) / 1 var(--font-display);color:var(--accent);-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink);letter-spacing:1px;white-space:nowrap}.announce-sticker small{font:800 16px var(--font-mono);background:var(--ink);color:var(--card);border-radius:8px;padding:4px 10px}.announce-sticker.out{animation:.24s ease-in both sticker-out}@keyframes sticker-in{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}@keyframes sticker-out{to{opacity:0;transform:scale(1.15)rotate(-3deg)translateY(-20px)}}.screen-flash{pointer-events:none;opacity:0;z-index:5;mix-blend-mode:screen;position:fixed;inset:0}.demo-chip{color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:800 13px var(--font-mono);letter-spacing:.04em;background:#d6ff3c;border-radius:10px;margin-top:8px;padding:5px 12px;display:inline-block;transform:rotate(-2deg)}