:root{--bg:#101414;--panel:#181e1d;--panel-hi:#202826;--line:#2a3531;--text:#eef2e9;--muted:#84908a;--lime:#c5ff39;--mint:#63e6a5;--gold:#ffc75e;--pink:#ff6481;--cyan:#53d8e8;--radius:8px;--mono:ui-monospace,"Cascadia Code",Consolas,monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}#app{height:100%;min-height:620px;display:flex;flex-direction:column;gap:18px;padding:0 28px 24px;max-width:1680px;margin:0 auto;position:relative}.topbar{height:68px;flex:0 0 68px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:16px;font-weight:850;letter-spacing:1.5px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:27px;height:27px;background:var(--lime);color:#111714;font-size:18px;font-weight:950;clip-path:polygon(0 0,100% 0,76% 100%,0 100%)}.brand-light{font-weight:400;color:#aab4ad}.season{font:11px var(--mono);letter-spacing:1.4px;color:#a4afa8;display:flex;align-items:center;gap:10px}.season-divider{color:#4d5a53}.season #roomCode{color:var(--lime);font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px rgba(197,255,57,.62);animation:blink 1.5s infinite}.top-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.conn{display:flex;align-items:center;gap:8px;font:11px var(--mono);color:var(--muted)}.conn .dot{width:7px;height:7px;border-radius:50%;background:var(--pink)}.conn.ok .dot{background:var(--mint);box-shadow:0 0 8px var(--mint)}.conn.wait .dot{background:var(--gold)}.icon-btn{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:5px;cursor:pointer}.icon-btn:hover{border-color:var(--lime);color:var(--lime)}.copy-glyph{font-size:18px}main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:18px}.arena-column{min-width:0;display:flex;flex-direction:column;gap:12px}.arena-frame{flex:1;min-height:0;background:#111716;border:1px solid #35423c;border-radius:var(--radius);display:flex;flex-direction:column;box-shadow:0 18px 60px rgba(0,0,0,.3)}.arena-topline,.arena-footline{height:34px;flex:0 0 34px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);letter-spacing:1.3px;color:#819087}.arena-topline{border-bottom:1px solid #26302c}.arena-topline span:first-child{color:var(--lime)}.arena-footline{height:38px;flex-basis:38px;border-top:1px solid #26302c;letter-spacing:.3px;font-size:10px}.arena-footline>span{display:flex;align-items:center;gap:4px}.key-icon{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 3px;margin-right:1px;background:#28312d;border:1px solid #3a4740;border-radius:3px;color:#ccd5cb;font:9px var(--mono);font-style:normal}.key-icon.wide{min-width:38px}.gold-text{color:var(--gold)}.pink-text{color:var(--pink)}.stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#121a17}#game{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:flex-start;padding:clamp(24px,6vw,80px);background:linear-gradient(90deg,rgba(12,17,15,.96) 0%,rgba(12,17,15,.82) 38%,rgba(12,17,15,.08) 100%)}.overlay[hidden]{display:none}.entry-panel{width:min(340px,100%)}.entry-eyebrow,.panel-kicker{font:10px var(--mono);letter-spacing:1.8px;color:var(--lime)}.entry-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:15px}.entry-panel h1{font-size:clamp(54px,7vw,82px);line-height:.78;letter-spacing:0;font-weight:950;margin:0 0 20px;color:#f0f2e9}.entry-panel h1 em{font-style:normal;color:var(--lime)}.entry-copy{font-size:14px;line-height:1.75;color:#a9b3ac;margin:0 0 24px}.field-label{display:block;color:#8c9991;font:10px var(--mono);letter-spacing:1.2px;margin:0 0 7px}.entry-panel input,.chat-form input{width:100%;height:40px;border:1px solid #3a4740;background:rgba(18,25,22,.95);color:var(--text);border-radius:4px;padding:0 12px;font:13px inherit;outline:0}.entry-panel input:focus,.chat-form input:focus{border-color:var(--lime);box-shadow:0 0 0 2px rgba(197,255,57,.11)}.entry-panel input::placeholder,.chat-form input::placeholder{color:#59675f}.room-line{display:flex;align-items:end;gap:8px;margin-top:14px}.room-field{flex:1}.room-field input{text-transform:uppercase;letter-spacing:2px;font-family:var(--mono)}.random-btn{height:40px;width:42px;border:1px solid #3a4740;background:#202925;color:var(--lime);font-size:22px;border-radius:4px;cursor:pointer}.random-btn:hover{background:#2b372f}.launch-btn{margin-top:16px;width:100%;height:46px;padding:0 15px;border:0;border-radius:4px;background:var(--lime);color:#121810;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:14px;cursor:pointer}.launch-btn:hover{filter:brightness(1.06)}.launch-btn b{font-size:21px;font-weight:500}.entry-foot{display:flex;gap:8px;align-items:center;margin-top:14px;color:#76827a;font:10px var(--mono)}.hint{min-height:16px;margin:8px 0 0;color:var(--pink);font-size:12px}.ability-bar{height:64px;flex:0 0 64px;display:flex;align-items:center;gap:14px;padding:0 16px;background:#1b211e;border:1px solid var(--line);border-radius:6px}.ability-icon{width:35px;height:35px;display:grid;place-items:center;background:rgba(197,255,57,.11);color:var(--lime);font-size:27px}.ability-info{flex:1}.ability-title{display:flex;justify-content:space-between;gap:10px;font:11px var(--mono);letter-spacing:.6px;color:#e3e9df}.ability-title span{color:#7f8a83;font-size:9px}.energy-track{margin-top:7px;height:5px;background:#313a34;border-radius:4px;overflow:hidden}.energy-track i{display:block;width:0;height:100%;background:var(--lime);box-shadow:0 0 12px rgba(197,255,57,.5);transition:width .15s}.energy-value{font:12px var(--mono);color:var(--lime)}.energy-value span{color:#758179;font-size:9px}.hud-column{min-height:0;display:flex;flex-direction:column;gap:12px}.stat-strip{height:75px;flex:0 0 75px;display:grid;grid-template-columns:repeat(3,1fr);background:#1a211e;border:1px solid var(--line);border-radius:6px}.stat-strip>div{padding:12px 10px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);min-width:0}.stat-strip>div:last-child{border:0}.stat-label{font:8px var(--mono);letter-spacing:.8px;color:#89958d;white-space:nowrap}.stat-strip strong{font:24px var(--mono);line-height:1;color:var(--lime)}.stat-strip>div:nth-child(2) strong{color:var(--pink)}.stat-strip>div:nth-child(3) strong{color:var(--text)}.hud-panel{background:#181e1c;border:1px solid var(--line);border-radius:6px;padding:14px}.leaderboard-panel{flex:1 1 230px;min-height:150px;overflow:auto}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.panel-heading h2{font-size:15px;margin:4px 0 0;font-weight:700}.panel-kicker{display:block;color:#87948b;font-size:8px;letter-spacing:1.4px}.player-count,.comms-signal{white-space:nowrap;font:8px var(--mono);letter-spacing:.4px;color:#85938a}.player-count i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:5px}.player-count b{color:var(--text);font-size:10px}.scores{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.scores li{height:38px;display:grid;grid-template-columns:22px 20px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 7px;background:#202724;border-left:2px solid var(--snake-color,#758179);font-size:12px}.scores li.me-row{background:#273027}.scores li.empty{display:block;height:auto;background:transparent;border:0;color:#77847b;padding:10px 0}.rank{font:10px var(--mono);color:#78857d;text-align:center}.swatch{width:12px;height:12px;border-radius:50%;background:var(--snake-color)}.who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce4dc}.who .me{margin-left:5px;color:var(--lime);font:8px var(--mono)}.who .dead{margin-left:5px;color:var(--pink);font-size:9px}.pts{font:12px var(--mono);color:var(--lime)}.objective-card{min-height:82px;flex:0 0 82px;padding:12px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;background:linear-gradient(100deg,#28271d,#201f1b);border:1px solid #514733;border-radius:6px}.objective-symbol{width:34px;height:34px;display:grid;place-items:center;background:rgba(255,199,94,.12);color:var(--gold);font-size:22px}.objective-card strong{display:block;font-size:12px;margin:5px 0 3px}.objective-card p{margin:0;font-size:9px;color:#a29679}.objective-timer{font:11px var(--mono);color:var(--gold)}.comms-panel{height:190px;flex:0 0 190px;display:flex;flex-direction:column;min-height:0}.comms-panel .panel-heading{margin-bottom:8px}.comms-signal{color:var(--mint);font-size:7px}.chat{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;font-size:11px;padding-right:3px;scrollbar-width:thin}.chat p{margin:0;line-height:1.45;word-break:break-word;color:#bdc7be}.chat .who{font-weight:700;margin-right:5px}.chat .sys{color:#849087;font:9px var(--mono)}.chat-form{display:flex;gap:6px;margin-top:8px}.chat-form input{height:34px;font-size:11px}.chat-form button{width:34px;flex:0 0 34px;border:0;border-radius:4px;background:var(--lime);color:#111810;font-size:19px;font-weight:800;cursor:pointer}.controls-note{font:9px var(--mono);color:#828e85;line-height:1.6}.control-chip{display:inline-block;padding:3px 5px;background:#222a26;border:1px solid #37413a;border-radius:3px;color:#d0d8ce;font-size:8px}.note-sep{margin:0 5px;color:#4e5b53}.touch{position:absolute;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px;z-index:4}.touch[hidden]{display:none}.touch button{color:var(--text);background:rgba(24,33,28,.9);border:1px solid #4b5a4e;border-radius:6px;font-size:15px;touch-action:none}.touch button:active{background:var(--lime);color:#101610}.touch button[data-dir=up]{grid-area:1/2}.touch button[data-dir=left]{grid-area:2/1}.touch button[data-dir=down]{grid-area:2/2}.touch button[data-dir=right]{grid-area:2/3}.countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:3;color:var(--lime);font:900 clamp(72px,14vw,150px) var(--mono);text-shadow:0 0 35px rgba(197,255,57,.5);pointer-events:none}.countdown[hidden]{display:none}@keyframes blink{50%{opacity:.35}}
@media(max-width:980px){#app{padding:0 16px 16px;gap:12px}main{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.topbar{height:58px;flex-basis:58px}.arena-footline{font-size:9px}.hud-column{gap:8px}.comms-panel{height:170px;flex-basis:170px}}
@media(max-width:720px){html,body{height:auto;min-height:100%;overflow:auto}#app{height:auto;min-height:100dvh;padding:0 10px 12px;gap:8px}.topbar{height:50px;flex-basis:50px;gap:15px}.brand{font-size:13px}.brand-mark{width:23px;height:23px;font-size:15px}.season{font-size:8px;letter-spacing:.6px;gap:6px}.top-actions{gap:10px}.conn{font-size:9px}main{display:flex;flex-direction:column;gap:8px}.arena-column{height:min(67dvh,650px);min-height:440px;gap:8px}.arena-topline{height:27px;flex-basis:27px;font-size:8px}.arena-footline{height:32px;flex-basis:32px;padding:0 6px;font-size:7px;letter-spacing:0}.arena-footline>span{gap:2px}.key-icon{min-width:13px;height:13px;font-size:7px}.key-icon.wide{min-width:30px}.overlay{padding:24px;background:linear-gradient(90deg,rgba(12,17,15,.96) 0%,rgba(12,17,15,.79) 68%,rgba(12,17,15,.35) 100%)}.entry-panel{width:min(300px,90%)}.entry-panel h1{font-size:60px}.entry-copy{font-size:12px;margin-bottom:17px}.ability-bar{height:54px;flex-basis:54px;padding:0 10px;gap:9px}.ability-icon{height:29px;width:29px;font-size:22px}.ability-title{font-size:9px}.ability-title span{font-size:7px}.energy-value{font-size:10px}.hud-column{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.stat-strip{grid-column:1/-1;height:65px;flex-basis:65px}.stat-strip>div{padding:9px}.stat-strip strong{font-size:21px}.leaderboard-panel{grid-row:span 2;min-height:190px;padding:11px}.objective-card{min-height:74px;grid-template-columns:30px minmax(0,1fr) auto;padding:8px;gap:7px}.objective-symbol{width:29px;height:29px;font-size:18px}.objective-card strong{font-size:10px}.objective-card p{font-size:8px}.objective-timer{font-size:9px}.comms-panel{height:190px;min-height:190px;grid-column:1/-1}.controls-note{grid-column:1/-1;padding:2px 2px 8px}.touch{right:10px;bottom:10px}.touch button{background:rgba(25,34,29,.87)}}
@media(max-width:400px){.season{display:none}.arena-column{height:63dvh;min-height:400px}.arena-footline>span:last-child{display:none}.entry-panel h1{font-size:52px}.leaderboard-panel{padding:8px}.scores li{grid-template-columns:17px 15px minmax(0,1fr) auto;gap:5px;padding:0 4px}.player-count{font-size:7px}}