:root{--bg: #10131a;--panel: #161d2b;--text: #d5e2ff;--accent: #45a0ff;--danger: #ff4c60;--grid: #33435f}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 20% 10%,#1c2740,#10131a 60%);color:var(--text);font-family:Courier New,Courier,monospace;overflow-x:hidden}.layout{width:min(980px,96vw);margin:20px auto;padding:14px;border:4px solid #2c3a53;background:linear-gradient(180deg,#1a2332,#131a27);box-shadow:0 0 0 4px #0d121c}.hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}h1{margin:0;letter-spacing:1px;font-size:clamp(20px,4vw,28px)}.scores{display:flex;gap:10px;font-size:18px}.score{padding:6px 10px;border:2px solid #384862;background:#111826}.score.blue{color:var(--accent)}.score.red{color:var(--danger)}.score.timer{color:#ffd166}#resetBtn{border:2px solid #5f7bab;background:#22314b;color:#eef4ff;font:inherit;font-weight:700;padding:8px 14px;cursor:pointer}#leaveGameBtn{border:2px solid #d29a42;background:#3f2c14;color:#fff1d0;font:inherit;font-weight:700;padding:8px 14px;cursor:pointer}#leaveGameBtn:hover{background:#51391c}#resetBtn:hover{background:#2a3d5e}#gameCanvas{width:100%;height:auto;border:4px solid #344965;background:#0f1522;image-rendering:pixelated;image-rendering:crisp-edges;display:block;outline:none}#gameCanvas:focus{border-color:#76c0ff}.multiplayer-panel{margin-top:12px;border:2px solid #2c3a53;background:#0f1624;padding:12px}.multiplayer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.multiplayer-box{border:2px solid #30405d;background:#141d2e;padding:10px;min-height:180px}.multiplayer-box h2{margin:0 0 8px;font-size:18px;color:#e7f0ff}.mp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.mp-list li,.waiting-players li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border:1px solid #32425f;background:#101a2b}.multiplayer-controls{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.mp-field{display:flex;align-items:center;gap:6px;border:2px solid #30405d;background:#141d2e;color:#dce7ff;padding:6px 8px;font-weight:700}.mp-field select{border:1px solid #5f7bab;background:#0f1624;color:#eef4ff;font:inherit;padding:4px 6px}.multiplayer-controls button,#leaveRoomBtn,.mp-action-btn{border:2px solid #5f7bab;background:#22314b;color:#eef4ff;font:inherit;font-weight:700;padding:8px 12px;cursor:pointer}.multiplayer-controls button:hover,#leaveRoomBtn:hover,.mp-action-btn:hover{background:#2a3d5e}.mp-status{margin:10px 0 0;color:#ffd166;font-weight:700}.mp-messages{margin-top:12px;border:2px solid #32425f;background:linear-gradient(180deg,#111c30,#0e1728);padding:10px}.mp-messages h3{margin:0 0 8px}.message-feed{list-style:none;margin:0;padding:0;max-height:160px;overflow:auto;display:flex;flex-direction:column;gap:8px}.message-feed li{border:1px solid #3c5274;background:#13203a;padding:6px 7px;font-size:12px;line-height:1.25}.message-feed li.me{border-color:#6ea7ff;background:#172744}.message-meta{color:#9fb0d1;font-size:10px;margin-bottom:3px}.mobile-lobby-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:55;width:min(86vw,460px);border:2px solid #5f7bab;background:#0f1727f0;color:#eef4ff;box-shadow:0 10px 26px #00000073;text-align:center;font-size:14px;line-height:1.32;font-weight:700;padding:12px 14px;pointer-events:none}.mobile-lobby-toast[hidden]{display:none!important}.mobile-back-btn{position:fixed;left:10px;top:10px;z-index:45;display:none;border:2px solid #7ba7d8;background:#22314be6;color:#eef4ff;font:inherit;font-weight:700;padding:8px 12px}.ui-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#080c14d1;padding:16px;overflow:auto}.ui-modal[hidden]{display:none!important}.ui-modal-card{width:min(520px,94vw);border:3px solid #5f7bab;background:linear-gradient(180deg,#16233a,#0f1727);box-shadow:0 0 0 4px #0b1220;padding:14px;display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 32px);overflow:auto}.ui-modal-card h2{margin:0 0 8px;color:#ffd166}.ui-modal-card p{margin:0;color:#dce7ff}.ui-modal-label{display:block;margin-bottom:0;color:#9fb0d1}.ui-modal-input{width:100%;border:2px solid #5f7bab;background:#0c1422;color:#eef4ff;font:inherit;padding:8px 10px}.ui-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ui-modal-actions button{border:2px solid #5f7bab;background:#22314b;color:#eef4ff;font:inherit;font-weight:700;padding:8px 12px}body.touch-web .ui-modal{align-items:flex-start;padding:8px;padding-bottom:calc(8px + var(--keyboard-inset, 0px))}body.touch-web .ui-modal-card{width:min(100%,900px);max-height:calc(100dvh - var(--keyboard-inset, 0px) - 16px)}body.touch-web .ui-modal.touch-compact #uiModalText,body.touch-web .ui-modal.touch-compact #uiModalLabel{display:none}body.touch-web .ui-modal.touch-compact .ui-modal-card{gap:6px}body.touch-web .ui-modal.touch-compact .ui-modal-actions{order:-1;justify-content:space-between}body.touch-web .ui-modal.touch-compact .ui-modal-actions button{flex:1 1 46%}.waiting-players{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:6px}.player-blue{color:#52a7ff}.player-red{color:#ff6b77}.player-green{color:#5fd66f}.player-yellow{color:#ffd166}.touch-controls{position:fixed;left:0;right:0;bottom:0;display:none;align-items:flex-end;justify-content:space-between;padding:10px max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));pointer-events:none;z-index:30}.touch-joystick{width:132px;height:132px;border-radius:50%;border:3px solid #3e5479;background:#111826bd;position:relative;pointer-events:auto;touch-action:none}.touch-stick{width:58px;height:58px;border-radius:50%;border:2px solid #89c9ff;background:#344966e6;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform}.touch-action-btn{min-width:158px;height:74px;border:3px solid #7ba7d8;background:#22314be6;color:#eef4ff;font:inherit;font-weight:700;font-size:16px;letter-spacing:.5px;pointer-events:auto;touch-action:none}.touch-action-btn:active{background:#3b5784f2}.rotate-overlay{display:none;position:fixed;inset:0;z-index:40;background:#060a10f2;color:#dce7ff;text-align:center;padding:20px;font-size:24px;font-weight:700;align-items:center;justify-content:center}body.touch-web .touch-controls{display:none}body.touch-web.touch-controls-visible .touch-controls{display:flex}body.touch-web .layout{width:100vw;min-height:100dvh;margin:0;padding:0;border:0;box-shadow:none;background:transparent;display:flex;flex-direction:column;align-items:center}body.touch-web .multiplayer-panel{display:none}body.touch-web.multiplayer-screen .multiplayer-panel{display:block;width:min(980px,96vw);margin:10px auto}body.touch-web.multiplayer-screen #gameCanvas,body.touch-web.multiplayer-screen .mp-messages{display:none}body.touch-web{min-height:100dvh;overflow:hidden}body.touch-web .hud{display:none}body.touch-web #gameCanvas{margin:0 auto;max-width:none;border:0}body.desktop-gameplay-fullscreen{overflow:hidden}body.desktop-gameplay-fullscreen .layout{width:100vw;min-height:100vh;margin:0;padding:0;border:0;box-shadow:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}body.desktop-gameplay-fullscreen .hud,body.desktop-gameplay-fullscreen .multiplayer-panel{display:none}body.desktop-gameplay-fullscreen #gameCanvas{margin:0 auto;border:0}body.touch-web.mobile-portrait .rotate-overlay{display:none}body.touch-web.mobile-portrait .touch-controls{display:flex}body.touch-web.show-mobile-back .mobile-back-btn{display:block}body.touch-web.multiplayer-screen.mobile-portrait .rotate-overlay{display:none}@media(max-width:760px){.multiplayer-grid{grid-template-columns:1fr}}