:root{color-scheme:light;--cp-bg: #f7f4ef;--cp-bg-elevated: #fcfbf8;--cp-surface: #ffffff;--cp-surface-soft: #f5f5f5;--cp-border: #dedede;--cp-border-strong: #919191;--cp-text: #242424;--cp-text-muted: #5c5c5c;--cp-text-soft: #6f6f6f;--cp-accent: #b11f4b;--cp-accent-hover: #9a1a41;--cp-accent-soft: rgba(177, 31, 75, .08);--cp-accent-fg: #ffffff;--cp-success: #16a34a;--cp-danger: #dc2626;--cp-warning: #f59e0b;--cp-link: #0078d4;--cp-shadow: 0 18px 48px rgba(0, 0, 0, .12);--cp-overlay: rgba(255, 255, 255, .8);--cp-panel: rgba(255, 255, 255, .86);--cp-panel-strong: rgba(255, 255, 255, .96);--cp-sheen: rgba(255, 255, 255, .55);--cp-highlight: rgba(177, 31, 75, .12)}html[data-theme=dark]{color-scheme:dark;--cp-bg: #3d3b3a;--cp-bg-elevated: #343231;--cp-surface: #292929;--cp-surface-soft: #2e2e2e;--cp-border: #474747;--cp-border-strong: #5f5f5f;--cp-text: #dedede;--cp-text-muted: #919191;--cp-text-soft: #b0b0b0;--cp-accent: #fd8ea1;--cp-accent-hover: #fb7b91;--cp-accent-soft: rgba(253, 142, 161, .14);--cp-accent-fg: #1a1a1a;--cp-success: #4ade80;--cp-danger: #f87171;--cp-warning: #fbbf24;--cp-link: #4da6ff;--cp-shadow: 0 18px 48px rgba(0, 0, 0, .32);--cp-overlay: rgba(41, 41, 41, .88);--cp-panel: rgba(41, 41, 41, .72);--cp-panel-strong: rgba(41, 41, 41, .96);--cp-sheen: rgba(255, 255, 255, .04);--cp-highlight: rgba(253, 142, 161, .12)}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{background:var(--cp-bg);color:var(--cp-text);font:16px/1.5 Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select{font:inherit}button,select,input{accent-color:var(--cp-accent)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,select{min-height:44px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-surface);color:var(--cp-text);padding:10px 16px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:var(--cp-surface-soft);border-color:var(--cp-border-strong)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cp-accent);outline-offset:4px}::selection{background:var(--cp-accent);color:var(--cp-accent-fg)}*{scrollbar-width:thin;scrollbar-color:var(--cp-border-strong) var(--cp-surface)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance;line-height:1.05;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,4.4vw,4.6rem)}h2{font-size:2rem}h3{font-size:1rem;font-weight:600}p{color:var(--cp-text-soft);max-width:65ch}small{font-size:.8rem;color:var(--cp-text-soft)}kbd{font:12px/1.4 Consolas,Courier New,Courier,monospace;padding:3px 6px;border:1px solid var(--cp-border-strong);border-radius:4px;color:var(--cp-text);background:var(--cp-surface);white-space:nowrap}.plain{padding:0;border:0;background:none;border-radius:0}.quiet{background:none;border-color:var(--cp-border)}.primary{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-fg);font-weight:600}.primary:hover:not(:disabled){background:var(--cp-accent-hover);border-color:var(--cp-accent-hover)}.wide{width:100%}.button-row{display:flex;gap:8px;flex-wrap:wrap}#viewport{position:fixed;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.masthead{position:fixed;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;gap:16px;background:var(--cp-panel-strong);border-bottom:1px solid var(--cp-border)}.wordmark{font-size:1.1rem;font-weight:700;letter-spacing:.18em;display:flex;gap:12px;align-items:center}.wordmark-title{display:block;text-align:left;font-size:1.05rem;line-height:1.1;letter-spacing:.02em}.wordmark-edition{display:block;margin-top:4px;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}.brand-orbit{width:24px;height:24px;display:block;border:1px solid var(--cp-accent);border-radius:50%;transform:rotate(-35deg) scaleX(.5)}.masthead nav{display:flex;gap:8px}#screen{position:fixed;inset:93px 32px 64px;pointer-events:none;display:flex;align-items:center;z-index:2}.menu-panel{width:min(420px,100%);padding:32px;background:var(--cp-panel-strong);border:1px solid var(--cp-border);border-radius:16px;pointer-events:auto;max-height:100%;overflow:auto}.menu-panel>p{margin-top:24px}.menu-panel>.button-row,.menu-panel>.primary{margin-top:28px}.home-panel{padding:36px}.home-panel h1{max-width:9ch}.home-panel .primary{padding:16px 24px}.home-panel .secondary-action{margin-top:12px}.home-panel .small-note{margin-top:28px;font-size:.85rem;line-height:1.6}.ship-caption{position:absolute;bottom:16px;right:16px;width:min(360px,42vw);pointer-events:auto;background:var(--cp-panel-strong);border:1px solid var(--cp-border);border-radius:.625rem;padding:20px 24px}.ship-caption h2{font-size:1.5rem;letter-spacing:-.02em}.ship-caption p{margin-top:6px;font-size:.9rem}.ship-caption small{display:block;margin-top:12px}.ship-caption button{margin-top:16px}.statusbar{position:fixed;z-index:3;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:16px;padding:12px 32px;background:var(--cp-panel-strong);border-top:1px solid var(--cp-border);color:var(--cp-text-soft);font-size:.75rem}#performance,.numeric{font-variant-numeric:tabular-nums}#toast{position:fixed;z-index:8;bottom:60px;left:50%;transform:translate(-50%);max-width:min(600px,calc(100vw - 32px));background:var(--cp-surface);border:1px solid var(--cp-warning);border-radius:.625rem;padding:12px 20px;box-shadow:var(--cp-shadow)}.back{display:block;margin-bottom:24px;min-height:32px;padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:.85rem}.setup-panel{width:min(460px,100%);padding:28px;height:min(740px,100%);display:grid;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;overflow:hidden}.setup-panel .back{margin-bottom:12px;min-height:24px;text-align:left}.setup-panel>.primary{margin-top:16px}.setup-panel h1,.fleet-panel h1,.settings-panel h1{font-size:2.5rem}.mode-switch{display:flex;gap:8px;margin:16px 0}.mode-switch button{flex:1;padding:8px;font-size:.9rem}button[aria-pressed=true]{border-color:var(--cp-accent);background:var(--cp-accent-soft);color:var(--cp-accent)}.pilot-select{min-width:0;margin:0 0 12px}.pilot-select label{display:block;font-size:.85rem;color:var(--cp-text-soft);margin-bottom:8px}.pilot-select select{width:100%;font-size:.9rem}.pilot-select small{display:block;margin-top:4px;font-size:.75rem}.loadout{margin:8px 0 0;padding-top:12px;border-top:1px solid var(--cp-border);min-height:0;overflow:auto}.loadout h3{margin-bottom:6px}.loadout p{font-size:.85rem}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:16px 0}.stats div{display:flex;align-items:baseline;gap:6px}.stats dt{font-size:.75rem;color:var(--cp-text-soft)}.stats dd{margin:0;font-variant-numeric:tabular-nums;font-size:1.1rem}.stat-unit{font-size:.65rem;margin-left:2px;color:var(--cp-text-soft)}.ship-caption .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.controls-note{font-size:.75rem;line-height:2;margin-top:16px}.fleet-panel{width:310px;padding:24px}.fleet-panel>p{font-size:.85rem;margin-top:12px}.fleet-list{margin-top:20px;display:flex;flex-direction:column;gap:4px}.fleet-list button{display:flex;justify-content:space-between;text-align:left;padding:8px 12px;min-height:40px}.fleet-list span{color:var(--cp-text-soft);font-size:.75rem}.settings-panel{width:min(650px,100%);margin:auto}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.settings-row label{flex:1}.settings-row small{display:block;margin-top:4px}input[type=range]{width:160px}input[type=checkbox]{width:22px;height:22px}.bindings{width:100%;border-collapse:collapse;margin:24px 0}.bindings th{font-weight:400;color:var(--cp-text-soft);font-size:.85rem}.bindings th,.bindings td{text-align:left;padding:8px;border-bottom:1px solid var(--cp-border)}.bindings button{min-width:96px;font-size:.85rem}.bindings button.listening{border-color:var(--cp-accent);color:var(--cp-accent)}.binding-note{font-size:.85rem}#hud{position:fixed;z-index:3;top:20px;left:24px;right:24px;display:grid;grid-template-columns:1fr;pointer-events:none}.pilot-hud{background:var(--cp-panel-strong);border:1px solid var(--cp-border);border-radius:.625rem;padding:12px 16px}.pilot-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.pilot-heading strong{font-size:1rem}.pilot-heading span{font-size:.75rem;color:var(--cp-text-soft)}.meter-row{margin-top:8px;display:grid;grid-template-columns:36px 1fr 40px;gap:8px;align-items:center;font-size:.68rem}.meter-row output{text-align:right;font-variant-numeric:tabular-nums}.meter{height:4px;background:var(--cp-border);border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;background:var(--cp-text);width:calc(var(--fill, 1) * 100%)}.energy i{background:var(--cp-accent)}.ability-status{margin-top:8px;font-size:.72rem;color:var(--cp-text-soft)}#combat-panel{position:fixed;top:20px;right:24px;bottom:64px;width:clamp(200px,18vw,248px);display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;pointer-events:auto}.combatant-hud{display:grid;grid-template-rows:auto minmax(52px,.85fr) auto auto minmax(72px,1fr);gap:4px;min-height:0;padding:10px 12px;overflow:auto}.combatant-hud .pilot-heading{display:block}.combatant-hud .pilot-heading strong{display:block;font-size:1.1rem;font-weight:600}.combatant-hud .pilot-heading span{display:block;font-size:.68rem}.ship-monitor{display:grid;grid-template-columns:8px minmax(0,1fr) 8px;grid-template-rows:minmax(0,1fr);gap:8px;min-height:0}.opponent-ship{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;background:#101923}.vertical-meter{position:relative;background:var(--cp-border);overflow:hidden}.vertical-meter i{position:absolute;bottom:0;display:block;width:100%;height:calc(var(--fill, 1) * 100%);background:var(--cp-success)}.vertical-meter.energy i{background:var(--cp-accent)}.vertical-meter:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0 5px,var(--cp-panel-strong) 5px 7px)}.opponent-readings{display:flex;justify-content:space-between;gap:8px;font-size:.65rem;color:var(--cp-text-soft)}.opponent-readings>span:last-child{text-align:right}.opponent-readings strong{display:block;font-size:.85rem;color:var(--cp-text);font-variant-numeric:tabular-nums}.opponent-readings small{font-size:.65rem;font-weight:400}.combatant-hud .ability-status{margin:0;font-size:.68rem}.opponent-pilot{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:4px;min-height:0;margin:0;padding-top:4px;border-top:1px solid var(--cp-border)}.pilot-portrait{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#101923}.opponent-pilot figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.opponent-pilot figcaption strong{font-size:.8rem;font-weight:600}.opponent-pilot figcaption span{font-size:.68rem;color:var(--cp-text-soft)}.combatant-hud[data-condition=critical] .health i{background:var(--cp-danger)}.combatant-hud[data-condition=destroyed] .opponent-ship,.combatant-hud[data-condition=destroyed] .pilot-portrait{filter:grayscale(1);opacity:.45}.match-center{justify-self:center;align-self:start;display:flex;align-items:center;gap:16px;pointer-events:auto;padding:6px 12px;border-radius:.625rem;background:var(--cp-panel-strong)}.match-center span{font-size:.85rem;font-variant-numeric:tabular-nums}.match-center button{min-height:32px;padding:2px 8px;font-size:.75rem}body[data-screen=battle] .masthead,body[data-screen=countdown] .masthead,body[data-screen=paused] .masthead,body[data-screen=results] .masthead{display:none}.center-stage{margin:auto;align-self:center;text-align:center}.countdown{padding:24px 48px;background:var(--cp-panel-strong);border:1px solid var(--cp-border);border-radius:16px}.countdown strong{display:block;font-size:6rem;line-height:1;font-weight:400;font-variant-numeric:tabular-nums}.countdown p{margin-top:16px}.result-panel{text-align:center}.result-panel h1{font-size:3.2rem}.result-panel .button-row{justify-content:center}.result-panel>p{margin-top:16px}.danger{color:var(--cp-danger)}.error-panel{margin:auto}.error-panel h1{font-size:2.6rem}@media(prefers-reduced-motion:no-preference){.menu-panel{animation:settle .45s cubic-bezier(.16,1,.3,1) both}@keyframes settle{0%{transform:translateY(8px);clip-path:inset(0 0 2% 0 round 16px)}to{transform:none;clip-path:inset(0 round 16px)}}}@media(max-height:800px){#screen{inset:89px 24px 52px}.setup-panel{padding:20px 24px}.setup-panel .back{margin-bottom:8px;min-height:24px}.setup-panel h1{font-size:2rem}.mode-switch{margin:4px 0}.pilot-select,.pilot-select label{margin-bottom:4px}.loadout{margin-top:8px;padding-top:8px}.stats{margin:8px 0}.menu-panel>.primary{margin-top:16px}}@media(max-width:900px){.masthead{padding:12px 20px}.masthead nav button{font-size:.8rem;padding:8px 10px}#screen{inset:89px 20px 52px}.menu-panel{width:min(390px,100%);padding:24px}.home-panel h1{font-size:3rem}.ship-caption{width:240px;right:0;padding:16px}.ship-caption small{display:none}#hud{top:12px;left:12px;right:12px}#combat-panel{inset:60px 12px auto;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:8px}.pilot-hud{padding:10px}.pilot-heading,.pilot-heading span{display:block}.combatant-hud{display:block;overflow:visible}.combatant-hud .pilot-heading strong{font-size:1rem}.combatant-hud .pilot-heading span{font-size:.65rem}.ship-monitor{height:48px;margin-top:6px;gap:4px;grid-template-columns:6px minmax(0,1fr) 6px}.opponent-readings{margin-top:4px;font-size:.6rem}.opponent-readings strong{font-size:.75rem}.combatant-hud .ability-status{margin-top:4px}.opponent-pilot{display:flex;gap:8px;align-items:center;margin-top:8px;padding-top:8px}.pilot-portrait{width:42px;height:42px}.opponent-pilot figcaption{display:block;margin:0}.opponent-pilot figcaption strong,.opponent-pilot figcaption span{display:block;font-size:.65rem}.match-center{padding:4px 6px;gap:4px}.settings-panel{width:min(600px,100%)}}@media(max-width:620px){.wordmark{font-size:.85rem;gap:4px;letter-spacing:.08em}.brand-orbit{display:none}.masthead{gap:8px;padding:10px 12px}#screen{inset:82px 12px 54px;align-items:end}.menu-panel{max-height:72%;width:100%;padding:20px}.menu-panel h1{font-size:2.3rem;max-width:none}.home-panel>p{margin-top:12px}.home-panel .small-note{margin-top:12px}.ship-caption{display:none}.fleet-panel,.setup-panel,.settings-panel{max-height:100%}.statusbar{padding:10px 12px;font-size:.65rem}.statusbar #status-label{max-width:70%}.bindings th,.bindings td{padding:6px 2px}.bindings button{min-width:76px;padding:8px}input[type=range]{width:100px}.settings-row{gap:12px}.pilot-heading strong{font-size:.75rem}.meter-row{grid-template-columns:25px 1fr 26px;gap:4px;font-size:.6rem}.ability-status{font-size:.6rem}.center-stage{align-self:center}}