html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}#gameCanvas{display:block;position:fixed;top:0;left:0;margin:0;box-sizing:border-box;z-index:1}#menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:2px solid #4caf50;padding:30px;text-align:center;z-index:100;border-radius:10px;width:400px;max-height:90vh;overflow-y:auto}#lobby{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:2px solid #2196f3;padding:20px;text-align:center;z-index:100;border-radius:10px;width:520px;max-height:90vh;overflow-y:auto;display:none}input,button{padding:10px;margin:5px;font-size:16px;border-radius:4px}input{background:#222;color:#fff;border:1px solid #555;text-align:center}button{background:#4caf50;color:#fff;border:none;cursor:pointer;font-weight:700}button:hover{opacity:.9}button:disabled{background:#555;cursor:not-allowed}button.ready-btn{background:#2196f3}button.ready-btn.ready{background:#f44336}h2{color:#4caf50;margin-top:0}.status{color:#aaa;font-size:14px;margin-top:10px}.lobby-item{display:flex;justify-content:space-between;align-items:center;background:#222;padding:10px;margin:5px 0;border-radius:4px}.lobby-name{font-weight:700}.lobby-players{color:#aaa;font-size:14px}.join-btn{background:#2196f3;padding:5px 15px}.color-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:10px 0}.color-btn{width:30px;height:30px;border-radius:50%;border:2px solid #fff;cursor:pointer;transition:transform .1s}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{border:3px solid #ffeb3b;transform:scale(1.15)}.player-slot{display:flex;align-items:center;justify-content:center;gap:8px;background:#222;padding:8px;margin:5px 0;border-radius:4px;font-size:14px}.player-slot.team1{border-left:4px solid #4caf50}.player-slot.team2{border-left:4px solid #f44336}.player-color{width:20px;height:20px;border-radius:50%;border:2px solid #fff;flex-shrink:0}.lobby-teams{display:flex;justify-content:space-around;margin:15px 0}.lobby-controls{margin-top:15px;border-top:1px solid #444;padding-top:15px}.team-btn{width:100px;margin:3px}.team-btn.t1{background:#4caf50}.team-btn.t2{background:#f44336}#ui-game{position:fixed;top:10px;left:10px;background:#000000b3;padding:10px;border-radius:8px;pointer-events:none;display:none;z-index:10}.fps-hud{margin-top:8px;font-size:12px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;color:#9e9e9e;letter-spacing:.02em}#fps-value{color:#bdbdbd;font-weight:600;min-width:2.5ch;display:inline-block}#volume-control{position:fixed;top:10px;right:10px;display:none;z-index:15;background:#000000b3;padding:5px 10px;border-radius:4px}#volume-control input{width:100px;vertical-align:middle;cursor:pointer}#score-board{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#000000b3;padding:10px 15px;border-radius:8px;font-size:32px;font-weight:700;pointer-events:none;display:none;z-index:10}#boost-panel{position:fixed;bottom:10px;left:10px;background:#000000b3;padding:10px;border-radius:8px;display:none;z-index:10;pointer-events:none;flex-direction:column;gap:5px}.boost-indicator{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;background:#00000080;padding:5px 10px;border-radius:4px}.boost-icon{width:20px;height:20px;border-radius:4px;border:none}.boost-icon.circle{border-radius:50%;border:2px solid #fff}.overlay-msg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;font-weight:700;text-shadow:2px 2px 10px #000;display:none;z-index:20;text-align:center;pointer-events:none;white-space:nowrap}