*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;overflow:hidden;height:100vh}#game-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#game-canvas{border:2px solid #fff;border-radius:8px;box-shadow:0 0 20px #00000080;max-width:95vw;max-height:85vh}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:auto}.screen.hidden{display:none}#start-screen,#main-menu,#online-menu,#create-lobby-screen,#join-lobby-screen,#lobby-screen{background:#000c;padding:40px;border-radius:12px;border:2px solid #fff;min-width:400px;max-width:500px}#start-screen h1{font-size:2.5rem;margin-bottom:30px;color:#ff0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#start-screen h2{font-size:1.5rem;margin-bottom:20px}#player-setup{margin-bottom:30px}#player-list{margin-bottom:20px}.player-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;background:#ffffff1a;border-radius:6px}.player-color{width:20px;height:20px;border-radius:50%;margin-right:10px}.player-controls{font-size:.9rem;color:#ccc}button{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;margin:5px;transition:background .3s}button:hover{background:#45a049}button:disabled{background:#666;cursor:not-allowed}button.remove-player{background:#f44336;padding:5px 10px;font-size:.8rem}button.remove-player:hover{background:#d32f2f}#game-hud{top:20px;left:20px;transform:none;background:#000000b3;padding:20px;border-radius:8px;min-width:200px}#scores{margin-bottom:10px}.score-item{display:flex;justify-content:space-between;margin-bottom:5px}#round-info{text-align:center;font-weight:700}#round-controls{margin-top:15px;text-align:center}#start-next-round-btn{background:#4caf50;font-size:1rem;padding:10px 20px}#start-next-round-btn:hover{background:#45a049}.key-hint{font-size:.8rem;opacity:.7;font-weight:400}#game-over{background:#000000e6;padding:40px;border-radius:12px;border:2px solid #fff;min-width:400px}#game-over h2{font-size:2rem;margin-bottom:30px;color:#ff0}.final-score-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1.2rem}.winner{color:#4caf50;font-weight:700}.menu-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;background:#ffffffe6;color:#333}.form-group input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf504d}.error-message{color:#f44336;margin-top:10px;padding:10px;background:#f443361a;border-radius:4px;border:1px solid #f44336;display:none}.error-message.show{display:block}#connection-status{margin-bottom:20px;padding:10px;border-radius:4px;text-align:center}#connection-status.connected{background:#4caf5033;border:1px solid #4CAF50;color:#4caf50}#connection-status.connecting{background:#ffc10733;border:1px solid #FFC107;color:#ffc107}#connection-status.disconnected{background:#f4433633;border:1px solid #f44336;color:#f44336}.share-section{margin-bottom:20px;padding:15px;background:#ffffff1a;border-radius:6px}.share-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.share-buttons button{background:#2196f3;font-size:.9rem;padding:8px 16px}.share-buttons button:hover{background:#1976d2}#lobby-players{margin-bottom:20px}.lobby-player-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;background:#ffffff1a;border-radius:6px;border-left:4px solid transparent}.lobby-player-item.ready{border-left-color:#4caf50}.lobby-player-item.host{background:#ffc10733}.lobby-player-info{display:flex;align-items:center}.lobby-player-status{font-size:.9rem;color:#ccc}.lobby-player-status.ready{color:#4caf50}.lobby-player-status.host{color:#ffc107}#lobby-status{padding:10px;text-align:center;font-weight:700}#ready-btn.ready{background:#4caf50}#ready-btn.not-ready{background:#ff9800}.latency-indicator{position:absolute;top:10px;right:10px;background:#000000b3;padding:5px 10px;border-radius:4px;font-size:.8rem}.latency-good{color:#4caf50}.latency-ok{color:#ffc107}.latency-poor{color:#f44336}