:root{color:#f4f1e8;background:#12120f;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(188,121,61,.2),transparent 40%),linear-gradient(180deg,#1b1a16,#0d0c0a)}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.game-shell{min-height:100vh;padding:20px;background:radial-gradient(circle at top,rgba(105,183,255,.16),transparent 32%),linear-gradient(180deg,#10213f,#091426 58%,#050b16)}.game-shell-fullscreen{min-height:100svh;padding:0;overflow:hidden}.results-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.results-card{width:min(760px,100%);padding:32px;border:1px solid rgba(244,241,232,.12);border-radius:24px;background:#14120fe6;box-shadow:0 24px 64px #00000059}.results-title{margin:0 0 12px;font-size:clamp(44px,7vw,80px);line-height:.92}.results-copy{margin:0 0 24px;color:#f4f1e8cc}.results-meta{display:grid;gap:16px;margin:0 0 24px}.results-meta div{display:grid;gap:4px}.results-meta dt{color:#f4f1e899;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.results-meta dd{margin:0}.results-units{margin-top:24px;padding-top:24px;border-top:1px solid rgba(244,241,232,.12)}.results-units h2{margin:0 0 12px}.results-unit-list{display:grid;gap:10px}.results-unit-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(244,241,232,.08);border-radius:14px;background:#ffffff0a}.panel{width:min(1240px,100%);padding:32px;border:1px solid rgba(244,241,232,.12);border-radius:20px;background:#14120fdb;box-shadow:0 24px 64px #00000059}.eyebrow{margin:0 0 8px;color:#d6a36a;text-transform:uppercase;letter-spacing:.12em;font-size:12px}h1{margin:0 0 12px;font-size:clamp(36px,8vw,64px);line-height:.95}.body{margin:0 0 24px;max-width:48ch;color:#f4f1e8d1}.meta{display:grid;gap:16px;margin:0 0 24px}.meta div{display:grid;gap:4px}.meta dt{color:#f4f1e899;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.meta dd{margin:0;color:#f4f1e8}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 0}button,input,select{font:inherit}button{border:0;border-radius:999px;padding:12px 18px;color:#12120f;background:#d6a36a;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}select,.invite-box input,.control-card input{width:100%;border:1px solid rgba(244,241,232,.18);border-radius:12px;padding:12px 14px;color:#f4f1e8;background:#ffffff0a}.invite-box,.status-block{margin-top:24px;padding-top:24px;border-top:1px solid rgba(244,241,232,.12)}.invite-box label,.status-block h2{display:block;margin:0 0 12px;color:#f4f1e8b8;font-size:14px}.inline-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.inline-input-row button{white-space:nowrap}.status-copy{margin:0 0 12px;color:#f4f1e8b8}.toggle-row{display:flex;align-items:start;gap:12px;margin-top:16px;color:#f4f1e8d1;line-height:1.45}.toggle-row input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;accent-color:#d6a36a}.toggle-row span{flex:1}.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.leaderboard-shell{align-items:start}.leaderboard-panel{width:min(1320px,100%)}.leaderboard-header{display:flex;justify-content:space-between;align-items:start;gap:24px}.leaderboard-header-actions{margin-top:0}.leaderboard-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:24px}.leaderboard-stat-card{display:grid;gap:6px;padding:18px;border:1px solid rgba(244,241,232,.1);border-radius:18px;background:#ffffff0a}.leaderboard-stat-label{color:#f4f1e894;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.leaderboard-stat-value{font-size:28px}.leaderboard-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:24px;margin-top:24px}.leaderboard-section{padding:20px;border:1px solid rgba(244,241,232,.1);border-radius:20px;background:#ffffff08}.leaderboard-section-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}.leaderboard-section-header h2{margin:0}.leaderboard-section-header span{color:#f4f1e89e;font-size:13px}.leaderboard-table{display:grid;gap:10px}.leaderboard-table-head,.leaderboard-table-row{display:grid;grid-template-columns:72px minmax(0,1.4fr) 100px 80px 170px;gap:12px;align-items:center}.leaderboard-table-head{padding:0 14px 8px;color:#f4f1e88c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.leaderboard-table-row{padding:14px;border:1px solid rgba(244,241,232,.08);border-radius:14px;background:#ffffff0a}.leaderboard-table-row.self{border-color:#d6a36a73;background:#d6a36a14}.leaderboard-history-list{display:grid;gap:12px}.leaderboard-history-row{display:grid;gap:10px;justify-items:start;width:100%;padding:16px;border:1px solid rgba(244,241,232,.08);border-radius:16px;color:inherit;background:#ffffff0a}.leaderboard-history-main,.leaderboard-history-meta{display:flex;width:100%;justify-content:space-between;gap:12px}.leaderboard-history-main{flex-direction:column;align-items:start}.leaderboard-history-main span,.leaderboard-history-meta span{color:#f4f1e8b3}@media(max-width:1100px){.lobby-grid,.leaderboard-overview,.leaderboard-detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.leaderboard-header,.leaderboard-history-meta{flex-direction:column;align-items:start}.leaderboard-table-head,.leaderboard-table-row{grid-template-columns:64px minmax(0,1fr) 72px 64px}.leaderboard-table-head span:last-child,.leaderboard-table-row span:last-child{display:none}}.leaderboard-list{display:grid;gap:10px;margin-top:16px}.leaderboard-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(244,241,232,.08);border-radius:14px;background:#ffffff0a}.leaderboard-row.self{border-color:#d6a36a73;background:#d6a36a14}.leaderboard-rank,.leaderboard-score,.leaderboard-wins{color:#f4f1e8c2;font-size:14px}.leaderboard-player{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-card{margin-top:0;padding-top:0;border-top:0}.compact-lobby-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-invite-box{margin-top:0;margin-bottom:20px;padding-top:0;border-top:0}.lobby-player-list{display:grid;gap:10px}.lobby-player-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid rgba(244,241,232,.08);border-radius:16px;background:#ffffff0a}.lobby-player-chip.self{border-color:#70d6ff57}.lobby-player-chip.ready{border-color:#74d67a57;background:#74d67a1a}.lobby-player-chip span{color:#f4f1e8b8}pre{overflow:auto;margin:0;padding:16px;border-radius:14px;background:#ffffff0d;color:#f4f1e8e6;font-size:12px}.error-text{margin:20px 0 0;color:#ff9e89}.game-error-text{margin:0;padding:12px 14px;border:1px solid rgba(255,158,137,.3);border-radius:12px;background:#94362633}.toast-stack{position:fixed;top:20px;right:20px;z-index:40;display:grid;gap:12px;max-width:min(420px,calc(100vw - 32px));pointer-events:none}.toast-message{display:flex;align-items:start;gap:12px;padding:14px 16px;border:1px solid rgba(113,216,255,.24);border-radius:18px;background:linear-gradient(180deg,#0a1628f5,#080f1df0);box-shadow:0 18px 36px #0208126b,0 0 22px #57ceff1f;color:#e3f7ff;line-height:1.4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.toast-message span{flex:1}.toast-dismiss{min-width:32px;min-height:32px;padding:0;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e3f7ffe0}.game-frame{width:min(1480px,100%);margin:0 auto;display:grid;gap:20px}.game-frame-play{gap:18px}.game-frame-hud{width:min(1540px,100%)}.game-frame-fullscreen{width:100%;height:100svh;margin:0}.game-loading-card{padding:32px;border:1px solid rgba(244,241,232,.12);border-radius:20px;background:#14120fdb;box-shadow:0 24px 64px #00000059}.game-play-header{display:flex;align-items:end;justify-content:space-between;gap:20px}.game-heading{margin:0;font-size:clamp(40px,6vw,64px);line-height:.95}.game-subheading{margin:10px 0 0;color:#f4f1e8c7;font-size:18px}.status-ribbon{max-width:320px;padding:12px 16px;border:1px solid rgba(244,241,232,.1);border-radius:999px;background:#ffffff0a;color:#f4f1e8bf;font-size:14px;text-align:center}.status-ribbon.active{border-color:#f8d36c66;background:#f8d36c1f;color:#fff0cc}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.game-main,.game-sidebar{min-width:0;display:grid;gap:16px}.game-stage-panel{padding:12px;border:1px solid rgba(244,241,232,.1);border-radius:28px;background:radial-gradient(circle at top,rgba(255,220,164,.1),transparent 38%),#090807eb;box-shadow:inset 0 1px #ffffff0d}.hud-stage-panel{padding:18px;border-color:#62d2ff33;background:radial-gradient(circle at top,rgba(88,208,255,.16),transparent 32%),linear-gradient(180deg,#081222f5,#0a0c18f5);box-shadow:inset 0 1px #ffffff0f,0 24px 64px #0409128c}.hud-shell{display:grid;gap:18px}.hud-shell-fullscreen{height:100%;gap:0}.game-battlefield{position:relative}.hud-stage-panel-fullscreen{height:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.hud-stage-panel-fullscreen .game-battlefield{width:100%;height:100%}.battlefield-hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hud-turn-panel{position:absolute;top:18px;left:50%;min-width:240px;padding:14px 22px 16px;border:1px solid rgba(116,219,255,.5);border-radius:20px;background:linear-gradient(180deg,#0c192ee6,#081222db);box-shadow:0 0 0 1px #285c8359 inset,0 0 24px #57ceff2e;text-align:center;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-turn-chip{display:block;margin-bottom:8px;color:#cceeffc7;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hud-turn-title{display:block;color:#d8f7ff;font-size:clamp(18px,2vw,28px);letter-spacing:.08em;text-transform:uppercase}.hud-turn-clock{display:block;margin-top:4px;color:#ff9f57;font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1;text-shadow:0 0 16px rgba(255,159,87,.28)}.hud-team-strip{position:absolute;top:18px;right:20px;display:flex;gap:14px;align-items:start}.hud-team-gauge{display:grid;justify-items:center;gap:6px}.hud-team-gauge-svg{width:94px;height:94px;overflow:visible}.hud-team-gauge.friendly{--hud-accent-rgb: 105, 232, 255;color:#69e8ff}.hud-team-gauge.enemy{--hud-accent-rgb: 255, 159, 87;color:#ff9f57}.hud-team-gauge.active{transform:translateY(-2px)}.hud-team-gauge-halo{fill:rgba(var(--hud-accent-rgb),.16)}.hud-team-gauge-track{fill:none;stroke:#ffffff1f;stroke-width:7}.hud-team-gauge-fill{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(var(--hud-accent-rgb),.42))}.hud-team-gauge-core{fill:#0a1221d6;stroke:#c8f3ff38;stroke-width:1.5}.hud-team-gauge-label{fill:#daf5ffb8;font-size:8px;font-weight:700;letter-spacing:.2em}.hud-team-gauge-value{fill:#f6fbff;font-size:18px;font-weight:800}.hud-team-caption{display:grid;gap:2px;text-align:center}.hud-team-caption strong{color:#f4f1e8;font-size:14px}.hud-team-caption span{color:#f4f1e8ad;font-size:12px}.hud-weapon-dock{position:absolute;left:22px;bottom:22px;display:flex;align-items:end;gap:10px;pointer-events:auto}.hud-weapon-dock:before{content:"";position:absolute;left:-12px;bottom:-12px;width:144px;height:144px;border-radius:50%;background:radial-gradient(circle,rgba(98,236,255,.24),transparent 72%)}.hud-weapon-circle{position:relative;display:grid;place-items:center;gap:4px;width:120px;height:120px;padding:18px;border:2px solid rgba(104,238,255,.78);border-radius:999px;background:#0a1323b8;box-shadow:inset 0 0 0 1px #ffffff14,0 0 20px #5de0ff38;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:inherit}.hud-weapon-name{color:#f0fbff;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hud-weapon-caption{color:#beefffb8;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hud-weapon-action-button{position:relative;min-width:86px;padding:12px 14px;border:1px solid rgba(255,132,109,.48);border-radius:999px;background:#431110c2;color:#ffd4cf;box-shadow:0 0 18px #cc553d29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-weapon-action-button:disabled,.hud-weapon-circle:disabled{opacity:.45;cursor:not-allowed}.hud-minimap-card{position:absolute;right:22px;bottom:22px;width:230px;padding:10px 10px 12px;border:1px solid rgba(107,218,255,.34);border-radius:18px;background:#0a1221ad;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 20px #5de0ff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-minimap-label{display:block;margin-bottom:6px;color:#d0f0ffbd;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hud-minimap-svg{display:block;width:100%;height:auto}.hud-minimap-backdrop{fill:#132543eb;stroke:#78d4ff38;stroke-width:.8}.hud-minimap-water{fill:#2968b2e0}.hud-minimap-ground{fill:#965d33f0}.hud-minimap-ground-line{fill:none;stroke:#ffd8b38f;stroke-width:.9}.hud-minimap-unit.friendly{--hud-accent-rgb: 105, 232, 255;color:#69e8ff}.hud-minimap-unit.enemy{--hud-accent-rgb: 255, 159, 87;color:#ff9f57}.hud-minimap-pulse{fill:rgba(var(--hud-accent-rgb),.26)}.hud-minimap-dot{fill:currentColor;stroke:#fffc;stroke-width:.6}.hud-minimap-unit.eliminated{opacity:.45}.match-stage-shell{width:100%;height:100%}.match-stage{overflow:hidden;width:100%;height:100%;cursor:grab;touch-action:none;background:#111827}.match-stage.dragging{cursor:grabbing}.match-stage canvas{display:block;width:100%;height:100%}.sidebar-card{border:1px solid rgba(244,241,232,.1);border-radius:20px;background:#ffffff0a;box-shadow:inset 0 1px #ffffff08}.sidebar-card{padding:18px}.battlefield-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.battlefield-stats div{display:grid;gap:4px}.battlefield-stats span{color:#f4f1e894;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.battlefield-stats strong{font-size:18px}.pilot-list{display:grid;gap:10px}.pilot-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff09}.pilot-chip.active{border:1px solid rgba(248,211,108,.45);background:#f8d36c1c}.pilot-chip span{color:#f4f1e8bd}.shortcut-list{display:grid;gap:10px}.shortcut-list p,.battlefield-note-card p{margin:0;color:#f4f1e8d1;line-height:1.45}.shortcut-list strong{color:#fff0cc}.replay-controls{display:grid;gap:14px}.replay-action-row{margin-top:0}.replay-controls input[type=range]{width:100%}.replay-speed-row{display:flex;flex-wrap:wrap;gap:10px}.replay-speed-row button{min-width:64px}.replay-speed-row .replay-speed-active{background:#fff0cc}.replay-detail-list{display:grid;gap:8px}.replay-detail-list p{margin:0;color:#f4f1e8d1}.replay-detail-list strong{color:#fff0cc}.replay-timeline{display:grid;gap:10px}.replay-timeline-item{width:100%;display:grid;gap:4px;padding:14px 16px;border:1px solid rgba(244,241,232,.1);border-radius:14px;background:#ffffff09;color:#f4f1e8cc;text-align:left}.replay-timeline-item strong{color:#fff0cc;font-size:15px}.replay-timeline-item span{font-size:13px}.replay-timeline-item-active{border-color:#f8d36c73;background:#f8d36c1f}@media(max-width:980px){.game-play-header{flex-direction:column;align-items:flex-start}.game-layout{grid-template-columns:1fr}.hud-turn-panel{min-width:200px;padding-inline:18px}.hud-team-strip{top:16px;right:16px;gap:10px}.hud-team-gauge-svg{width:80px;height:80px}.hud-minimap-card{width:190px}.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.panel{padding:24px}.lobby-grid{grid-template-columns:1fr}.game-shell{padding:14px}.game-shell-fullscreen{padding:0}.hud-stage-panel{padding:12px}.hud-stage-panel-fullscreen{padding:0}.hud-turn-panel{top:12px;min-width:170px;padding:10px 14px 12px}.hud-team-strip{top:98px;right:12px;left:auto;flex-direction:column;gap:8px}.hud-team-gauge{justify-items:end}.hud-team-gauge-svg{width:68px;height:68px}.hud-team-caption{justify-items:end;text-align:right}.hud-weapon-dock{left:12px;bottom:12px;gap:8px}.hud-weapon-dock:before{width:112px;height:112px}.hud-weapon-name{font-size:12px}.hud-weapon-circle{width:94px;height:94px}.hud-weapon-action-button{min-width:72px;padding:10px 12px;font-size:13px}.hud-minimap-card{right:12px;bottom:12px;width:150px;padding:8px}.toast-stack{top:12px;right:12px;max-width:calc(100vw - 24px)}.toast-message{padding:12px 14px;font-size:14px}.battlefield-stats,.inline-input-row{grid-template-columns:1fr}}