:root{--snake-green:#8ec83f;--snake-gold:#f1b84c;--snake-panel:#0b130f;--snake-line:#26372c}
.snake-page{max-width:1500px;margin:0 auto;padding:32px clamp(14px,2.6vw,42px) 70px}
.snake-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.snake-head h1{font:700 clamp(34px,4vw,58px)/1 Oswald,sans-serif;text-transform:uppercase;margin:10px 0 4px;color:#f4eee2}
.snake-head p{margin:0;color:#9c9c91}
.back-link{color:#70c5ff;text-decoration:none;font:700 11px JetBrains Mono,monospace;text-transform:uppercase}
.snake-live-pill{display:flex;align-items:center;gap:9px;border:1px solid #32462e;background:#101a11;padding:11px 15px;color:#a9d86f;font:700 11px JetBrains Mono,monospace;text-transform:uppercase}
.snake-live-pill i{width:8px;height:8px;border-radius:50%;background:#91dc44;box-shadow:0 0 12px #91dc44}
.lobby-panel{border:1px solid #3c3120;background:radial-gradient(circle at 85% 10%,rgba(133,181,57,.12),transparent 35%),linear-gradient(145deg,#17130e,#0b0e0c);padding:clamp(22px,4vw,52px);min-height:480px;display:grid;align-content:center}
.lobby-copy{text-align:center;max-width:780px;margin:0 auto 32px}
.lobby-copy>span{color:#8fc448;text-transform:uppercase;font:700 10px JetBrains Mono,monospace;letter-spacing:.2em}
.lobby-copy h2{font:700 clamp(28px,4vw,48px)/1.1 Oswald,sans-serif;text-transform:uppercase;margin:9px 0 12px}
.lobby-copy p{color:#a49d90;line-height:1.55;margin:0}
.moneyboost-option{display:flex;align-items:flex-start;gap:12px;max-width:680px;margin:0 auto 24px;padding:13px 16px;border:1px solid #705526;background:rgba(241,184,76,.08);color:#f6d77f;cursor:pointer}
.moneyboost-option:hover{background:rgba(241,184,76,.13)}
.moneyboost-option>span:last-child{display:grid;gap:4px}
.moneyboost-option strong{font:700 14px Oswald,sans-serif;letter-spacing:.08em}
.moneyboost-option small{color:#b3a887;font:600 10px/1.45 JetBrains Mono,monospace}
.moneyboost-check{position:relative;display:block;width:20px;height:20px;flex:0 0 20px}
.moneyboost-check input{position:absolute;inset:0;opacity:0;cursor:pointer}
.moneyboost-check i{display:block;width:20px;height:20px;border:1px solid #a47a2c;background:#100f0b}
.moneyboost-check input:checked+i{border-color:#f2c34d;background:#f2c34d;box-shadow:inset 0 0 0 4px #332515}
.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1050px;width:100%;margin:auto}
.lobby-card{position:relative;overflow:hidden;border:1px solid #35443a;background:linear-gradient(160deg,#142019,#0a100c);padding:25px;min-height:205px;display:flex;flex-direction:column;align-items:flex-start}
.lobby-card:before{content:"";position:absolute;width:160px;height:160px;border:34px solid rgba(241,184,76,.055);border-radius:50%;right:-54px;top:-65px}
.lobby-card span{font:700 10px JetBrains Mono,monospace;color:#7f8f83;text-transform:uppercase}
.lobby-card strong{font:700 clamp(30px,4vw,45px) Oswald,sans-serif;color:#f0c45f;margin:6px 0 1px}
.lobby-card small{font:700 10px JetBrains Mono,monospace;color:#8eb262;margin-bottom:24px}
.lobby-card button{margin-top:auto;width:100%;border:0;background:#86b934;color:#0a0e08;padding:13px;font:700 14px Oswald,sans-serif;text-transform:uppercase;cursor:pointer}
.lobby-card button:hover{filter:brightness(1.15)}
.lobby-card button:disabled{filter:grayscale(1);cursor:not-allowed}
.lobby-card.shared-lobby{border-color:#d28c3e;box-shadow:0 0 0 1px #d28c3e55,0 12px 28px #0005}
.lobby-card.shared-lobby>span{color:#e4aa59}
.lobby-error{text-align:center;color:#ff745e;min-height:21px;margin-top:18px;font:600 12px Work Sans,sans-serif}
.arena-shell{border:1px solid #334235;background:#08100c}
.arena-topbar{display:flex;gap:1px;background:#26352b;border-bottom:1px solid #405044}
.arena-topbar>div{background:#101813;padding:11px 20px;min-width:140px}
.arena-topbar span{display:block;color:#6f7d73;font:700 8px JetBrains Mono,monospace}
.arena-topbar strong{color:#f4c65b;font:700 14px JetBrains Mono,monospace}
.arena-window-toggle,.arena-exit{border:0;border-left:1px solid #33463a;background:#151e19;color:#a9b0aa;padding:0 18px;text-transform:uppercase;font:700 10px JetBrains Mono,monospace;cursor:pointer}
.arena-window-toggle{margin-left:auto;color:#d6b95d}
.canvas-wrap{height:min(69vh,790px);min-height:480px;position:relative;overflow:hidden;background:#06110b;touch-action:none}
#snakeCanvas{display:block;width:100%;height:100%}
.arena-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px rgba(0,0,0,.8)}
.arena-status{position:absolute;top:18px;left:50%;transform:translateX(-50%);background:rgba(5,10,7,.78);border:1px solid #314537;padding:8px 14px;color:#a9c4b0;font:700 10px JetBrains Mono,monospace;text-transform:uppercase}
.snake-leaderboard{position:absolute;left:14px;top:14px;width:180px;background:rgba(4,9,6,.78);border:1px solid #2c4233;padding:12px}
.snake-leaderboard h3{font:700 10px JetBrains Mono,monospace;text-transform:uppercase;color:#efbe51;margin:0 0 7px}
.snake-leaderboard div div{display:flex;justify-content:space-between;gap:8px;font:600 9px JetBrains Mono,monospace;color:#b9c3bc;padding:3px 0}
.snake-leaderboard b{overflow:hidden;text-overflow:ellipsis}
.snake-leaderboard em{color:#8ecb4e;font-style:normal}
.minimap-wrap{position:absolute;right:14px;top:14px;width:174px;height:191px;background:rgba(4,9,6,.82);border:2px solid #3f523e;padding:5px}
#snakeMinimap{display:block;width:160px;height:160px;background:#0b1710}
.minimap-wrap span{display:block;text-align:center;color:#778a7c;font:700 8px JetBrains Mono,monospace;margin-top:4px}
.cashout-channel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);width:min(380px,82%);padding:20px;background:rgba(8,11,8,.94);border:1px solid #e6ac3d;text-align:center;opacity:0;pointer-events:none;transition:.18s}
.cashout-channel.active{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cashout-channel span,.cashout-channel small{display:block;color:#a5977b;font:700 9px JetBrains Mono,monospace}
.cashout-channel strong{display:block;color:#ffd46b;font:700 38px Oswald,sans-serif}
.cashout-channel>div{height:7px;background:#2b271d;margin:10px 0;overflow:hidden}
.cashout-channel i{display:block;width:0;height:100%;background:linear-gradient(90deg,#8bc43d,#f2b744)}
.result-overlay{position:absolute;inset:0;background:rgba(3,7,5,.86);display:none;place-content:center;text-align:center;z-index:7}
.result-overlay.open{display:grid}
.result-overlay span{color:#99a29b;font:700 11px JetBrains Mono,monospace;letter-spacing:.2em}
.result-overlay strong{font:700 clamp(38px,7vw,80px) Oswald,sans-serif;color:#f4c75c;margin:5px}
.result-overlay p{color:#b3b7b3}
.result-overlay button{justify-self:center}
.arena-controls{display:grid;grid-template-columns:190px 1fr 250px;gap:1px;background:#2e3b32;border-top:1px solid #3d4d42}
.arena-controls button{min-height:72px;border:0;background:#152019;color:#e5e5dc;cursor:pointer}
.arena-controls button b,.arena-controls button span{display:block}
.arena-controls button b{font:700 15px Oswald,sans-serif}
.arena-controls button span{font:600 9px JetBrains Mono,monospace;color:#849087;margin-top:4px}
.boost-control.active{background:#1d5929;color:#9eff72}
.cashout-control{background:#60451b!important;color:#ffdc7c!important}
.cashout-control.active{background:#8b5e18!important}
.arena-help{display:grid;place-content:center;padding:12px 24px;text-align:center;background:#0e1611;color:#808b83;font-size:12px}
.snake-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.snake-rules article{border:1px solid #302b20;background:#14130f;padding:20px}
.snake-rules article>b{color:#664e23;font:700 25px Oswald,sans-serif}
.snake-rules h3{margin:4px 0 7px;text-transform:uppercase;font:700 16px Oswald,sans-serif}
.snake-rules p{margin:0;color:#8f8c82;font-size:12px;line-height:1.55}
.arena-shell:fullscreen{width:100vw;height:100vh;border:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#06110b}
.arena-shell:fullscreen .canvas-wrap{height:auto;min-height:0}
.arena-shell:fullscreen .arena-window-toggle{color:#ffe079}
@media(max-width:900px){.lobby-grid{grid-template-columns:1fr}.lobby-card{min-height:150px}.snake-rules{grid-template-columns:1fr 1fr}.arena-topbar>div{min-width:0;flex:1;padding:8px}.arena-topbar>div:nth-child(3),.arena-topbar>div:nth-child(4){display:none}.snake-leaderboard{display:none}.minimap-wrap{transform:scale(.72);transform-origin:top right}.arena-controls{grid-template-columns:1fr 1fr}.arena-help{grid-column:1/-1;grid-row:2}.canvas-wrap{min-height:440px;height:65vh}.arena-window-toggle,.arena-exit{padding:0 10px}}
@media(max-width:560px){.snake-page{padding:16px 8px 50px}.snake-head{align-items:flex-start}.snake-live-pill{display:none}.snake-rules{grid-template-columns:1fr}.lobby-panel{padding:18px 12px}.arena-window-toggle{font-size:0}.arena-window-toggle:after{content:"ESC";font-size:9px}.minimap-wrap{right:6px;top:6px}.canvas-wrap{min-height:410px}.arena-controls{grid-template-columns:1fr 1fr}.cashout-control,.boost-control{min-width:0}}