: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,.hud__roster{display:flex;flex-wrap:wrap;gap:.5rem;pointer-events:auto}.hud__roster{margin-bottom:.35rem}.hud-btn--roster{min-width:3.25rem;flex-direction:column;gap:.15rem;font-size:.85rem;padding:.4rem .55rem}.hud-btn--roster.active{background:var(--accent);color:#06201c;border-color:var(--accent);font-weight:600}.roster-slot{display:flex;flex-direction:column;gap:.25rem}.hud-btn--active-toggle{min-height:44px;min-width:3.25rem;font-size:.7rem;padding:.35rem .45rem;opacity:.85}.hud-btn--active-toggle.active{background:#78b48c59;border-color:var(--accent);color:var(--accent);font-weight:600;opacity:1}.roster-meta{display:block;font-size:.65rem;opacity:.85;font-weight:500}.hud-btn--roster.damaged,.meter--damaged{border-color:#c88c50a6;color:#e8c090}.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}.meter--compact strong{font-size:.9rem}.phaser-pad,.phaser-step-pad,.step-pad{display:flex;gap:.25rem}.hud-btn--phaser{border-color:var(--signal)}.hud-btn--mine{border-color:#c4a35a}.hud-btn--pod{border-color:#6a9e8a}.hud-btn--base-laser{border-color:#d4a574}.hud-btn--base-neutron{border-color:#7a9eb8}.hud-btn--base-seeker{border-color:#a88bb8}.hud-btn--defense-shield{border-color:#8ab4a0}.hud-btn--defense-shield.active{background:#8ab4a047}.meter--shield-active strong{color:#8ab4a0}.base-aim{display:flex;flex-wrap:wrap;gap:.35rem;align-items:stretch}.base-aim__field{background:#07110ec7;border:1px solid var(--line);padding:.35rem .45rem;min-height:44px;display:grid;gap:.2rem;align-content:center}.base-aim__controls{display:flex;align-items:center;gap:.35rem}.base-aim__controls strong{min-width:3.25rem;text-align:center;font-variant-numeric:tabular-nums}.hud-btn--step{min-width:44px;min-height:44px;padding:.35rem .55rem;font-size:1.1rem;line-height:1}.hud__deployables{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 .5rem .25rem;min-height:.25rem}.deployable-chip{font-size:.75rem;letter-spacing:.02em}.deployable-chip--mine{color:#c4a35a}.deployable-chip--pod{color:#6a9e8a}.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}.chat-panel{position:absolute;right:.75rem;bottom:5.5rem;width:min(18rem,calc(100vw - 1.5rem));max-height:min(42dvh,16rem);display:flex;flex-direction:column;gap:.35rem;pointer-events:auto;z-index:3;background:#07110ee0;border:1px solid var(--line);padding:.45rem}.chat-panel__toggle{min-height:44px;border:1px solid var(--line);background:#0f1f1af2;color:var(--ink);font-family:var(--font-display);font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.chat-panel__log{flex:1 1 auto;min-height:4.5rem;max-height:9rem;overflow-y:auto;display:grid;gap:.35rem;padding:.25rem .15rem}.chat-panel__empty{margin:0;color:var(--muted);font-size:.75rem}.chat-panel__row{display:grid;gap:.1rem;font-size:.78rem;line-height:1.25}.chat-panel__row--self .chat-panel__name{color:var(--accent)}.chat-panel__name{color:var(--signal);font-family:var(--font-display);letter-spacing:.03em}.chat-panel__text{color:var(--ink);word-break:break-word}.chat-panel__form{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:stretch}.chat-panel__input{min-height:44px;border:1px solid var(--line);background:#0b1210f2;color:var(--ink);font-family:var(--font-mono);font-size:.85rem;padding:.45rem .6rem}.chat-panel__send{min-width:4.5rem}.chat-panel__send:disabled{opacity:.45;cursor:not-allowed}@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}}