:root{--rv-blue: #00f3ff;--rv-orange: #ff7b00;--rv-disc: #00ff66;--rv-bg: #050510;--rv-panel-bg: rgba(17, 24, 39, .95);--rv-text-muted: #9ca3af;--rv-text-dim: #6b7280;--rv-border: #374151;--rv-error: #ef4444}*,*:before,*:after{box-sizing:border-box}body{margin:0;overflow:hidden;background-color:var(--rv-bg);cursor:crosshair;font-family:sans-serif;color:#fff;-webkit-user-select:none;user-select:none}canvas{display:block;width:100vw;height:100vh}.team-blue{color:var(--rv-blue);text-shadow:0 0 5px var(--rv-blue),0 0 10px var(--rv-blue)}.team-orange{color:var(--rv-orange);text-shadow:0 0 5px var(--rv-orange),0 0 10px var(--rv-orange)}.glow-white{text-shadow:0 0 10px #fff,0 0 20px #fff}.text-muted{color:var(--rv-text-muted)}.text-dim{color:var(--rv-text-dim)}.text-blue{color:var(--rv-blue)}.text-disc{color:var(--rv-disc)}#ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;z-index:10;pointer-events:none}.pointer-events-auto{pointer-events:auto}#scoreboard{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:56rem;margin:0 auto}.score-panel{display:flex;flex-direction:column;align-items:center}.score-label{font-size:1.5rem;font-weight:700;letter-spacing:.2em}.score-value{font-size:3.75rem;font-weight:900}#hud-center{display:flex;flex-direction:column;align-items:center;margin-top:1rem}#game-timer{font-size:1.875rem;font-family:monospace;font-weight:700;color:#d1d5db}#game-message{font-size:1.875rem;font-weight:900;color:#fff;margin-top:.5rem;height:2rem;text-transform:uppercase;letter-spacing:.1em;text-align:center}#game-message.msg-blue{color:var(--rv-blue);text-shadow:0 0 5px var(--rv-blue),0 0 10px var(--rv-blue)}#game-message.msg-orange{color:var(--rv-orange);text-shadow:0 0 5px var(--rv-orange),0 0 10px var(--rv-orange)}#game-message.msg-white{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff}.hud-btn{position:absolute;bottom:1rem;right:1rem;z-index:11;font-family:monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--rv-disc);background:#05051099;border:1px solid var(--rv-disc);border-radius:9999px;padding:.4rem .9rem;cursor:pointer;opacity:.65;transition:opacity .2s,box-shadow .2s}.hud-btn:hover{opacity:1;box-shadow:0 0 12px #0f66}.hud-btn.muted{color:var(--rv-text-dim);border-color:var(--rv-border)}.hud-btn.muted:hover{box-shadow:none}#start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .5s;pointer-events:auto}#start-screen.hidden{opacity:0;pointer-events:none}.modal{background:#111827e6;border:1px solid var(--rv-blue);padding:2.5rem;border-radius:1rem;max-width:48rem;text-align:center;box-shadow:0 0 30px #00f3ff33}.modal h1{font-size:3.75rem;font-weight:900;background:linear-gradient(to right,var(--rv-blue),var(--rv-disc));-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:-.05em;margin:0 0 .5rem}.modal .subtitle{color:#d1d5db;font-size:1.25rem;font-weight:300;margin-bottom:2rem}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;text-align:left;margin-bottom:2rem;font-size:.875rem}.controls-card{background:#00000080;padding:1.5rem;border-radius:.75rem;border:1px solid var(--rv-border)}.controls-card h3{font-weight:700;font-size:1.125rem;margin:0 0 1rem}.controls-card p{margin:0 0 .75rem}.controls-card .key{display:inline-block;width:7rem;font-family:monospace;color:var(--rv-text-muted);font-weight:700}.controls-card .keyline{font-size:.75rem;color:var(--rv-text-muted)}.controls-card .mono-white{font-family:monospace;color:#fff}.controls-card .note{font-size:.75rem;color:var(--rv-text-muted);margin-top:1rem;border-top:1px solid var(--rv-border);padding-top:.75rem}#start-btn{background:var(--rv-blue);color:#000;font-weight:900;padding:1rem 4rem;border-radius:9999px;font-size:1.5rem;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:background .2s,box-shadow .2s,transform .1s}#start-btn:hover{background:#fff;box-shadow:0 0 30px var(--rv-blue);transform:scale(1.05)}#start-btn:active{transform:scale(.95)}#lobby-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;pointer-events:auto}.lobby-modal{background:var(--rv-panel-bg);border:1px solid var(--rv-blue);padding:2.5rem;border-radius:1rem;max-width:28rem;width:90vw;text-align:center;box-shadow:0 0 30px #00f3ff33;font-family:sans-serif;color:#fff}.lobby-modal h1{font-size:2.5rem;font-weight:900;background:linear-gradient(to right,var(--rv-blue),var(--rv-disc));-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:-.05em;margin:0 0 .25rem}.lobby-sub{color:var(--rv-text-muted);font-size:1rem;margin:0 0 1.5rem}.lobby-btn-group{display:flex;flex-direction:column;gap:.75rem}.lobby-btn{padding:.875rem 2rem;border-radius:9999px;font-size:1rem;font-weight:800;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:transform .1s,box-shadow .2s}.lobby-btn:hover{transform:scale(1.03)}.lobby-btn:active{transform:scale(.97)}.lobby-btn-primary{background:var(--rv-blue);color:#000}.lobby-btn-primary:hover{box-shadow:0 0 20px var(--rv-blue)}.lobby-btn-cyan{background:var(--rv-blue);color:#000}.lobby-btn-cyan:hover{box-shadow:0 0 20px var(--rv-blue);background:#fff}.lobby-btn-outline{background:transparent;color:var(--rv-blue);border:1px solid var(--rv-blue)}.lobby-btn-outline:hover{background:#00f3ff1a}.lobby-btn-ghost{background:transparent;color:var(--rv-text-dim);border:1px solid var(--rv-border)}.lobby-btn-ghost:hover{color:#fff;border-color:var(--rv-text-dim)}.lobby-tag{font-size:.7rem;opacity:.7;font-weight:400;text-transform:none;margin-left:.4rem}.lobby-mt{margin-top:1rem}.lobby-arena-list{max-height:55vh}.lobby-arena-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem}.lobby-arena-btn .lobby-tag{margin-left:0;letter-spacing:normal}.lobby-spinner{width:2.5rem;height:2.5rem;border:3px solid #1f2937;border-top-color:var(--rv-blue);border-radius:50%;animation:lobby-spin .8s linear infinite;margin:1rem auto}@keyframes lobby-spin{to{transform:rotate(360deg)}}.lobby-code-display{font-family:monospace;font-size:3rem;font-weight:900;letter-spacing:.3em;color:var(--rv-disc);text-shadow:0 0 10px var(--rv-disc);margin:.5rem 0}.lobby-code-copy{margin:.25rem auto 0;font-size:.8rem;padding:.4rem 1.2rem;display:inline-block}.lobby-waiting-text{color:var(--rv-text-muted);font-size:.875rem;margin:.75rem 0 0}.lobby-code-input{background:#0006;border:1px solid var(--rv-blue);border-radius:.5rem;color:var(--rv-disc);font-family:monospace;font-size:2rem;font-weight:900;letter-spacing:.3em;text-align:center;width:100%;padding:.75rem;outline:none;text-transform:uppercase}.lobby-code-input:focus{box-shadow:0 0 15px #00f3ff4d}.lobby-error{color:var(--rv-error);font-size:.875rem;margin:.5rem 0 0}