*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020611;color:#fff;font-family:Arial,Helvetica,sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none;overscroll-behavior:none}body{background:radial-gradient(circle at 50% 10%,#0b2a52,#020611 70%)}#game{display:block;width:100vw;height:100dvh;background:#020611;touch-action:none;-webkit-touch-callout:none}.screen{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:auto}.panel{width:min(560px,96vw);max-height:calc(100dvh - 24px);overflow:auto;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(4,14,38,.96),rgba(0,0,0,.88));border:1px solid rgba(0,255,230,.65);box-shadow:0 0 40px rgba(0,255,230,.22),inset 0 0 28px rgba(100,255,80,.1)}.logo{width:min(260px,70vw);display:block;margin:0 auto 8px;border-radius:18px;box-shadow:0 0 35px rgba(120,255,0,.22)}h1{font-size:clamp(25px,7vw,42px);margin:6px 0;text-align:center;text-transform:uppercase;letter-spacing:1px}.subtitle{text-align:center;color:#bdfcff;margin:4px 0 14px}label{display:block;margin:10px 0 4px;color:#d6fff9;font-weight:bold}input,select,button{width:100%;border:0;border-radius:12px;padding:12px;font-size:16px}input,select{background:#06162d;color:#fff;border:1px solid rgba(0,255,230,.35)}button{cursor:pointer;font-weight:bold;text-transform:uppercase}.playBtn{margin-top:14px;background:linear-gradient(90deg,#00eaff,#8dff00,#ffe600);color:#011}#refreshRoomsBtn,.chatRow button{margin-top:8px;background:#0ff;color:#012}.help{margin-top:14px;color:#c9dfff;font-size:13px;line-height:1.35;background:rgba(255,255,255,.06);border-radius:12px;padding:10px}.hidden{display:none!important}#roomsList{margin-top:8px;max-height:105px;overflow:auto;font-size:13px;color:#eaffff}.roomItem{padding:9px;margin:4px 0;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.06);cursor:pointer}.roomItem:hover{border-color:#8dff00;color:#fff}.lobbyTitle{margin-top:10px;color:#8dff00;font-weight:bold}.lobbyPlayers{font-size:13px;color:#eaffff;background:rgba(0,255,230,.07);border:1px solid rgba(0,255,230,.22);border-radius:10px;padding:8px;margin:6px 0}.chatBox{height:112px;overflow:auto;font-size:13px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px}.chatMsg{margin:0 0 5px}.chatMsg b{color:#8dff00}.chatRow{display:flex;gap:6px}.chatRow input{flex:1}.chatRow button{width:120px;margin-top:0}#hud{position:fixed;top:8px;left:8px;z-index:10;background:rgba(0,0,0,.52);border:1px solid rgba(0,255,230,.5);border-radius:12px;padding:9px 11px;font-size:14px;line-height:1.35;pointer-events:none}#playersInfo{color:#c9ffea}#mobileControls{position:fixed;right:18px;bottom:18px;width:170px;height:170px;z-index:15;display:none;touch-action:none}.pad{position:absolute;width:58px;height:58px;border-radius:50%;background:rgba(0,255,230,.18);border:1px solid rgba(0,255,230,.8);color:#fff;font-size:26px;box-shadow:0 0 22px rgba(0,255,230,.35);padding:0}.pad.up{left:56px;top:0}.pad.left{left:0;top:56px}.pad.right{right:0;top:56px}.pad.down{left:56px;bottom:0}.pad.active{transform:scale(.92);background:rgba(141,255,0,.36);box-shadow:0 0 28px rgba(141,255,0,.7)}@media(pointer:coarse),(max-width:800px){#mobileControls{display:block}#hud{font-size:12px;max-width:55vw}.screen{align-items:flex-start}.panel{margin:0 auto;max-height:none;padding:12px;border-radius:16px}.logo{width:min(190px,58vw)}input,select,button{padding:10px;font-size:15px}.help{font-size:12px}.chatRow button{width:96px}}@media(max-height:580px) and (orientation:landscape){.panel{width:96vw;display:grid;grid-template-columns:150px 1fr 1fr;gap:8px;align-items:start}.logo{width:140px;grid-row:1/7}h1{font-size:22px;margin:0}.subtitle,.help{font-size:11px;margin:3px 0}input,select,button{padding:8px;font-size:14px}}
.gameover{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.42);backdrop-filter:blur(8px);touch-action:auto}.gameoverPanel{width:min(430px,94vw);padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(4,14,38,.98),rgba(0,0,0,.92));border:1px solid rgba(255,47,214,.75);box-shadow:0 0 44px rgba(255,47,214,.26),inset 0 0 28px rgba(0,255,230,.12);text-align:center}.gameoverPanel h2{margin:0 0 8px;color:#fff;text-transform:uppercase;letter-spacing:1px}.gameoverPanel p{color:#dff;margin:0 0 14px}.gameoverPanel button{margin-top:9px}.gameoverPanel #quitBtn{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.24);color:#fff}