*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:#000;width:100vw;height:100vh;overflow:hidden}canvas{width:100%;height:100%;display:block}.crosshair{pointer-events:none;mix-blend-mode:difference;background-color:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0009;border:1px solid #ffffff1a;border-radius:12px;width:250px;padding:15px;font-family:Inter,-apple-system,sans-serif;position:absolute;bottom:30px;left:30px;box-shadow:0 8px 32px #00000080}.health-container{background:#ffffff1a;border-radius:6px;width:100%;height:24px;position:relative;overflow:hidden}.health-bar{background:linear-gradient(90deg,#ff2e2e 0%,#ff5e5e 100%);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.health-text{text-shadow:0 1px 4px #000c;letter-spacing:.5px;font-size:14px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ammo-container{text-align:center;margin-top:10px}.ammo-text{color:#fbbf24;text-shadow:0 2px 4px #00000080;font-size:18px;font-weight:700}.connection-status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;background:#00000080;border-radius:6px;padding:8px 12px;font-family:monospace;font-size:12px;position:absolute;top:20px;left:20px}.main-menu{z-index:1000;background:radial-gradient(circle,#111 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.menu-title{color:#fff;letter-spacing:1rem;text-shadow:0 0 20px #ffffff4d;margin-bottom:4rem;font-size:8rem;font-weight:900;animation:2s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{text-shadow:0 0 20px #fff3}to{text-shadow:0 0 40px #ffffff80}}.mode-selector{gap:2rem;display:flex}.mode-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:2px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;transition:all .3s}.mode-button:hover:not(:disabled){color:#000;background:#fff;transform:translateY(-5px);box-shadow:0 10px 30px #fff3}.mode-button.searching{color:#f44;background:#f443;border-color:#f44;animation:1.5s infinite pulseButton}@keyframes pulseButton{0%{box-shadow:0 0 #f446}70%{box-shadow:0 0 0 15px #f440}to{box-shadow:0 0 #f440}}.mode-button:disabled{opacity:.3;cursor:not-allowed}.connecting-text{color:#f44;letter-spacing:2px;margin-top:2rem;font-weight:600}.versus-screen{z-index:2000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.versus-container{justify-content:space-around;align-items:center;width:80%;max-width:1200px;display:flex}.versus-side{flex-direction:column;align-items:center;gap:2rem;animation:.5s ease-out fadeInSide;display:flex}@keyframes fadeInSide{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.avatar-circle{background:#222;border:4px solid #fff;border-radius:50%;width:250px;height:250px;overflow:hidden;box-shadow:0 0 50px #ffffff1a}.avatar-circle img{width:100%;height:100%}.versus-name{color:#fff;letter-spacing:4px;font-size:2rem;font-weight:800}.versus-middle{flex-direction:column;align-items:center;gap:1rem;display:flex}.vs-text{color:#f22;text-shadow:0 0 30px #ff222280;font-size:6rem;font-style:italic;font-weight:900}.countdown-text{color:#fff;font-size:4rem;font-weight:900}.game-title{color:#fff;letter-spacing:4px;opacity:.6;font-size:1.2rem;font-weight:800;position:fixed;top:20px;left:50%;transform:translate(-50%)}.team-indicator{color:#4f4;letter-spacing:2px;font-weight:900;position:fixed;top:60px;left:50%;transform:translate(-50%)}.scoreboard{pointer-events:none;flex-direction:column;gap:8px;font-family:Inter,sans-serif;display:flex;position:fixed;top:20px;right:20px}.score-item{color:#fff;text-align:right;background:#0009;border:1px solid #ffffff1a;border-radius:6px;min-width:120px;padding:10px 20px;font-size:14px;font-weight:700}.score-item.mine{color:#fbbf24;border-color:#fbbf24}.connection-status.online{color:#4ade80}.connection-status.offline{color:#f87171}.loading-screen,.death-screen{z-index:1000;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:absolute;top:0;left:0}.loading-screen{background:#000000d9}.death-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b000099}.loading-text,.death-text{letter-spacing:2px;margin-bottom:10px;font-size:32px;font-weight:900}.death-text{color:#ff2e2e;text-shadow:0 0 20px #ff000080}.respawn-text{opacity:.8;font-size:16px}.loading-text{animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.game-title{color:#fff;letter-spacing:8px;opacity:.2;pointer-events:none;font-size:48px;font-weight:900;position:absolute;top:30px;left:50%;transform:translate(-50%)}