*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a2e;color:#fff;font-family:Segoe UI,sans-serif;overflow:hidden;width:100vw;height:100vh}#game-container{width:100vw;height:100vh;position:fixed;top:0;left:0}canvas{display:block}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;gap:16px}.title{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(68,136,255,.5);letter-spacing:4px}.subtitle{font-size:1.6rem;color:#abc;text-shadow:0 0 8px rgba(170,187,204,.3)}.btn-neon{padding:14px 36px;font-size:1.3rem;font-family:Segoe UI,sans-serif;font-weight:700;border:2px solid #4488ff;background:#48f;color:#fff;cursor:pointer;letter-spacing:1px;transition:all .2s;border-radius:10px;box-shadow:0 4px 15px #4488ff4d}.btn-neon:hover{background:#59f;box-shadow:0 4px 25px #4488ff80;transform:scale(1.03)}.btn-small{padding:10px 20px;font-size:1rem}.join-row{display:flex;gap:8px;align-items:center}#input-room-code{padding:10px 16px;font-size:1.2rem;font-family:Segoe UI,sans-serif;background:#14143ccc;border:2px solid #4488ff;color:#fff;border-radius:10px;letter-spacing:4px;width:180px;text-align:center}#input-room-code::placeholder{color:#48f6}.room-code{font-size:1.5rem;color:#48f;text-shadow:0 0 8px rgba(68,136,255,.4);margin-bottom:12px}#room-code-display{font-weight:700;letter-spacing:4px}#player-list{display:flex;flex-direction:column;gap:8px;margin:12px 0;min-width:300px}.player-entry{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-radius:6px;background:#14143c99;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(255,255,255,.2)}.player-entry .player-name{font-size:1.1rem}.player-entry .team-btn{padding:4px 12px;font-size:.9rem;font-family:Segoe UI,sans-serif;font-weight:700;border:2px solid;background:transparent;cursor:pointer;border-radius:6px;transition:all .15s}.team-btn.team-0{color:#48f;border-color:#48f}.team-btn.team-0:hover{background:#48f;color:#fff}.team-btn.team-1{color:#f33;border-color:#f33}.team-btn.team-1:hover{background:#f33;color:#fff}#hud{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;justify-content:center;align-items:center;gap:24px;padding:12px 24px;background:transparent}#score-display{font-size:1.8rem;font-weight:700;display:flex;gap:16px;align-items:center}.team-blue{color:#48f;text-shadow:0 0 8px rgba(68,136,255,.5)}.team-red{color:#f33;text-shadow:0 0 8px rgba(255,51,51,.5)}.vs{color:#667;font-size:1rem}#phase-display{font-size:1.2rem;color:#abc;text-shadow:0 0 6px rgba(170,187,204,.3)}#timer-display{font-size:1.4rem;color:#fff;font-weight:700;min-width:40px;text-align:center;text-shadow:0 0 6px rgba(255,255,255,.3)}#match-timer{position:fixed;top:50px;left:50%;transform:translate(-50%);font-size:2rem;font-weight:700;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.5);z-index:55;letter-spacing:2px;pointer-events:none}#result-overlay .title{font-size:3.5rem}#result-scores{font-size:2rem;color:#fff}#action-buttons{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:100}.btn-confirm{background:linear-gradient(135deg,#f44,#f64)!important;color:#fff!important;font-size:1.3em;border-color:transparent!important;box-shadow:0 4px 15px #f446}.btn-confirm:hover{box-shadow:0 4px 25px #f449}.btn-cancel{background:#14143cb3!important;border-color:#fff3!important;color:#aaa!important;font-size:1em}.btn-cancel:hover{background:#1e1e50cc!important}.btn-ready-active{background:#0f03!important;border-color:#0f0!important;color:#0f0!important;text-shadow:0 0 10px #00ff00}.drag-power-label{position:fixed;color:#48f;font-size:.9rem;font-weight:700;pointer-events:none;text-shadow:0 0 6px rgba(68,136,255,.5);z-index:60}