:root{--bg:#05070f;--panel:#0c0e18d1;--panel-edge:#2b2f45;--text:#f2f2f2;--muted:#a9adc2;--gold:#ffcf40;--red:#ff5a5a;--green:#6fe36f;--cyan:#63f2ea;--purple:#b98cff;--stone:#8b8b8b;--stone-hi:#a9a9c9;--pixel:"Silkscreen", "VT323", monospace;--mono:"VT323", monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--mono);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font-size:20px;overflow:hidden}#stage{position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.hud{pointer-events:none}.hud .dead-screen,.hud .xray,.hud .help,.hud .touch .pad,.hud .touch .acts,.hud .hotbar{pointer-events:auto}button,input,select{font:inherit;color:inherit}.btn{min-height:44px;font-family:var(--pixel);letter-spacing:.5px;color:#f0f0f0;text-shadow:2px 2px #3a3a3a;cursor:pointer;image-rendering:pixelated;background:repeating-linear-gradient(90deg,#0000000f 0 4px,#0000 4px 8px),repeating-linear-gradient(0deg,#ffffff0d 0 4px,#0000 4px 8px),#6f6f6f;border:2px solid #000;justify-content:center;align-items:center;gap:8px;padding:6px 18px;font-size:16px;display:inline-flex;position:relative;box-shadow:inset 2px 2px #a8a8a8,inset -2px -3px #4a4a4a}.btn:hover:not(:disabled),.btn:focus-visible{color:#ffffa0;background:repeating-linear-gradient(90deg,#0000000f 0 4px,#0000 4px 8px),#7c86b8;outline:none;box-shadow:inset 2px 2px #c4cdf5,inset -2px -3px #4f587e}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:repeating-linear-gradient(90deg,#00000014 0 4px,#0000 4px 8px),#3f8a2a;box-shadow:inset 2px 2px #7fd060,inset -2px -3px #24561a}.btn.danger{background:#8a2a2a;box-shadow:inset 2px 2px #d06060,inset -2px -3px #561a1a}.btn.small{min-height:34px;padding:4px 10px;font-size:12px}.field{width:100%;min-height:44px;font-family:var(--mono);color:#fff;background:#000;border:2px solid #a0a0a0;outline:none;padding:6px 12px;font-size:22px}.field:focus{border-color:#fff}.panel{background:var(--panel);box-shadow:inset 0 0 0 2px var(--panel-edge), 0 8px 30px #00000080;border:2px solid #000;padding:18px}.label{font-family:var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.muted{color:var(--muted)}a{color:var(--cyan)}.screen{pointer-events:auto;background:radial-gradient(#05070f1a,#05070fbf 80%);flex-direction:column;justify-content:safe center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.title{font-family:var(--pixel);letter-spacing:4px;color:#dfe6ff;text-shadow:4px 4px #3b4a8a,8px 8px #121833,0 0 40px #7896ff59;text-align:center;margin:0;font-size:clamp(38px,9.6vw,104px);font-weight:700;line-height:1}.splash{font-family:var(--pixel);color:#ff5;text-shadow:2px 2px #3f3f15;text-align:center;max-width:320px;margin:2px auto 18px;font-size:clamp(12px,2.6vw,16px);animation:.9s ease-in-out infinite alternate pulse;transform:rotate(-8deg)}@keyframes pulse{to{transform:rotate(-8deg)scale(1.08)}}.tagline{text-align:center;max-width:640px;color:var(--muted);margin:6px 0 22px;font-size:22px}.menu{width:min(560px,100%)}.menu .btn{width:100%}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wallet{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:20px;display:flex}.wallet code{color:var(--gold)}.skin-picker{align-items:center;gap:8px;display:flex}.skin-picker canvas{width:96px;height:120px;image-rendering:pixelated;background:radial-gradient(circle at 50% 70%,#23305a,#0b0e1c 70%);border:2px solid #000}.chips{gap:6px;display:flex}.chip{min-height:38px;font-family:var(--pixel);cursor:pointer;background:#1a1d2c;border:2px solid #000;flex:1;font-size:12px;box-shadow:inset 0 0 0 2px #2f3550}.chip.on{color:#fff;background:#2c3b75;box-shadow:inset 0 0 0 2px #8aa0ff}.feature-strip{flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin-top:16px;display:flex}.feature-strip span{font-family:var(--pixel);color:#c9d2ff;background:#00000080;border:1px solid #2f3550;padding:6px 10px;font-size:11px}.toast{z-index:50;pointer-events:none;background:#000000d9;border:2px solid #555;max-width:min(92vw,640px);padding:10px 16px;font-size:20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.err{border-color:var(--red);color:#ffd0d0}.lobby{width:min(720px,100%)}.code{font-family:var(--pixel);color:var(--gold);letter-spacing:2px;word-break:break-all;font-size:clamp(22px,5vw,34px)}.players{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.player-card{background:#00000073;border:2px solid #23283d;align-items:center;gap:8px;padding:8px;display:flex}.player-card .swatch{border:2px solid #000;flex:none;width:28px;height:28px}.player-card .tag{font-family:var(--pixel);color:var(--muted);font-size:10px}.player-card.empty{opacity:.35}.log{max-height:160px;color:var(--muted);font-size:19px;overflow-y:auto}.log div:before{content:"› ";color:var(--purple)}.hud{pointer-events:none;position:absolute;inset:0}.hud .top-left,.hud .top-right{pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px}.hud .top-left{left:12px}.hud .top-right{align-items:flex-end;right:12px}.pill{font-family:var(--pixel);white-space:nowrap;background:#0009;border:2px solid #ffffff14;padding:6px 10px;font-size:13px}.pill b{color:var(--gold)}.pill.border-warn{color:#9fd0ff}.pill.border-warn.urgent{color:#ff8080;animation:.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.4}}.feed{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.feed div{background:#0000008c;padding:3px 8px;font-size:19px;animation:.25s ease-out slidein}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}.chat{pointer-events:none;flex-direction:column;gap:2px;max-width:min(460px,70vw);display:flex;position:absolute;bottom:120px;left:12px}.chat div{text-shadow:2px 2px #000;background:#00000073;padding:2px 8px;font-size:20px;transition:opacity 1s}.bottom{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hearts{gap:1px;display:flex}.hearts img{width:22px;height:22px;image-rendering:pixelated}.hearts.low img{animation:.3s infinite shake}@keyframes shake{25%{transform:translateY(-2px)}75%{transform:translateY(1px)}}.hotbar{background:#0000008c;border:3px solid #000;gap:0;display:flex;box-shadow:inset 0 0 0 2px #555}.slot{pointer-events:auto;cursor:pointer;border:2px solid #8b8b8b;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:inset 2px 2px #373737}.slot img{width:38px;height:38px;image-rendering:pixelated}.slot .count{font-family:var(--pixel);text-shadow:2px 2px #3f3f3f;font-size:13px;position:absolute;bottom:0;right:3px}.slot .key{font-family:var(--pixel);color:var(--muted);font-size:9px;position:absolute;top:1px;left:3px}.slot.cool:after{content:"";background:#ffffff40;position:absolute;inset:0}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#c800008c);transition:opacity .5s;position:absolute;inset:0}.hit-arrow{pointer-events:none;opacity:0;width:0;height:0;transition:opacity .6s;position:absolute;top:50%;left:50%}.hit-arrow:before{content:"";border-bottom:24px solid #ff3c3cd9;border-left:14px solid #0000;border-right:14px solid #0000;position:absolute;top:-150px;left:-14px}.center-banner{text-align:center;font-family:var(--pixel);pointer-events:none;position:absolute;top:22%;left:50%;transform:translate(-50%)}.center-banner h2{color:#fff;text-shadow:4px 4px #3f3f3f;margin:0;font-size:clamp(30px,7vw,60px)}.center-banner p{color:#ddd;margin:8px 0 0;font-size:16px}.dead-screen{text-align:center;background:#7800006b;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.dead-screen h2{font-family:var(--pixel);text-shadow:4px 4px #3f0000;margin:0;font-size:clamp(36px,8vw,72px)}.win h2{color:var(--gold);text-shadow:4px 4px #5a3a00,0 0 30px #ffd23c80}.dead-screen.win{background:#281e0073}.xray{z-index:20;width:min(420px,100vw - 24px);max-height:calc(100vh - 220px);font-size:19px;position:absolute;top:60px;right:12px;overflow-y:auto}.xray .res{border-bottom:1px dashed #2f3550;justify-content:space-between;gap:8px;padding:6px 0;display:flex}.xray .ok{color:var(--green)}.xray .no{color:var(--red)}.touch{pointer-events:none;justify-content:space-between;padding:0 14px;display:none;position:absolute;bottom:100px;left:0;right:0}.touch .pad{pointer-events:auto;grid-template-rows:repeat(3,58px);grid-template-columns:repeat(3,58px);gap:4px;display:grid}.touch .acts{pointer-events:auto;flex-direction:column;justify-content:flex-end;gap:10px;display:flex}.touch button{width:58px;height:58px;font-family:var(--pixel);color:#fff;touch-action:none;background:#00000073;border:2px solid #ffffff40;font-size:18px}.touch .acts button{border-radius:50%;width:74px;height:74px;font-size:13px}@media (pointer:coarse){.touch{display:flex}.chat{bottom:300px}.hide-touch{display:none!important}}@media (max-width:560px){.grid2{grid-template-columns:1fr}.hud .top-right .feed{display:none}.slot{width:46px;height:46px}.hearts img{width:18px;height:18px}}.spinner{background:var(--cyan);width:12px;height:12px;animation:.8s steps(4,end) infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dead-screen.collapsed{pointer-events:none;background:0 0;justify-content:flex-end}.dead-screen.collapsed>*{pointer-events:auto}.dead-screen.collapsed h2{font-size:clamp(18px,3.5vw,30px)}.dead-screen.collapsed .panel{max-height:32vh;overflow-y:auto}kbd{min-width:22px;font-family:var(--pixel);text-align:center;color:#fff;background:#3a3a3a;border:2px solid #000;margin:0 2px;padding:1px 6px;font-size:11px;line-height:18px;display:inline-block;box-shadow:inset 0 -3px #1c1c1c,inset 0 2px #6a6a6a}.keys{color:#dcdcdc;text-shadow:2px 2px #000;font-size:18px}.coach{text-align:center;opacity:0;pointer-events:none;background:#0a0c18e0;border:2px solid #ffe040;max-width:min(620px,92vw);padding:10px 16px;font-size:22px;transition:opacity .25s,transform .25s;position:absolute;top:70px;left:50%;transform:translate(-50%,-12px);box-shadow:0 0 0 2px #000,0 6px 24px #00000080}.coach.on{opacity:1;animation:1.6s ease-in-out infinite nudge;transform:translate(-50%)}@keyframes nudge{50%{border-color:#fff6b0}}.minimap{width:120px;height:120px;image-rendering:pixelated;background:#000;border:2px solid #000;box-shadow:inset 0 0 0 2px #2b2f45}.help{z-index:30;background:#0b0d18;width:min(560px,94vw);max-height:86vh;font-size:20px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.help-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin:8px 0 12px;display:grid}.help ul{margin:0 0 12px;padding-left:20px}.help li{margin:4px 0}.center-banner{transition:opacity .4s}.center-banner h2{animation:.35s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(1.8)}}@media (pointer:coarse){.coach{font-size:19px;top:56px}.minimap{width:84px;height:84px}}.btn.big{min-height:60px;font-size:20px;animation:2s ease-in-out infinite glowpulse}@keyframes glowpulse{50%{box-shadow:inset 2px 2px #7fd060,inset -2px -3px #24561a,0 0 24px #78ff6459}}.howto .steps{flex-direction:column;gap:8px;font-size:21px;display:flex}.howto .num{width:26px;height:26px;font-family:var(--pixel);color:#000;background:#ffe040;border:2px solid #000;justify-content:center;align-items:center;margin-right:8px;font-size:13px;display:inline-flex}details.more summary{cursor:pointer;margin:0;list-style:none}details.more summary:before{content:"▸ "}details.more[open] summary:before{content:"▾ "}.title-screen{pointer-events:none;background:radial-gradient(60% 55% at 50% 58%,#0000 40%,#03040a8c 100%),linear-gradient(#03040a8c,#0000 22% 70%,#03040abf);grid-template:"top top top""hero.arenas"1fr"bottom bottom bottom"/minmax(250px,300px) 1fr minmax(260px,330px);gap:14px;padding:18px 20px 20px;display:grid;position:absolute;inset:0}.title-screen>*{pointer-events:auto}.ts-top{pointer-events:none;grid-area:top;justify-content:space-between;align-items:flex-start;display:flex}.ts-top>*{pointer-events:auto}.ts-logo .title{text-align:left;font-size:clamp(36px,6.4vw,78px);animation:1.1s cubic-bezier(.2,1.2,.3,1) both logoIn}.ts-tag{color:#c9d2ff;text-shadow:2px 2px #000;margin-top:6px;font-size:clamp(18px,2.2vw,24px);animation:.8s .5s both fadeUp}.ts-tag b{color:#ffe040}@keyframes logoIn{0%{opacity:0;letter-spacing:24px;filter:blur(6px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}.wallet-chip{font-family:var(--pixel);color:var(--gold);cursor:pointer;background:#0009;border:2px solid #000;padding:8px 14px;font-size:13px;box-shadow:inset 0 0 0 2px #2b2f45}.wallet-chip:hover{box-shadow:inset 0 0 0 2px #8aa0ff}.ts-hero{flex-direction:column;grid-area:hero;align-self:center;gap:10px;animation:.7s .3s both slideL;display:flex}.ts-arenas{flex-direction:column;grid-area:arenas;align-self:center;gap:8px;animation:.7s .4s both slideR;display:flex}@keyframes slideL{0%{opacity:0;transform:translate(-30px)}}@keyframes slideR{0%{opacity:0;transform:translate(30px)}}.pickers{flex-direction:column;gap:6px;display:flex}.picker{grid-template-columns:36px 1fr 36px;align-items:center;gap:6px;display:grid}.picker .arrow{cursor:pointer;background:#23283d;border:2px solid #000;height:36px;font-size:14px;box-shadow:inset 0 0 0 2px #3a4160}.picker .arrow:hover{background:#3a4a8a}.picker .arrow:active{transform:scale(.92)}.pick-val{flex-direction:column;align-items:center;line-height:1.05;display:flex}.pick-k{font-family:var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:9px}.pick-val [data-val]{color:#fff;font-size:21px}.arena-card{text-align:left;cursor:pointer;background:#00000073;border:2px solid #000;align-items:center;gap:10px;padding:8px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 2px #23283d}.arena-card:hover{transform:translate(-4px)}.arena-card.on{box-shadow:inset 0 0 0 2px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 40%, transparent)}.arena-swatch{width:54px;height:54px;image-rendering:pixelated;border:2px solid #000;flex:none}.arena-text{color:var(--muted);flex-direction:column;font-size:17px;line-height:1.1;display:flex}.arena-text b{font-family:var(--pixel);color:#fff;margin-bottom:3px;font-size:12px}.ts-bottom{pointer-events:none;flex-direction:column;grid-area:bottom;align-items:center;gap:6px;display:flex}.ts-bottom>*{pointer-events:auto}.btn.mega{letter-spacing:4px;min-width:min(420px,90vw);min-height:72px;font-size:30px;animation:.6s .6s both fadeUp,2s ease-in-out 1.2s infinite glowpulse}.ts-sub{color:#c9d2ff;text-shadow:2px 2px #000;font-size:19px}.ts-links{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ts-links button{color:#dfe4ff;cursor:pointer;background:#00000073;border:1px solid #2f3550;padding:4px 10px;font-size:19px}.ts-links button:hover{color:#ffe040;border-color:#ffe040}.start-here{font-family:var(--pixel);color:#ffe040;text-shadow:2px 2px #000;font-size:12px;animation:1s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(5px)}}.modal-back{z-index:40;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.2s both fadeUp;display:flex;position:absolute;inset:0}.modal{background:#0b0d18;width:min(520px,100%);max-height:90vh;font-size:20px;position:relative;overflow-y:auto}.modal-x{position:absolute;top:10px;right:10px}.modal .addr{color:var(--gold);word-break:break-all;background:#000;padding:8px;font-size:16px;display:block}.how li{margin:8px 0}.warmup{pointer-events:none;position:absolute;inset:0}.warmup .panel{pointer-events:auto;width:min(340px,44vw);animation:.4s both fadeUp;position:absolute;top:16px}.wu-left{left:16px}.wu-right{right:16px}.quests,.setup{margin:0;padding-left:22px;font-size:19px}.quests li,.setup li{margin:6px 0;transition:color .3s}.quests li.done{color:#6fe36f;-webkit-text-decoration:line-through #6fe36f99;text-decoration:line-through #6fe36f99}.quests li.done::marker{content:"✓ "}.setup{padding-left:0;list-style:none}.setup .dot{background:#2f3550;border:2px solid #000;width:10px;height:10px;margin-right:8px;display:inline-block}.setup li.active .dot{background:var(--cyan);animation:.8s steps(4,end) infinite spin}.setup li.done .dot{background:#6fe36f}.setup li.done{color:#c8f5c8}.wu-hint{margin-top:8px;font-size:16px}.wu-ready{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:10px;transition:opacity .4s,transform .4s cubic-bezier(.2,1.4,.4,1);display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%,30px)}.wu-ready.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.wu-ready h2{font-family:var(--pixel);color:#ffe040;text-shadow:3px 3px #000;margin:0;font-size:clamp(22px,4vw,40px)}.curtain{z-index:60;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .8s;animation:.5s both fadeUp;display:flex;position:fixed;inset:0}.curtain p{color:var(--muted);font-size:22px}.curtain.out{opacity:0}@media (max-width:860px){.title-screen{grid-template:"top top"". ."1fr"hero arenas""bottom bottom"/1fr 1fr;gap:8px;padding:12px}.ts-hero,.ts-arenas{align-self:end;padding:10px}.arena-text span{display:none}.arena-swatch{width:28px;height:28px}.btn.mega{min-height:58px;font-size:24px}}@media (max-width:560px){.title-screen>*{min-width:0}.ts-logo .title{letter-spacing:2px;font-size:34px}.ts-tag{font-size:16px}.wallet-chip{padding:6px 8px;font-size:10px}.ts-hero{gap:6px;padding:8px}.ts-hero>.label{display:none}.pickers{flex-direction:row;gap:4px}.picker{flex:1;grid-template-columns:22px 1fr 22px;gap:2px}.picker .arrow{height:40px;font-size:10px}.pick-val [data-val]{text-align:center;font-size:14px}.ts-hero [data-random]{display:none}.ts-links button{font-size:15px}.title-screen{grid-template-columns:minmax(0,1fr);grid-template-areas:"top"".""hero""arenas""bottom"}.ts-arenas{flex-direction:row}.ts-arenas .label{display:none}.arena-card{flex:1;justify-content:center;gap:4px;min-width:0;padding:6px 4px}.arena-swatch{width:20px;height:20px}.arena-text b{font-size:9px}.ts-hero .field{min-height:36px}.warmup .panel{width:calc(50vw - 20px);font-size:16px}.quests,.setup{font-size:16px}}.spectate-bar{pointer-events:auto;z-index:15;width:min(720px,100vw - 24px);font-size:19px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.live-dot{background:#ff3030;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:1s steps(2,end) infinite blink;display:inline-block}.spec-players{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.spec-p{cursor:pointer;background:#00000080;border:2px solid #23283d;align-items:center;gap:6px;padding:4px 8px;font-size:17px;display:flex}.spec-p.on{border-color:#8fd8ff}.spec-p.dead{opacity:.4;text-decoration:line-through}.spec-hp{background:#3a1a1a;width:48px;height:6px}.spec-hp span{background:#e03030;height:100%;display:block}.mode-toggle{grid-template-columns:1fr 1fr;gap:6px;display:grid}.arena-list{flex-direction:column;gap:6px;max-height:46vh;display:flex;overflow-y:auto}.arena-row{text-align:left;cursor:pointer;background:#00000073;border:2px solid #23283d;align-items:center;gap:10px;padding:6px 8px;display:flex}.arena-row:hover,.arena-row.live{border-color:#ff6060}.arena-row .arena-swatch{width:36px;height:36px}