:root{--bg-0: #07110e;--bg-1: #0f1f1a;--ink: #e7f2ec;--muted: #8fa89b;--accent: #4ecdc4;--warn: #e07a5f;--signal: #f4d35e;--line: rgba(78, 205, 196, .28);--font-display: "Rajdhani", "Trebuchet MS", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;color:var(--ink);background:var(--bg-0);font-family:var(--font-mono)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:radial-gradient(1200px 700px at 10% -10%,rgba(78,205,196,.16),transparent 55%),radial-gradient(900px 600px at 90% 0%,rgba(224,122,95,.12),transparent 50%),linear-gradient(160deg,#050b09,#0c1713 45%,#08120f)}button,input{font:inherit}.app{min-height:100%;height:100%}.app--landscape{min-height:100dvh}.brand{margin:0;font-family:var(--font-display);font-size:clamp(2.8rem,10vw,5.5rem);font-weight:700;letter-spacing:.04em;line-height:.9;text-transform:uppercase;color:var(--accent)}.landing,.lobby,.results{min-height:100%;display:grid;place-items:center;padding:2rem 1.25rem 3rem;position:relative}.landing__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0b121033,#0b1210bf),repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(78,205,196,.04) 28px),repeating-linear-gradient(90deg,transparent,transparent 27px,rgba(78,205,196,.04) 28px);pointer-events:none}.landing__content,.lobby__panel,.results{position:relative;width:min(34rem,100%);display:grid;gap:1rem}.landing h1,.lobby h1,.results h1{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.4rem);font-weight:600;letter-spacing:.02em}.lede{margin:0;color:var(--muted);line-height:1.45}.landing__form{display:grid;gap:.85rem;margin-top:.5rem}label{display:grid;gap:.35rem;color:var(--muted);font-size:.85rem}input{width:100%;min-height:48px;border:1px solid var(--line);background:#07110ecc;color:var(--ink);padding:.7rem .85rem}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.segmented button,.cta,.ghost,.danger,.hud-btn{min-height:48px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;padding:.7rem 1rem}.segmented button.active,.cta,.hud-btn--fire.active{background:var(--accent);color:#06201c;border-color:var(--accent);font-weight:600}.ghost{color:var(--muted)}.danger{border-color:var(--warn);color:var(--warn)}.error{color:var(--warn);margin:0}.lobby__header{width:min(34rem,100%);display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.status-pill{margin:0;color:var(--muted);font-size:.85rem}.join-code{font-family:var(--font-display);font-size:3rem;letter-spacing:.2em;color:var(--signal)}.share-link{color:var(--muted);font-size:.8rem;word-break:break-all}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.player-list li{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;border-top:1px solid var(--line);padding-top:.6rem}.player-shape{width:.85rem;height:.85rem;background:var(--warn);clip-path:polygon(50% 0%,100% 100%,0% 100%)}.player-shape[data-self=true]{background:var(--accent);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.lobby__actions{display:grid;gap:.6rem}.match-shell{position:relative;width:100%;height:100dvh;overflow:hidden;background:#0b1210}.battlefield{position:absolute;top:0;right:0;bottom:0;left:0}.battlefield canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem}.hud__top,.hud__bottom,.hud__contacts{display:flex;flex-wrap:wrap;gap:.5rem;pointer-events:auto}.meter,.weapon,.aim-readout,.contact-chip{background:#07110ec7;border:1px solid var(--line);padding:.45rem .65rem;min-height:44px;display:grid;align-content:center}.meter__label{color:var(--muted);font-size:.7rem;text-transform:uppercase}.contact-chip--visible{color:var(--warn)}.contact-chip--last_known{color:var(--muted)}.contact-chip--base{color:var(--signal)}.hud-btn{background:#07110ed9}.aim-readout{grid-auto-flow:column;gap:.75rem;color:var(--signal)}.modal,.tutorial{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#040807b8;pointer-events:auto;z-index:5;padding:1rem}.modal__panel,.tutorial__panel{width:min(22rem,100%);display:grid;gap:.75rem;background:var(--bg-1);border:1px solid var(--line);padding:1.25rem}.toggle{display:flex;align-items:center;gap:.65rem;color:var(--ink)}.tutorial ol{margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.5}@media(orientation:portrait){.app--landscape .match-shell:after{content:"Rotate for best play";position:absolute;left:50%;bottom:5.5rem;transform:translate(-50%);background:#07110ed9;border:1px solid var(--line);padding:.4rem .7rem;color:var(--muted);font-size:.75rem;pointer-events:none;z-index:2}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}