:root{color-scheme:dark;font-family:Avenir Next Condensed,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(102,236,255,.16),transparent 35%),radial-gradient(circle at 80% 20%,rgba(255,113,159,.12),transparent 28%),linear-gradient(180deg,#05070d,#081018 32%,#060a12);color:#eef7ff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;overflow:hidden}body{background:#04070c}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:linear-gradient(135deg,#64ebff,#91fff2);color:#031018;cursor:pointer;font:inherit;font-weight:700;letter-spacing:.06em;padding:.9rem 1.3rem;text-transform:uppercase}.team-button.ally{background:linear-gradient(135deg,#66efff,#b4ffff)}.team-button.enemy{background:linear-gradient(135deg,#ff7da6,#ffc1d2)}canvas{display:block}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#070c13e6,#04080ffa)}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18)),repeating-linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px);pointer-events:none;z-index:2}.sky-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 18%,rgba(139,255,247,.1),transparent 34%),radial-gradient(circle at 32% 68%,rgba(67,144,255,.08),transparent 26%),radial-gradient(circle at 78% 34%,rgba(255,113,159,.08),transparent 24%);pointer-events:none;z-index:0}.hud-top,.hud-side,.announcement-stack,.crosshair,.hit-marker-layer,.center-overlay{position:absolute;z-index:3;pointer-events:none}.hud-top{top:1rem;left:1rem;right:1rem;display:grid;grid-template-columns:minmax(140px,180px) 1fr minmax(140px,180px);gap:1rem;align-items:stretch}.score-panel,.status-panel,.glass-card,.overlay-card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#080e15db,#0a101bb8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 44px #00000052}.score-panel{display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:.9rem 1rem;text-transform:uppercase}.score-panel.ally{border-color:#68ecff47}.score-panel.enemy{border-color:#ff719f47}.score-label{color:#ebf6ffbd;font-size:.8rem;letter-spacing:.16em}.score-value{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;line-height:1}.status-panel{display:flex;align-items:center;justify-content:center;gap:.9rem;padding:.85rem 1.2rem;text-transform:uppercase}.timer{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:800;letter-spacing:.08em}.phase-badge,.room-status,.announcement{border-radius:999px;padding:.4rem .8rem;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.phase-badge{background:#ffffff14}.phase-badge.ally,.announcement.ally{background:#68ecff24;color:#bfffff}.phase-badge.enemy,.announcement.enemy{background:#ff719f29;color:#ffd4df}.phase-badge.neutral,.announcement.neutral{background:#929fb12e;color:#edf3fb}.room-status{background:#ffffff0f;color:#e8f3ffcc}.hud-side{top:6.9rem;bottom:1rem;width:min(24vw,330px);display:flex;flex-direction:column;gap:1rem}.hud-side.left{left:1rem}.hud-side.right{right:1rem}.glass-card{padding:1rem 1.05rem}.eyebrow{margin:0 0 .45rem;color:#e2f1ff94;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}.player-name{margin:0 0 .95rem;font-size:1.15rem;letter-spacing:.04em}.bar-stack{display:flex;flex-direction:column;gap:.8rem}.bar-block{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center}.bar-block span,.roster-line span,.prompt-line{color:#e4f0ffb8;font-size:.86rem}.meter{position:relative;height:.55rem;border-radius:999px;background:#ffffff14;overflow:hidden}.fill{position:absolute;inset:0 auto 0 0;border-radius:inherit}.fill.shield{background:linear-gradient(90deg,#67f0ff,#c9ffff)}.fill.health{background:linear-gradient(90deg,#ff6c98,#ffc3cf)}.respawn-text{margin:.85rem 0 0;color:#dfecf9a6;font-size:.82rem;line-height:1.45}.roster-line{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.roster-line:last-child{border-bottom:0}.minimap-card{display:flex;flex-direction:column;align-items:center}.minimap{width:min(100%,220px);height:auto;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:#081019}.leaderboard-card{display:flex;flex-direction:column;gap:.7rem}.leaderboard-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.leaderboard-topline .eyebrow{margin-bottom:0}.leaderboard-subtle{color:#e4f0ff85;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:minmax(0,1.85fr) .44fr .44fr .58fr .52fr;gap:.5rem;align-items:center}.leaderboard-header{color:#e4f0ff85;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.leaderboard-body{display:flex;flex-direction:column}.leaderboard-row{padding:.52rem 0;border-top:1px solid rgba(255,255,255,.07);font-size:.83rem}.leaderboard-row.self{background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff0f;margin:0 -.35rem;padding-left:.35rem;padding-right:.35rem}.leaderboard-row.ally{color:#d9fbff}.leaderboard-row.enemy{color:#ffd9e3}.leaderboard-name{min-width:0;display:flex;align-items:center;gap:.45rem}.leaderboard-team{flex:0 0 auto;border-radius:999px;padding:.18rem .42rem;background:#ffffff14;font-size:.63rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.leaderboard-row.ally .leaderboard-team{background:#68ecff24}.leaderboard-row.enemy .leaderboard-team{background:#ff719f29}.leaderboard-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crosshair{left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.crosshair:before{left:50%;top:0;width:2px;height:24px;transform:translate(-50%);background:#f3f8ffeb}.crosshair:after{left:0;top:50%;width:24px;height:2px;transform:translateY(-50%);background:#f3f8ffeb}.hit-marker-layer{left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.hit-marker{width:100%;height:100%;border:2px solid rgba(255,255,255,.95);border-left:0;border-right:0;transform:rotate(45deg);animation:hitFade .22s ease-out forwards}@keyframes hitFade{0%{opacity:1;transform:rotate(45deg) scale(1.1)}to{opacity:0;transform:rotate(45deg) scale(.78)}}.announcement-stack{left:50%;bottom:1.1rem;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;align-items:center}.announcement{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.center-overlay{top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.overlay-card{max-width:min(92vw,460px);padding:1.4rem 1.5rem;text-align:center;pointer-events:auto}.overlay-card h1{margin:.1rem 0 .75rem;font-size:clamp(1.7rem,5vw,2.4rem);letter-spacing:.04em;text-transform:uppercase}.overlay-card p{margin:0;color:#e3effdb8;line-height:1.5}.overlay-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.2rem}.join-card{pointer-events:auto}.join-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.25rem}@media(max-width:980px){.hud-top{grid-template-columns:1fr}.hud-side{width:calc(50vw - 1.5rem);top:auto;bottom:1rem}.hud-side.left{left:1rem}.hud-side.right{right:1rem}.announcement-stack{bottom:14.25rem}}@media(max-width:720px){.join-team-grid{grid-template-columns:1fr}.hud-top{left:.7rem;right:.7rem;top:.7rem}.status-panel{flex-wrap:wrap}.hud-side{position:static;width:auto}.hud-side.left,.hud-side.right{left:auto;right:auto}.hud-side.left{margin:6.75rem .7rem 0}.hud-side.right{margin:.7rem}.announcement-stack{bottom:1rem;left:.7rem;right:.7rem;transform:none;align-items:stretch}.announcement{text-align:center}}