.stats-cell{min-width:140px}.stats-bar{background:#4fb8c4;border-radius:0 3px 3px 0;height:6px;margin-top:4px;display:block}.health-down{border-left:4px solid #e26d5a}.health-up{border-left:4px solid #5ec27a}[data-testid=health-checks] tr[data-ok=false] td:first-of-type{color:#f0a39a;font-weight:600}[data-testid=health-alerts] li[data-kind=down]{color:#f0a39a}.record-badge-wrap{pointer-events:auto;flex:none;margin-left:auto;position:relative}.record-badge{color:#d4e9ef;max-width:min(46vw,460px);min-height:44px;font:inherit;cursor:pointer;background:#08121ab8;border:1px solid #78c8d24d;border-radius:22px;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:13px;display:inline-flex}.record-badge:hover,.record-badge[aria-expanded=true]{background:#0c1c26db;border-color:#78dce6b3}.record-badge:focus-visible{outline-offset:2px;outline:2px solid #7fe3ee}.record-ring{flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.record-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.record-ring-track,.record-ring-fill{fill:none;stroke-width:3px}.record-ring-track{stroke:#78c8d233}.record-ring-fill{stroke:#6fd8e2;stroke-linecap:round;transition:stroke-dasharray .6s ease-out}.record-ring-level{font-size:12px;font-weight:700;position:relative}.record-badge-stars{color:#f1d27a;white-space:nowrap}.record-badge-last{color:#a9c2cc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=1099px){.record-badge-last{display:none}}.record-panel{z-index:6;color:#d4e9ef;background:#070f16f5;border:1px solid #78c8d259;border-radius:12px;width:min(340px,100vw - 32px);max-height:calc(100svh - 80px);padding:14px 16px 16px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.record-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.record-panel h2{margin:0;font-size:17px}.record-panel h3{color:#a9c2cc;letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:600}.record-close{color:#d4e9ef;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:1px solid #2d4b58;border-radius:8px;padding:0 10px;font-size:13px}.record-level,.record-stars,.record-last,.record-share{border-top:1px solid #78c8d226;padding:10px 0}.record-level-head,.record-stars{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.record-stars strong{color:#f1d27a}.record-bar{background:#78c8d22e;border-radius:3px;height:6px;margin:6px 0 4px;overflow:hidden}.record-bar span{background:#6fd8e2;border-radius:3px;height:100%;transition:width .6s ease-out;display:block}.record-note{color:#a9c2cc;margin:2px 0 0;font-size:12px}.record-last-result{margin:0;font-size:15px;font-weight:600}.record-last-victory{color:#8fe3a8}.record-last-defeat{color:#f0a49a}.record-highlights{flex-wrap:wrap;gap:4px 12px;margin:6px 0 0;font-size:13px;display:flex}.record-earned{color:#6fd8e2}@media (pointer:coarse){.record-close{min-height:44px}}@media (prefers-reduced-motion:reduce){.record-ring-fill,.record-bar span{transition:none}}:root{color:#dbe6eb;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a121a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}:root[data-island=left]{--safe-right:min(env(safe-area-inset-right,0px), 20px)}:root[data-island=right]{--safe-left:min(env(safe-area-inset-left,0px), 20px)}main.match-page{padding-left:var(--safe-left);padding-right:var(--safe-right)}button,select{font:inherit;color:#c7d6de;background:#172630;border:1px solid #2b414d;border-radius:5px;padding:8px 11px;font-size:12px}button{cursor:pointer;white-space:nowrap}button:hover{background:#213843}button:disabled{opacity:.35;cursor:default}:where(a[href],button,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:2px;outline:3px solid #66dec4;box-shadow:0 0 0 2px #04090d}.menu-file:has(input:focus-visible){outline-offset:2px;outline:3px solid #66dec4;box-shadow:0 0 0 2px #04090d}button.primary{color:#c9fff0;background:#24584f;border-color:#397e6e}main{flex-direction:column;height:100svh;padding:0;display:flex;overflow:hidden}.masthead{background:#0b1520;border-bottom:1px solid #20303b;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:7px 12px;display:flex;position:relative}.brand{color:inherit;letter-spacing:2px;align-items:center;gap:8px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.brand-logo{width:auto;height:72px;margin-block:-6px;display:block}.masthead .brand-logo{height:36px;margin-block:-6px}.version{letter-spacing:.5px;color:#6f8b98;border:1px solid #22323d;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.phase,.state,footer,.telemetry h2{letter-spacing:1.5px;color:#849da9;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.intro{padding:32px 0 26px}h1{letter-spacing:-.8px;margin:0 0 9px;font-size:clamp(24px,2.5vw,35px);font-weight:500}.intro p{color:#8ba0ad;margin:0;font-size:13px;line-height:1.6}.workspace{background:#0d1821;border:1px solid #2b3d48;border-radius:9px;overflow:hidden}.toolbar{border-bottom:1px solid #2b3d48;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.range-label{align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:600;display:flex}.mission-label{white-space:nowrap;text-overflow:ellipsis;color:#9fb4bd;font-weight:500;overflow:hidden}.status{background:#79d5b3;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #79d5b355}.status.paused{box-shadow:none;background:#f6bc7d}.state{margin-left:6px;font-size:9px}.controls{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;display:flex}.controls-setup{display:none}.controls-setup.open{z-index:70;width:min(380px,100vw - 16px);max-height:calc(100svh - 76px - env(safe-area-inset-bottom));overscroll-behavior:contain;background:#0e1a22;border:1px solid #22323c;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:absolute;top:100%;right:8px;overflow-y:auto;box-shadow:0 12px 28px #00000080}.controls-setup.open .control-field{flex-wrap:wrap;margin-right:0}.settings-group{border-top:1px solid #1c2a33;flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.settings-exit{color:#cfe7ef;align-self:center}.controls-setup.open .settings-actions{z-index:1;background:#0e1a22;margin:0 -14px -12px;padding:10px 14px 12px;position:sticky;bottom:-12px}.setup-toggle{align-items:center;margin-left:auto;display:inline-flex}.dev-fields{display:contents}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-group .surrender{color:#f0a39a;border-color:#5a2f2b}.settings-group .settings-exit{color:#cfe7ef;border:1px solid #2a3c47;border-radius:6px;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.setup-toggle.gear-lit{animation:1s ease-in-out 3 gear-lit;box-shadow:0 0 0 2px #3aa7a0,0 0 14px #3aa7a0aa}@keyframes gear-lit{50%{box-shadow:0 0 0 4px #3aa7a0,0 0 22px #3aa7a0}}.keys-intro .menu-primary{margin-top:8px}.switch{color:#cfe7ef;background:0 0;border:1px solid #2a3c47;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 12px;display:inline-flex}.switch-track{background:#33444f;border-radius:999px;width:30px;height:16px;transition:background .15s;position:relative}.switch-thumb{background:#cfe7ef;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true] .switch-track{background:#3aa7a0}.switch[aria-checked=true] .switch-thumb{transform:translate(14px)}.switch-state{color:#8ba0ad;min-width:2em;font-size:11px}.switch-note{color:var(--warning,#e0b050);font-size:11px}.touch-tips-list{gap:6px;margin:0;padding-left:1.1rem;display:grid}.control-field{color:#8ba0ad;align-items:center;gap:7px;margin-right:8px;font-size:11px;display:flex;position:relative}.range-body{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 238px;min-height:0;display:grid}.range-body-wide{grid-template-columns:minmax(0,1fr) 0}.range-body{transition:grid-template-columns .18s}.telemetry-away{border-left-width:0;width:0;padding-left:0;padding-right:0;transition:width .18s,padding .18s;overflow:hidden}@media (prefers-reduced-motion:reduce){.range-body,.telemetry-away{transition:none}}.viewport{min-height:340px;position:relative;overflow:hidden}.hud-top{color:#a1c4c5;pointer-events:none;background:linear-gradient(#070f16e0,#070f1600);flex-direction:column;gap:4px;padding:8px 104px 16px 12px;font-size:14px;display:flex;position:absolute;top:0;left:0;right:0}.status-line{color:#9fc0cc;flex-wrap:wrap;gap:14px;display:flex}.stage-bottom{pointer-events:none;bottom:0;left:0;right:0;top:var(--hud-clear,auto);flex-direction:column;display:flex;position:absolute}.stage-bottom>.command-panel{flex-shrink:0}.command-panel button,.command-panel select,.command-panel label,.minimap{pointer-events:auto}.stage-bottom-row{flex:auto;justify-content:space-between;align-items:flex-end;gap:12px;min-height:0;padding:0 12px 10px;display:flex}.command-panel{pointer-events:none;background:#08121ceb;border-top:1px solid #23394a;flex-wrap:wrap;align-items:center;gap:8px 14px;max-height:46%;padding:8px 12px;display:flex;overflow-y:auto}.panel-group{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.command-icon{vertical-align:-6px;image-rendering:auto;width:22px;height:22px;margin-right:6px}.panel-group-selection{flex:1 1 0;min-width:min(100%,22rem)}.panel-group-building{flex:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,auto);grid-template-areas:"title title""orders queue";align-items:start;column-gap:14px;display:grid}.panel-group-building>.panel-title{grid-area:title}.panel-orders{flex-wrap:wrap;grid-area:orders;align-items:center;gap:7px;display:flex}.panel-queue{border-left:1px solid #24384a;grid-area:queue;width:min(33vw,19rem);max-width:33vw;max-height:5.5rem;padding-left:14px;overflow-y:auto}.panel-queue .queue,.panel-queue .queue-empty{margin-bottom:0}.panel-queue-row{align-items:flex-start;gap:7px;display:flex}.queue-cancel{flex:none;padding:3px 5px;line-height:0}@media (width<=640px){.panel-group-building{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""orders""queue";row-gap:7px}.panel-queue{border-left:0;width:auto;max-width:none;padding-left:0}}.panel-group+.panel-group{border-left:1px solid #24384a;padding-left:14px}.panel-title{letter-spacing:1.4px;text-transform:uppercase;color:#85a4b1;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px}.panel-title strong{color:#c9fff0}@media (width<=640px){.selection-doing{display:none}}.panel-view{margin-left:auto}.panel-orders>.touch-controls{flex-wrap:nowrap;margin-left:auto}.panel-orders>.panel-view{margin-left:0}.toasts{pointer-events:none;overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;align-items:flex-start;gap:6px;min-height:0;max-height:100%;display:flex;overflow-y:auto}.toasts>:first-child{margin-top:auto}.toast{color:#cfe7ee;background:#0d2130f2;border:1px solid #2c4a5c;border-radius:7px;padding:6px 11px;font-size:11px;transition:opacity .5s}.toast-gone{opacity:0}.caption{color:#f2ead8;background:#1a1f28f0;border:1px solid #4a5566;border-radius:7px;margin:0;padding:6px 11px;font-size:12px;font-style:italic;transition:opacity .4s}.caption:not(.caption-gone):before{content:"“"}.caption:not(.caption-gone):after{content:"”"}.caption-gone{opacity:0}.step-line{color:#1b1b1b;background:#f4ecd8f2;border:2px solid #1b1b1b;border-radius:9px;max-width:min(460px,80vw);margin:0;padding:8px 12px;font-size:13px;line-height:1.35}.step-line .comic-speaker{letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.75em;font-weight:700;display:block}.step-line-character{grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:start;column-gap:10px;padding-left:8px;display:grid}.step-line-character .portrait{grid-row:1/span 2}.step-line-character .step-line-text{grid-column:2}.portrait{background:var(--portrait-tone,#c9bfa8);color:#1b1b1b;letter-spacing:.02em;border:2px solid #1b1b1b;border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.portrait-line{width:60px;height:60px;font-size:22px}.portrait-inset{width:38px;height:38px;font-size:14px}.portrait-card{width:64px;height:64px;font-size:24px}@media (height<=500px){.portrait-line{width:44px;height:44px;font-size:17px}}.toast-alarm{pointer-events:auto;cursor:pointer;color:#ffd9d4;background:#2a0f12f2;border-color:#b8433a;font-family:inherit}.toast-alarm:hover,.toast-alarm:focus-visible{background:#3d151af2}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.display-bar{border-bottom:1px solid #2b3d48;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 20px;font-size:12px;display:flex}.display-bar span{color:#8ba0ad}.view-controls{gap:6px;display:flex;position:absolute;top:12px;right:12px}.view-controls button{background:#172630ee;width:44px;height:44px;font-size:22px}canvas{touch-action:none;width:100%;height:100%;display:block}.viewport>canvas{position:absolute;inset:0}canvas.aiming{cursor:crosshair}canvas:not(.aiming)[data-intent=attack],canvas:not(.aiming)[data-intent=attack-structure]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7' fill='none' stroke='%23101418' stroke-width='4'/%3E%3Ccircle cx='12' cy='12' r='7' fill='none' stroke='%23ff5a4f' stroke-width='2'/%3E%3Cpath d='M12 1v6M12 17v6M1 12h6M17 12h6' stroke='%23ff5a4f' stroke-width='2'/%3E%3C/svg%3E") 12 12,crosshair}canvas:not(.aiming)[data-intent=gather]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l7 9-7 9-7-9z' fill='%2366dec4' stroke='%23101418' stroke-width='2'/%3E%3C/svg%3E") 12 12,pointer}canvas:not(.aiming)[data-intent=return-cargo]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 11l8-7 8 7v9H4z' fill='%2366dec4' stroke='%23101418' stroke-width='2'/%3E%3C/svg%3E") 12 12,pointer}canvas:not(.aiming)[data-intent=assist]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' fill='none' stroke='%23101418' stroke-width='4' stroke-dasharray='4 3'/%3E%3Crect x='3' y='3' width='18' height='18' rx='2' fill='none' stroke='%23f2b84b' stroke-width='2' stroke-dasharray='4 3'/%3E%3C/svg%3E") 12 12,pointer}canvas:not(.aiming)[data-intent=load]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h16v10H4z' fill='%2366dec4' stroke='%23101418' stroke-width='2'/%3E%3Cpath d='M12 2v10M8 8l4 4 4-4' stroke='%23101418' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") 12 12,pointer}canvas:not(.aiming)[data-intent=raise]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v9a4 4 0 1 1-4 4' fill='none' stroke='%23101418' stroke-width='4'/%3E%3Cpath d='M12 2v9a4 4 0 1 1-4 4' fill='none' stroke='%23e8b04a' stroke-width='2'/%3E%3C/svg%3E") 12 12,pointer}canvas:not(.aiming)[data-intent=follow]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='16' r='4' fill='%239ec7ff' stroke='%23101418' stroke-width='2'/%3E%3Ccircle cx='16' cy='8' r='4' fill='%2366dec4' stroke='%23101418' stroke-width='2'/%3E%3Cpath d='M10 14l4-4' stroke='%23101418' stroke-width='2'/%3E%3C/svg%3E") 12 12,pointer}canvas:not(.aiming)[data-intent=pick-up]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l5 5.5-5 5.5-5-5.5z' fill='%238ce6ff' stroke='%23101418' stroke-width='2'/%3E%3Cpath d='M3 15h5l2 2h5l4-3' fill='none' stroke='%23101418' stroke-width='4'/%3E%3Cpath d='M3 15h5l2 2h5l4-3' fill='none' stroke='%238ce6ff' stroke-width='2'/%3E%3Cpath d='M3 21h11l6-5' fill='none' stroke='%23101418' stroke-width='4'/%3E%3Cpath d='M3 21h11l6-5' fill='none' stroke='%238ce6ff' stroke-width='2'/%3E%3C/svg%3E") 12 7,pointer}canvas:not(.aiming)[data-intent=repair]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%2366dec4' stroke='%23101418' stroke-width='2'/%3E%3Cpath d='M12 7v10M7 12h10' stroke='%23101418' stroke-width='3'/%3E%3C/svg%3E") 12 12,pointer}canvas:focus-visible{outline-offset:-3px;box-shadow:none;outline:2px solid #66dec4}.selection-box{pointer-events:none;background:#65dab51c;border:1px solid #92ffd6;position:absolute}.economy-hud{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.economy-hud strong{color:#c9fff0;font-size:15px;font-weight:600}.reading{align-items:center;gap:6px;display:inline-flex}.reading-icon{opacity:.9;width:18px;height:18px}.named{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.telemetry{background:#101d27;border-left:1px solid #2b3d48;padding:16px 16px 24px;overflow-y:auto}.telemetry-copy{width:100%;margin-top:12px;display:block}.telemetry-copy-text{box-sizing:border-box;color:#dbe7ec;background:#0b151d;border:1px solid #2b3d48;width:100%;margin-top:8px;font:11px/1.4 ui-monospace,SFMono-Regular,monospace;display:block}.telemetry h2{margin:0;font-weight:500}.fps{flex-direction:column;gap:3px;margin:19px 0 22px;display:flex}.fps strong{font-variant-numeric:tabular-nums;color:#82debf;letter-spacing:-2px;font-size:48px;font-weight:400;line-height:1}.fps span{color:#8ba0ad;font-size:11px}dl{grid-template-columns:1fr auto;gap:15px 8px;margin:0;font-size:10px;display:grid}dt{color:#8ba0ad}dd{font-variant-numeric:tabular-nums;margin:0;font-family:ui-monospace,SFMono-Regular,monospace}.device{color:#8ba0ad;border-top:1px solid #283a46;margin-top:24px;padding-top:17px;font-size:10px}.device p{color:#c6d3d9;margin-bottom:0;line-height:1.5}.tick-rate{color:#78c4aa;margin-top:20px;font-size:10px}.range-note{color:#8ba0ad;border-top:1px solid #2b3d48;flex:none;max-height:40svh;padding:8px 14px;font-size:11px;line-height:1.6;overflow-y:auto}.range-note summary{cursor:pointer;letter-spacing:1.4px;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.range-note p{max-width:96ch;margin:8px 0 0}footer{justify-content:space-between;gap:15px;padding:21px 0 28px;font-size:9px;display:flex}.error{text-align:center;background:#171f28;border:1px solid #a26652;border-radius:8px;place-items:center;padding:25px;display:grid;position:absolute;inset:20%}@media (width<=950px){main{height:auto;min-height:100svh;overflow:visible}.range-body{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,auto)}.telemetry{border-top:1px solid #2b3d48;border-left:0;padding:16px 14px}.range-body-wide{grid-template-columns:minmax(0,1fr)}.telemetry-away{border-top-width:0;height:0;padding-top:0;padding-bottom:0}}@media (width<=640px){.control-field label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.masthead{gap:6px 10px;padding:8px}.masthead [data-testid=editor-link]{display:none}.masthead .surrender,.masthead .surrender-ask button{min-height:32px}.range-body{grid-template-columns:1fr}.viewport{min-height:clamp(280px,52svh,560px)}.telemetry{border-top:1px solid #2b3d48;border-left:0}dl{gap:12px}.fps{margin:16px 0}.controls,.control-field,.control-field select{min-width:0;max-width:100%}button,select{min-height:44px}.controls{gap:6px}.setup-toggle{align-items:center;display:inline-flex}.controls-setup{display:none}.controls-setup.open{z-index:70;background:#0e1a22;border:1px solid #22323c;border-radius:10px;flex-wrap:wrap;gap:8px 12px;padding:12px;display:flex;position:absolute;top:100%;left:8px;right:8px;box-shadow:0 12px 28px #00000080}.masthead{position:relative}.controls-setup.open .control-field{flex-direction:column;align-items:flex-start;gap:3px}.controls-setup.open .control-field label{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}@media (height<=600px) and (orientation:landscape){.viewport{min-height:260px}}@media (height<=500px) and (width<=950px){.viewport{min-height:max(260px,100svh - 56px)}}@media (height<=500px){.command-panel .command-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.command-panel .command-icon{margin-right:0}.command-panel .command-key{display:none}.command-panel{gap:6px 10px;max-height:none;padding:6px 10px}.command-panel button{justify-content:center;min-width:44px}main .minimap{width:104px;height:104px}.stage-bottom-row{padding-bottom:6px}}.touch-controls{display:none}.touch-device .touch-controls{display:flex}.touch-device button,.touch-device select{min-height:44px}@media (any-pointer:coarse){button,select{min-height:44px}.touch-controls{display:flex}}.match-page:not(.touch-device) .command-panel:not([data-context=none]) .touch-controls{display:flex}.match-page:not(.touch-device) .touch-controls>:not([data-deselect]){display:none}.hint{z-index:20;pointer-events:none;color:#d9ecf3;pointer-events:none;background:#0b1e29f7;border:1px solid #33566a;border-radius:8px;max-width:min(320px,82vw);padding:8px 11px;font-size:12px;line-height:1.45;position:fixed;top:0;left:0;box-shadow:0 8px 22px #00000073}.hint[hidden]{display:none}.cost{opacity:.72;font-variant-numeric:tabular-nums;margin-left:.45em;font-size:.85em}.ack-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cargo-label{color:#8ce6ff;white-space:nowrap;background:#081e2ad1;border-radius:6px;margin:-46px 0 0;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:0;left:0;translate:-50%}.cargo-label.cargo-dropped{border:1px dashed #8ce6ff;margin-top:-22px}.cargo-label .cargo-hint{color:#d8f6ff;font-size:10px;font-weight:500;display:block}.cargo-label:has(.cargo-hint){text-align:center;margin-top:-36px}.cargo-list{color:#8ce6ff;margin:4px 0 0;padding:0;list-style:none}.cargo-mark{margin-right:4px}.unit-name{color:#f3e9c6;letter-spacing:.02em;white-space:nowrap;background:#07231cc7;border-radius:6px;margin:-30px 0 0;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:0;left:0;translate:-50%}.ack{color:#07231c;white-space:nowrap;background:#e9faf4f2;border-radius:10px;margin:-46px 0 0 -2px;padding:4px 9px;font-size:12px;font-weight:600;transition:opacity .4s;position:absolute;top:0;left:0;translate:-50%;box-shadow:0 2px 8px #00000059}.ack:after{content:"";border:5px solid #0000;border-top-color:#e9faf4f2;border-bottom:0;margin-left:-5px;position:absolute;bottom:-5px;left:50%}.ack-refusal{color:#3a1305;background:#ffe2d6f5}.ack-refusal:after{border-top-color:#ffe2d6f5}.ack-fading{opacity:0}@media (prefers-reduced-motion:reduce){.ack{transition:none}}.minimap{cursor:crosshair;touch-action:none;border:1px solid #e9faf440;border-radius:6px;width:160px;height:160px;margin-left:auto}.minimap-holder{margin-left:auto;display:flex;position:relative}.minimap-holder .minimap{margin-left:0}.map-legend{white-space:nowrap;color:#e9faf4;pointer-events:none;background:#071216b8;border:1px solid #e9faf440;border-radius:6px;margin:0 0 4px;padding:4px 8px;font-size:12px;line-height:1.5;list-style:none;position:absolute;bottom:100%;right:0}.legend-swatch{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.match-result{--edge:12px;z-index:75;box-sizing:border-box;width:min(680px, calc(100vw - 2 * var(--edge)));max-height:calc(100svh - 2 * var(--edge) - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;text-align:center;background:#07141aeb;border:1px solid #e9faf433;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px 28px;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;translate:-50% -50%}.match-result strong{font-size:1.8rem}.summary-body{display:contents}.summary-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (height<=520px){.match-result{--edge:8px;gap:8px;padding-block:12px}.match-result .summary-actions{margin-bottom:-12px;bottom:-12px}}.match-result .summary-actions{background:#07141af7;border-top:1px solid #e9faf41f;align-self:stretch;margin:0 -28px -20px;padding:12px 28px 16px;position:sticky;bottom:-20px}.match-result.summary-comic{--room-h:calc(100svh - 2 * var(--edge) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 18px - 84px);--page-w:min(48%, calc(var(--room-h) / var(--page-shape)), 640px);grid-template-columns:var(--page-w) minmax(0, 1fr);width:min(1240px, calc(100vw - 2 * var(--edge)));grid-template-rows:minmax(0,1fr) auto;align-items:start;gap:0 22px;padding:18px 22px 0;display:grid;overflow:hidden}.summary-comic-1{--page-shape:1}.summary-comic-2{--page-shape:.5}.summary-comic-3{--page-shape:1.5}.summary-page{grid-area:1/1;align-self:start;padding-bottom:14px}.summary-comic .summary-body{overscroll-behavior:contain;flex-direction:column;grid-area:1/2;align-items:center;gap:12px;min-height:0;max-height:100%;padding-bottom:14px;display:flex;overflow-y:auto}.match-result.summary-comic .summary-actions{grid-area:2/1/auto/-1;margin:0 -22px;padding:12px 22px 16px;position:static}@media (height<=520px){.match-result.summary-comic{column-gap:14px;padding:10px 14px 0}.match-result.summary-comic .summary-actions{margin:0 -14px;padding:8px 14px 10px}.match-result.summary-comic strong{font-size:1.4rem}}.summary-length{color:#9fb3bb;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.summary-graphs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.summary-graph{text-align:left;margin:0}.summary-graph figcaption{color:#9fb3bb;justify-content:space-between;font-size:11px;display:flex}.summary-peak{color:#cfe3ea}.summary-graph svg{border-bottom:1px solid #22323c;width:100%;height:46px;margin-top:4px}.summary-sides{text-align:left;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;width:100%;display:grid}.summary-side h3{border-bottom:2px solid var(--side,#ff8740);letter-spacing:.06em;text-transform:uppercase;color:#e4efe9;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;padding-bottom:4px;font-size:13px;font-weight:600;display:flex}.summary-swatch{background:var(--side,#ff8740);border-radius:2px;flex:none;width:9px;height:9px;margin-right:6px}.summary-side h3>span:first-child+*{margin-left:0}.summary-side h3 strong{color:#e9faf4;font-size:1.15rem}.summary-side dl{color:#9fb3bb;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;margin:0;font-size:12px;display:grid}.summary-side dd{color:#e9faf4;text-align:right;margin:0}.summary-parts{color:#9fb3bb;border-top:1px solid #22323c;margin:8px 0 0;padding:8px 0 0;font-size:12px;list-style:none}.summary-parts li{justify-content:space-between;gap:10px;display:flex}.summary-parts span{color:#cfe3ea}@media (width<=640px){.summary-graphs{grid-template-columns:minmax(0,1fr)}.minimap{width:104px;height:104px}}.lab{gap:24px;max-width:1080px;height:auto;margin:0 auto;padding:24px 16px 64px;display:grid;overflow:visible}.lab .masthead{border:0;padding:0;display:block}.lab h1{letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:20px}.lab p{color:#9fc0cd;max-width:68ch;margin:0;font-size:13px;line-height:1.5}.lab-panel{background:#0b1a22;border:1px solid #1d3441;border-radius:10px;gap:14px;padding:16px;display:grid}.lab-kinds{flex-wrap:wrap;gap:8px;display:flex}.lab-kinds button[aria-pressed=true]{color:#d9f7ef;border-color:#2fd2b2}.lab-totals{grid-template-columns:repeat(4,auto 1fr);align-items:baseline;gap:6px 10px;margin:0;font-size:13px;display:grid}.lab-totals dt{color:#7ea3b3;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.lab-totals dd{font-variant-numeric:tabular-nums;margin:0}.budget-ok{color:#2fd2b2}.budget-off{color:#ffb347}.lab-fields{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lab-fields li{grid-template-columns:130px 1fr 110px;align-items:center;gap:12px;font-size:12px;display:grid}.lab-fields input[type=range]{width:100%}.lab-fields output{font-variant-numeric:tabular-nums;color:#d9ecf3}.lab pre{color:#cfe6ef;background:#061219;border:1px solid #162d38;border-radius:8px;margin:0;padding:12px;font-size:12px;overflow-x:auto}.lab-table{border-collapse:collapse;width:100%;font-size:12px}.lab-table th,.lab-table td{text-align:left;font-variant-numeric:tabular-nums;border-bottom:1px solid #162d38;padding:6px 8px}.lab-table th{color:#7ea3b3;text-transform:uppercase;letter-spacing:.08em;font-size:11px}@media (width<=640px){.lab-fields li{grid-template-columns:1fr;gap:4px}.lab-totals{grid-template-columns:auto 1fr}}.editor{height:100vh;padding:.5rem max(.75rem, var(--safe-right)) .5rem max(.75rem, var(--safe-left));box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.editor .masthead{flex:none}.editor-hint{color:#9fb4bd;flex:none;margin:.2rem 0 .4rem;font-size:.8rem}.editor-layouts-note{color:#9fb4bd;margin:.2rem 0 .4rem;font-size:.8rem}.editor-body{flex:1;grid-template-columns:11.5rem minmax(0,1fr) 19rem;gap:.75rem;min-height:0;display:grid}.editor-tools{flex-direction:column;gap:.3rem;display:flex;overflow-y:auto}.editor-tools .tool{text-align:left;color:#d7e6ec;cursor:pointer;background:#0d1a20;border:1px solid #23434f;border-radius:.3rem;padding:.35rem .5rem;font-size:.8rem}.editor-tools .tool-on{color:#29d9c2;border-color:#29d9c2}.editor-tools .tool{align-items:center;gap:.4rem;display:flex}.editor-tools .tool-icon{flex:none}.editor-tools .tool-group{flex-direction:column;gap:.25rem;display:flex}.editor-tools .tool-group-head{letter-spacing:.06em;text-transform:uppercase;color:#8aa3ad;margin:.45rem 0 .1rem;font-size:.68rem;font-weight:600}.editor-tools .tool-side{border-left:3px solid var(--side-colour);flex-direction:column;gap:.2rem;padding-left:.4rem;display:flex}.editor-tools .editor-building-top{display:none}.editor-tools .tool-side-name{color:var(--side-colour);font-size:.72rem}.editor-map{flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;min-height:0;display:flex}.editor-canvas{cursor:crosshair;aspect-ratio:1;touch-action:manipulation;border:1px solid #23434f;border-radius:.3rem;width:auto;max-width:100%;height:auto;max-height:100%}.editor-state{min-height:0;padding-right:.25rem;overflow-y:auto}.editor-fold{border-top:1px solid #23434f;margin-top:.75rem;padding-top:.5rem}.editor-fold>summary{cursor:pointer;color:#d7e6ec;font-weight:600}.studio-page .studio-lists{max-width:44rem;margin:0 auto;padding:0 16px 2rem}.studio-list{margin:.25rem 0 1rem;padding-left:1.4rem}.studio-list li{border-bottom:1px solid #d7e6ec1f;justify-content:space-between;gap:1rem;padding:.2rem 0;display:flex}.studio-edited{color:#f0c14b}.studio-away{max-width:36rem;margin:1rem auto;padding:0 16px}.studio-open,.studio-campaign{flex-wrap:wrap;align-items:end;gap:.4rem;display:flex}.studio-open select{max-width:100%}.studio-check{margin:.25rem 0 0;padding-left:1.1rem;font-size:.85rem}.studio-check li[data-status=fail] strong{color:#ff9b8f}.editor-fold .mission-panel{border-top:0;margin-top:.25rem;padding-top:0}.editor-fold .mission-panel>h2,.editor-tools .editor-tool-pick{display:none}@media (width<=700px),(height<=500px){.editor-tools .editor-tool-pick{display:flex}.editor-tools .tool,.editor-tools .tool-group{display:none}.editor-tools .editor-building-top{display:block}.editor .editor-solid-frame{flex:none;height:min(92vw,60vh);min-height:0}.editor .editor-solid{min-height:0}}@media (width<=900px){.editor{height:auto;overflow:visible}.editor-body{grid-template-columns:1fr}.editor-tools{flex-flow:wrap}}.editor-actions{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.editor-actions button{color:#d7e6ec;cursor:pointer;background:#0d1a20;border:1px solid #23434f;border-radius:.3rem;padding:.35rem .6rem;font-size:.8rem}.editor-actions button:disabled{opacity:.4;cursor:default}.editor-file{display:none}.editor-notice{color:#ffb26b}.editor-ready{color:#29d9c2}.editor-problems{color:#ff8a8a;padding-left:1.1rem}.editor-advice{color:#ffb347;padding-left:1.1rem}.editor-advice-note{color:#9fb3bb;margin:0 0 .3rem;font-size:.8rem}.editor-return{color:#29d9c2;margin-left:.6rem;font-size:.85rem}.queue{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;max-width:17rem;margin:0 0 .4rem;padding:0;list-style:none;display:grid}.queue-item{color:#9fb4bd;background:#0d1a20;border:1px solid #23434f;border-radius:.25rem;padding:.15rem .4rem;font-size:.75rem;position:relative;overflow:hidden}.queue-making{color:#d7e6ec;border-color:#29d9c2}.queue-bar{pointer-events:none;background:#29d9c238;position:absolute;inset:0 auto 0 0}.queue-percent{color:#29d9c2;margin-left:.3rem}.queue-empty{color:#6d8590;margin:0 0 .4rem;font-size:.75rem}.editor-link{color:#29d9c2;border:1px solid #23434f;border-radius:.25rem;padding:.15rem .5rem;font-size:.8rem;text-decoration:none}.editor-link:hover{border-color:#29d9c2}.mission-panel{border-top:1px solid #23434f;margin-top:1rem;padding-top:.75rem}.mission-field{color:#9fb4bd;flex-direction:column;gap:.2rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.mission-field input,.mission-field textarea,.mission-field select,.mission-objective select,.mission-objective input{color:#d7e6ec;background:#0d1a20;border:1px solid #23434f;border-radius:.25rem;padding:.25rem .4rem}.mission-objectives{padding-left:1.1rem}.mission-objective{flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.4rem;display:flex}.mission-objective .mission-field{flex-direction:row;align-items:center;margin:0}.mission-objective .mission-field input{width:5rem}.mission-objective .mission-hidden input{width:auto}.mission-step{border-bottom:1px solid #1b333d;margin-bottom:.6rem;padding-bottom:.4rem}.mission-objective input.mission-step-text{flex:100%}.mission-step-actions{margin:.2rem 0;padding-left:1rem;list-style:none}.mission-add{flex-wrap:wrap;gap:.3rem;display:flex}.mission-add button{color:#9fb4bd;cursor:pointer;background:0 0;border:1px dashed #23434f;border-radius:.25rem;padding:.2rem .45rem;font-size:.75rem}.editor-factions{flex-wrap:wrap;gap:.75rem;display:flex}.editor-factions .editor-factions-note{color:#9fb4bd;flex-basis:100%;margin:0;font-size:.8rem}.objectives-wave{color:var(--warning,#e0b050);font-variant-numeric:tabular-nums;margin:.2rem 0 .3rem}.mission-targets{flex-wrap:wrap;align-items:center;gap:.3rem;max-width:100%;display:inline-flex}.mission-target{color:#ffc2de;cursor:pointer;background:0 0;border:1px solid #ff7ab8;border-radius:.8rem;padding:.1rem .4rem;font-size:.75rem}.editor-building-pick{border-bottom:1px solid #1b333d;flex-direction:column;gap:.3rem;padding:.3rem 0;display:flex}.editor-building-pick select{max-width:100%}.mission-wave-group{align-items:center;gap:.3rem;display:inline-flex}.editor-bank{border:1px solid #a0c8d240;border-radius:4px;flex-wrap:wrap;flex:100%;align-items:center;gap:.4rem .8rem;margin:0;padding:.35rem .6rem;display:flex}.editor-bank legend{padding:0 .3rem}.editor-bank label{align-items:center;gap:.35rem;display:flex}.editor-bank input{width:5.5rem}.objectives{pointer-events:auto;background:#081217db;border:1px solid #23434f;border-radius:.3rem;max-width:22rem;padding:.45rem .65rem;font-size:.8rem}@media (height<=500px){.objectives{max-width:19rem;padding:.3rem .5rem;font-size:.72rem}.step-line{padding:6px 10px;font-size:12px}}.objectives ul{margin:.3rem 0 0;padding:0;list-style:none}.objective-mark{width:1.1rem;display:inline-block}.objective-met{color:#29d9c2}.objective-failure{color:#ff9a8a}.objective-bonus{color:#b9c9cf}.objective-progress{color:#6d8590}.objective-hold{color:#9fb5bd;margin:.1rem 0 .15rem 1.1rem;font-size:.72rem;display:block}.hold-state{color:#f0b34a}.hold-held{color:#7ee7a4}.hold-contested{color:#ffc24d;font-weight:600;animation:1s ease-in-out infinite alternate hold-contested-pulse}.hold-contested:before{content:"";border-left:.17em solid;border-right:.17em solid;width:.2em;height:.7em;margin-right:.35em;display:inline-block}@keyframes hold-contested-pulse{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion:reduce){.hold-contested{animation:none}}.hold-rule{color:#7f979f;display:block}.tip-card{pointer-events:auto;color:#d8eef2;background:#13262ff2;border:1px solid #4f8a96;border-radius:7px;max-width:22rem;padding:.5rem .7rem;font-size:.78rem}.tip-card p{margin:.2rem 0 .4rem}.briefing-ground{margin:.4rem 0 0;font-size:.85rem}.objectives-won{color:#29d9c2;margin-left:.5rem}.objectives-lost{color:#ff6a5a;margin-left:.5rem}.campaign-missions{padding-left:1.1rem}.campaign-missions li{align-items:center;gap:.3rem;display:flex}.campaign-missions li span{flex:1}.objectives-next{color:#06201c;cursor:pointer;background:#29d9c2;border:0;border-radius:.25rem;margin-left:.5rem;padding:.15rem .5rem}.objectives-next:hover,.objectives-next:focus-visible{color:#06201c;background:#8af0e2}.objectives-next:active{color:#021210;background:#1fb8a4}.match-result .summary-actions button:not(.objectives-next):hover,.match-result .summary-actions button:not(.objectives-next):focus-visible{color:#f2fbff;background:#2c4b58;border-color:#5d8796}.editor-views{gap:.3rem;margin-bottom:.3rem;display:flex}.editor-solid-frame{flex:1;width:100%;min-height:24rem;display:flex}.editor-solid{cursor:crosshair;border:1px solid #23434f;border-radius:.3rem;width:100%;height:100%;min-height:24rem}.voice-hint{z-index:60;color:#9fb3bb;background:#0e1a22;border:1px solid #22323c;border-radius:8px;width:22rem;margin:0;padding:10px 12px;font-size:11px;line-height:1.45;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 24px #0006}.music-now{color:#cfe3ea;margin:0 0 .4rem}.music-credits{color:#8ba0ad;font-size:11px;position:relative}.music-credits summary{cursor:pointer;padding:2px 0}.music-credits-panel{z-index:60;background:#0e1a22;border:1px solid #22323c;border-radius:8px;width:20rem;max-height:60vh;padding:10px 12px;line-height:1.45;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 24px #0006}.music-credits-panel p,.music-credits-panel ul{margin:0 0 .3rem}.music-credits-panel ul{padding-left:1.1rem}.music-credits-panel strong{color:#cfe3ea;font-weight:600}.mixer{color:#8ba0ad;font-size:11px;position:relative}.mixer summary{cursor:pointer;padding:2px 0}.mixer-panel{z-index:60;background:#0e1a22;border:1px solid #22323c;border-radius:8px;gap:6px;width:16rem;padding:10px 12px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 24px #0006}.mixer-channel{color:#cfe3ea;grid-template-columns:5.5rem 1fr 2.5rem;align-items:center;gap:8px;display:grid}.mixer-channel input{width:100%;min-width:0}.mixer-channel output{text-align:right;font-variant-numeric:tabular-nums}.admin{background:#0b141b;min-height:100svh}.admin-reader{color:#c8d6df;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;font-size:14px;display:flex}.admin-reader p{margin:0}.admin-tabs{z-index:2;background:#0b141b;border-bottom:1px solid #23394a;gap:6px;padding:12px 16px 0;display:flex;position:sticky;top:0}.admin-tab{appearance:none;font:inherit;color:#9fb4bd;cursor:pointer;background:#0f1c25;border:1px solid #23394a;border-bottom:0;border-radius:6px 6px 0 0;padding:7px 14px;font-size:13px}.admin-tab-on{color:#0b141b;background:#29d9c2;border-color:#29d9c2}.lab-tabs{gap:6px;margin-bottom:14px;display:flex}.voice-order{margin:18px 0}.voice-order h2{letter-spacing:1.2px;text-transform:uppercase;color:#85a4b1;margin:0 0 6px;font-size:12px}.voice-lines{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.voice-lines li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voice-lines input{min-width:12rem;font:inherit;color:#d7e6ec;background:#0d1a20;border:1px solid #23434f;border-radius:4px;flex:22rem;padding:5px 8px}.voice-has,.voice-missing{letter-spacing:.6px;text-transform:uppercase;font-size:11px}.voice-has{color:#29d9c2}.voice-missing{color:#e8a33d}.voice-note-good{color:#29d9c2;font-size:13px}.voice-note-bad{color:#e8a33d;font-size:13px}.voice-inherited{color:#6d8590;font-size:12px}.voice-outcome{white-space:pre-wrap;color:#9fb4bd;font-size:12px}.voice-cast{color:#9fb4bd;font-size:13px}.voice-thin{color:#e8a33d;font-size:13px}.train-tile-wrap{display:inline-block;position:relative}.train-tile{flex-direction:column;align-items:center;gap:2px;width:5.4rem;padding:6px 4px 5px;line-height:1.15;display:flex}.train-tile-icon{width:40px;height:40px}.train-tile-name{letter-spacing:.2px;max-width:100%;font-size:11px}.train-tile-cost{color:#7e97a3;text-align:center;text-wrap:balance;overflow-wrap:anywhere;max-width:100%;font-size:9.5px;line-height:1.25}.train-tile:disabled .train-tile-icon{opacity:.45}.train-tile-locked .train-tile-icon{opacity:.4}.train-tile-locked{position:relative}.train-tile-lock{font-size:12px;line-height:1;position:absolute;top:3px;right:4px}.build-locked{opacity:.7;position:relative}.build-lock{font-size:12px;line-height:1;position:absolute;top:3px;right:4px}.unit-card-missing{color:#f0c36a;margin:4px 0}.unit-card{z-index:40;pointer-events:none;text-align:left;background:#0b1a22;border:1px solid #29d9c2;border-radius:6px;width:18rem;padding:10px 12px;position:fixed;box-shadow:0 10px 28px #00000080}.unit-card-name{color:#d7e6ec;text-transform:capitalize;margin-bottom:5px;font-size:13px;display:block}.unit-card-hint{color:#9fb4bd;margin:0 0 7px;font-size:11.5px;line-height:1.45}.unit-card-traits{flex-wrap:wrap;gap:4px;margin:0 0 7px;padding:0;list-style:none;display:flex}.unit-card-traits li{color:#0b1a22;background:#29d9c2;border-radius:9px;padding:1px 6px;font-size:10.5px}.unit-card-numbers{grid-template-columns:auto 1fr;gap:1px 10px;margin:0;font-size:11.5px;display:grid}.unit-card-numbers dt{color:#7e97a3}.unit-card-numbers dd{color:#c9dde5;font-variant-numeric:tabular-nums;margin:0}@media (width<=640px){.unit-card{width:min(19rem,88vw)}}.field-report{background:#0d1a20cc;border:1px solid #22323c;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:6px;padding:6px 8px;font-size:12px;line-height:1.2;display:flex}.field-report-name{letter-spacing:.06em;text-transform:uppercase;color:#7f9aa6}.field-report-note{color:#d9b36a}.field-report-node{color:#cfe3dc;align-items:center;gap:5px;display:inline-flex}.field-report-node strong{color:#e9faf4;font-variant-numeric:tabular-nums}.field-report-bar{background:#22323c;border-radius:2px;width:34px;height:4px;display:inline-block;overflow:hidden}.field-report-bar>span{height:100%;display:block}.field-report-node.is-ore .field-report-bar>span{background:#d8a24a}.field-report-node.is-crystal .field-report-bar>span{background:#74b9ff}.hosted-line{color:#cfe3dc;background:#0d1a20cc;border:1px solid #22323c;border-left:3px solid #2ad9c2;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;padding:5px 8px;font-size:12px;display:flex}.hosted-line.is-trouble{color:#ffdda8;border-left-color:#ffb648}.hosted-room strong{letter-spacing:.14em}.hosted-room button{margin-left:6px;padding:3px 8px}main.menu{background:#0a121a;height:auto;min-height:100svh;padding:0 0 48px;overflow:visible}.menu-head{border-bottom:1px solid #20303b;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.menu-head .brand+.head-back,.menu-head .brand+.head-nav{margin-right:auto}.head-nav{align-items:center;gap:8px;display:flex}.head-back:focus-visible{outline-offset:2px;outline:2px solid #9fe3cf}.head-back{color:#d4e9ef;background:#0d1a24d9;border:1px solid #2d4b58;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 12px 0 8px;font-size:14px;text-decoration:none;display:inline-flex}.head-back:hover{background:#213843}@media (any-pointer:coarse){.head-back{min-height:44px}}.menu-title{letter-spacing:-.02em;max-width:1080px;margin:36px auto 22px;padding:0 24px;font-size:clamp(26px,3vw,36px);font-weight:500}.menu-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1080px;margin:0 auto;padding:0 24px;display:grid}.menu-mode{background:#0d1a24;border:1px solid #24384a;border-radius:10px;align-content:start;gap:10px;padding:20px 22px;display:grid}.menu-mode h2{margin:0;font-size:19px;font-weight:500}.menu-mode p{color:#9fb2bc;margin:0;font-size:14px;line-height:1.6}.menu-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.menu-actions a,.menu-actions button,.lobby-list a{color:#c7d6de;background:#172630;border:1px solid #2b414d;border-radius:6px;align-items:center;padding:9px 14px;font-size:14px;text-decoration:none;display:inline-flex}.menu-actions a:hover,.lobby-list a:hover{background:#213843}a.menu-primary,button.menu-primary{color:#c9fff0;background:#24584f;border-color:#397e6e}.menu-note{color:#8aa0ac;font-size:13px}a.star-learn{color:#c9fff0;text-align:center;background:0 0;border:1px solid #397e6e;border-radius:8px;margin-top:8px;padding:8px 14px;font-size:14px;text-decoration:none;display:block}a.star-learn:hover{background:#213843}.lobby-you{gap:6px;max-width:1080px;margin:0 auto 18px;padding:0 24px;display:grid}.lobby-you label{color:#9fb2bc;font-size:13px}.lobby-you input,.lobby-code input{font:inherit;color:#e7ede7;background:#0a121a;border:1px solid #2b414d;border-radius:6px;max-width:320px;padding:8px 10px;font-size:15px}.lobby-you input[aria-invalid=true],.lobby-code input[aria-invalid=true]{border-color:#d97a5a}.lobby-columns{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;max-width:1080px;margin:0 auto;padding:0 24px;display:grid}.lobby-side{gap:16px;display:grid}.lobby-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lobby-list li{border:1px solid #24384a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"host join""meta join""report join";align-items:center;column-gap:12px;padding:10px 12px;display:grid}.lobby-host{overflow-wrap:anywhere;grid-area:host;font-weight:500}.lobby-dots{vertical-align:middle;gap:3px;margin-right:6px;display:inline-flex}.lobby-dot{border-radius:50%;width:10px;height:10px}.lobby-seat{gap:.35rem;margin-bottom:.6rem;display:grid}.lobby-seat .map-colour{width:1.3rem;height:1.3rem}.lobby-meta{color:#8aa0ac;grid-area:meta;font-size:12px}.lobby-list a{grid-area:join}.lobby-account-mark{color:#66dec4;margin-left:6px;font-size:12px}.lobby-report{font:inherit;color:#8aa0ac;cursor:pointer;background:0 0;border:0;grid-area:report;justify-self:start;margin-top:4px;padding:0;font-size:12px;text-decoration:underline}.lobby-report:disabled{cursor:default;text-decoration:none}.lobby-report:focus-visible{outline-offset:2px;outline:3px solid #66dec4}.lobby-reported{color:#8aa0ac;grid-area:report;margin-top:4px;font-size:12px}.lobby-check{color:#c7d6de;align-items:center;gap:8px;font-size:13px;display:flex}.lobby-code{gap:8px;display:flex}.lobby-code input{letter-spacing:.18em;text-transform:uppercase;flex:1;min-width:0}@media (width<=760px){.menu-modes,.lobby-columns{grid-template-columns:1fr}.menu-head,.menu-title,.menu-modes,.lobby-you,.lobby-columns{padding-inline:16px}}.waiting-screen{z-index:30;background:#0a121af2;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.waiting-card{text-align:center;background:#0d1a24;border:1px solid #24384a;border-radius:12px;justify-items:center;gap:12px;width:min(420px,100%);padding:28px 24px;display:grid}.waiting-card h2{margin:0;font-size:22px;font-weight:500}.waiting-card p{color:#9fb2bc;margin:0;font-size:14px;line-height:1.6}.waiting-count{color:#e7ede7!important;font-size:28px!important}.waiting-seats{text-align:left;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.waiting-seat{color:#9fb2bc;border:1px solid #24384a;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px;padding:8px 10px;font-size:14px;display:grid}.waiting-seat[data-joined=true]{color:#e7ede7}.waiting-seat>.map-colour{cursor:default;width:1rem;height:1rem}.waiting-seat .map-colour:disabled{opacity:.25;cursor:not-allowed}.waiting-ready{justify-items:start;gap:6px;margin-top:12px;display:grid}.waiting-ready-mark{color:#bff5d6;background:#1f4a3a;border-radius:999px;justify-self:end;padding:2px 8px;font-size:13px}.waiting-code{letter-spacing:.18em;color:#e7ede7;font-size:18px}.waiting-clock{font-variant-numeric:tabular-nums}.waiting-back{color:#9fd8c4;font-size:13px}.waiting-spinner{border:3px solid #24384a;border-top-color:#66dec4;border-radius:50%;width:34px;height:34px;animation:1s linear infinite waiting-spin}@keyframes waiting-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.waiting-spinner{animation:none}}.editor-flat{aspect-ratio:1;min-width:0;max-width:100%;min-height:0;max-height:100%;display:flex;position:relative}.editor-layer{pointer-events:none;position:absolute;inset:1px}.editor-outline{box-sizing:border-box;pointer-events:none;background:#66dec41f;border:2px solid #66dec4;position:absolute}.editor-outline-refused{background:#ff6b5a26;border-color:#ff6b5a}.editor-outline-paste{background:#ffffff14;border:2px dashed #fff}main.menu.map-page{height:100svh;min-height:0;padding:0;overflow:hidden}.map-picker{box-sizing:border-box;width:100%;max-width:1080px;min-height:0;padding:0 max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:16px;margin:0 auto;display:grid}.map-cards{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:12px;min-height:0;margin:0;padding:4px;list-style:none;display:grid;overflow-y:auto}.map-cards>li{min-width:0}.map-card{color:#c7d6de;text-align:left;cursor:pointer;background:#0d1a24;border:1px solid #24384a;border-radius:8px;gap:6px;width:100%;min-width:0;padding:8px;display:grid;overflow:hidden}.map-card:hover{border-color:#3a5a6c}.map-card[aria-pressed=true]{border-color:#3fc7ad;box-shadow:0 0 0 1px #3fc7ad}.map-card-preview{aspect-ratio:1;width:100%;image-rendering:pixelated;background:#1f3a33;border-radius:4px}.map-card-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.map-card-facts{color:#8aa0ac;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.map-card-badge{color:#c9fff0;background:#24584f;border-radius:999px;padding:1px 6px;font-size:11px}.map-chosen{background:#0d1a24;border:1px solid #24384a;border-radius:10px;gap:10px;padding:16px;display:grid;position:sticky;top:16px}.map-chosen h2{margin:0;font-size:18px;font-weight:500}.map-chosen p{color:#9fb2bc;margin:0;font-size:14px}.map-chosen button.menu-primary{cursor:pointer;border-radius:6px;padding:10px 14px;font-size:15px}.map-online{color:#c7d6de;background:#172630;border:1px solid #2b414d;border-radius:6px;justify-content:center;padding:9px 14px;font-size:14px;text-decoration:none;display:inline-flex}.map-online:hover{background:#213843}.map-picker .map-chosen{box-sizing:border-box;overscroll-behavior:contain;align-self:start;max-height:100%;padding-bottom:0;position:static;overflow:hidden auto}.map-picker .map-chosen fieldset{min-width:0}.map-picker .map-side{grid-template-columns:minmax(6rem,auto) minmax(0,1fr)}.map-picker .map-side select{min-width:0;max-width:100%}.map-chosen-actions{background:#0d1a24;gap:10px;padding:8px 0 16px;display:grid;position:sticky;bottom:0;box-shadow:0 -10px 10px -6px #0d1a24}@media (width<=720px){.map-picker{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) minmax(230px,40%);gap:12px}.map-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (height<=640px){.map-page .menu-head{padding-top:6px;padding-bottom:6px;padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}.map-page .menu-title{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));margin:8px auto;font-size:20px}.map-picker{padding-bottom:max(10px, env(safe-area-inset-bottom))}.map-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.map-picker .map-chosen{gap:8px;padding:12px 12px 0}.map-chosen-actions{padding-bottom:12px}.map-chosen>.map-card-preview{width:72px;height:72px}}.editor-link.surrender{color:#f0a39a;cursor:pointer;font:inherit;background:0 0;border-color:#5a2f2b}.surrender-ask{color:#f3c6bf;align-items:center;gap:6px;font-size:13px;display:inline-flex}.surrender-ask button{color:#c7d6de;font:inherit;cursor:pointer;background:#172630;border:1px solid #2b414d;border-radius:5px;padding:3px 9px}.surrender-ask button.surrender-yes{color:#ffd9d3;background:#4a1f1b;border-color:#8a3a31}.status-line .graphics-lowered button{pointer-events:auto;min-height:32px;margin-left:6px;padding:2px 10px}.status-line .stalemate{color:#ffc58a;font-weight:500}.guide{top:var(--hud-clear,64px);max-height:calc(100% - var(--hud-clear,64px) - var(--panel-clear,0px) - 8px);overscroll-behavior:contain;z-index:6;color:#c7d6de;background:#0a151deb;border:1px solid #2d4b58;border-radius:10px;width:min(320px,100% - 24px);padding:12px 14px;font-size:13px;line-height:1.45;position:absolute;left:12px;overflow-y:auto}.guide-head{justify-content:space-between;align-items:center;display:flex}.guide h2{margin:0;font-size:15px;font-weight:500}.guide-close{color:#8aa0ac;cursor:pointer;background:0 0;border:0;font-size:18px}.guide-steps{gap:5px;margin:8px 0;padding:0;list-style:none;display:grid}.guide-steps li{color:#8aa0ac;grid-template-columns:18px 1fr;gap:6px;display:grid}.guide-steps li.guide-next{color:#e9f4f8;font-weight:500}.guide-steps li.guide-next .guide-tick:before{content:"→";color:#3fc7ad}.guide-steps li.guide-done{color:#6f8a86;text-decoration:line-through}.guide-tick{color:#3fc7ad}.guide-finished{color:#c9fff0;margin:4px 0 8px}.guide-dismiss{color:#c7d6de;font:inherit;cursor:pointer;background:#172630;border:1px solid #2b414d;border-radius:6px;padding:5px 10px}.map-difficulty{color:#c7d6de;border:1px solid #24384a;border-radius:8px;flex-wrap:wrap;gap:6px 14px;margin:0;padding:8px 10px;font-size:14px;display:flex}.map-difficulty legend{color:#8aa0ac;padding:0 4px;font-size:12px}.map-difficulty label{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.map-difficulty-note{color:#8aa0ac;flex-basis:100%;margin:0;font-size:12px}.replay-bar{z-index:6;color:#c7d6de;background:#0a151deb;border:1px solid #2d4b58;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.spectator{z-index:6;border-collapse:collapse;color:#c7d6de;font-variant-numeric:tabular-nums;background:#0a151deb;border:1px solid #2d4b58;border-radius:8px;max-width:calc(100% - 24px);padding:6px 10px;font-size:12px;display:block;position:absolute;top:52px;left:50%;overflow-x:auto;transform:translate(-50%)}.spectator th,.spectator td{text-align:right;padding:3px 9px}.spectator th[scope=row],.spectator thead th:first-child{text-align:left}.spectator thead th{color:#85a4b1;font-weight:500}.replay-bar button{color:#c7d6de;font:inherit;cursor:pointer;background:#172630;border:1px solid #2b414d;border-radius:999px;padding:2px 8px}.replay-bar button[aria-pressed=true]{color:#c9fff0;border-color:#3fc7ad}.summary-replay{color:#9fe7d7;font-size:13px}.menu-file{color:#c7d6de;cursor:pointer;background:#172630;border:1px solid #2b414d;border-radius:6px;align-items:center;padding:9px 14px;font-size:14px;display:inline-flex}.menu-file input{opacity:0;width:1px;height:1px;position:absolute}button.summary-replay{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.shortcuts{z-index:7;color:#c7d6de;background:#0a151df2;border:1px solid #2d4b58;border-radius:10px;width:min(360px,100% - 24px);max-height:calc(100% - 80px);padding:12px 14px;font-size:13px;position:absolute;top:64px;right:12px;overflow:auto}.shortcuts-head{justify-content:space-between;align-items:center;display:flex}.shortcuts h2{margin:0;font-size:15px;font-weight:500}.shortcuts-list{grid-template-columns:1fr;gap:5px;margin:10px 0;font-size:12px;display:grid}.shortcuts-list div{grid-template-columns:110px 1fr;align-items:baseline;gap:8px;display:grid}.shortcuts-list dt,.shortcuts-list dd{margin:0;font-family:inherit}.shortcuts kbd{color:#e9f4f8;white-space:nowrap;background:#13222c;border:1px solid #3a5566;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px}.shortcuts-note{color:#8aa0ac;margin:0;font-size:12px}.editor-link.keys-link{cursor:pointer;font:inherit;background:0 0}@media (width<=640px){.masthead .keys-link{display:none}}.history-list{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.history-list li{color:#c7d6de;grid-template-columns:70px 1fr auto;gap:8px;display:grid}.history-list .history-meta{color:#8aa0ac}.history-victory strong{color:#7ee7c4}.history-defeat strong{color:#f0a39a}.history-draw strong{color:#c7d6de}.map-card-record{color:#c7d6de;border:1px solid #2b414d;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:11px}.map-chosen-record{color:#9fe7d7}.briefing{--edge:12px;--inset-top:max(var(--edge), env(safe-area-inset-top));--inset-right:max(var(--edge), env(safe-area-inset-right));--inset-bottom:max(var(--edge), env(safe-area-inset-bottom));--inset-left:max(var(--edge), env(safe-area-inset-left));z-index:80;box-sizing:border-box;padding:var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left);background:#050c11b8;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.briefing-card{--pad-x:22px;--pad-y:20px;box-sizing:border-box;overscroll-behavior:contain;width:min(560px,100%);max-height:100%;padding:var(--pad-y) var(--pad-x) 0;color:#c7d6de;background:#0d1a24;border:1px solid #2d4b58;border-radius:12px;align-content:start;gap:10px;display:grid;overflow-y:auto}@media (height<=500px){.briefing{--edge:8px}.briefing-card{--pad-x:14px;--pad-y:12px;gap:8px}}.story-head{gap:4px;display:grid}.story-words{align-content:start;gap:10px;display:grid}.story-words:empty{display:none}.story-actions{z-index:2;margin:0 calc(-1 * var(--pad-x));padding:10px var(--pad-x) var(--pad-y);background:#0d1a24;border-top:1px solid #1d3340;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:sticky;bottom:0}.briefing-card.briefing-comic{--gap:8px;--page-pad:8px;--head-h:52px;--actions-h:70px;--chrome-w:calc(2 * var(--pad-x) + 2 * var(--page-pad));--reserve:clamp(0px, (100svh - 600px) * .5, 180px);--room-w:calc(100vw - var(--inset-left) - var(--inset-right) - var(--chrome-w) - (var(--n) - 1) * var(--gap));--room-h:calc(100svh - var(--inset-top) - var(--inset-bottom) - var(--pad-y) - 2 * var(--page-pad) - var(--head-h) - var(--actions-h) - 20px - var(--reserve));--side:max(120px, min(calc(var(--room-w) / var(--n)), var(--room-h), 680px));width:calc(var(--n) * var(--side) + (var(--n) - 1) * var(--gap) + var(--chrome-w));max-width:100%}.briefing-comic .comic-page{grid-template-columns:repeat(var(--n), var(--side));justify-content:center;gap:var(--gap);padding:var(--page-pad)}.briefing-comic .comic-page-3 .comic-panel:first-child{grid-column:auto}.story-under .story-words{max-width:80ch}.briefing-comic.story-beside{--words-w:clamp(200px, 26vw, 420px);--col-gap:18px;--room-w:calc(100vw - var(--inset-left) - var(--inset-right) - var(--chrome-w) - var(--words-w) - var(--col-gap) - (var(--n) - 1) * var(--gap));--room-h:calc(100svh - var(--inset-top) - var(--inset-bottom) - 2 * var(--pad-y) - 2 * var(--page-pad));width:calc(var(--n) * var(--side) + (var(--n) - 1) * var(--gap) + var(--chrome-w) + var(--words-w) + var(--col-gap));column-gap:var(--col-gap);padding-bottom:var(--pad-y);grid-template:"page head""page words"minmax(0,1fr)"page actions"/auto minmax(0,1fr);overflow:hidden}.story-beside .comic-page{grid-area:page;align-self:start}.story-beside .story-head{grid-area:head}.story-beside .story-words{overscroll-behavior:contain;grid-area:words;min-height:0;overflow-y:auto}.story-beside .story-actions{background:0 0;border-top:0;grid-area:actions;margin:0;padding:10px 0 0;position:static}.story-actions button{font-size:15px}.briefing-comic .briefing-text{font-size:clamp(14px,.55vw + 8px,17px)}.comic-page{background:#efe6d2;border-radius:4px;gap:8px;padding:8px;display:grid}.comic-page-2,.comic-page-3{grid-template-columns:1fr 1fr}.comic-page-3 .comic-panel:first-child{grid-column:1/-1}.comic-panel{aspect-ratio:1;background:#d9cfb8;border:3px solid #111;margin:0;animation:.5s ease-out both comic-in;position:relative;overflow:hidden;container-type:inline-size}.comic-layer{transition:transform .4s ease-out;position:absolute;inset:0}.comic-layer-back{transform:translate(calc(var(--look-x,0) * -6px), calc(var(--look-y,0) * -6px));inset:-8px}.comic-layer-mid{pointer-events:none;mix-blend-mode:screen;transform:translate(calc(var(--look-x,0) * -14px), calc(var(--look-y,0) * -14px));background:radial-gradient(60% 40% at 30% 70%,#fff4d638,#0000 70%),radial-gradient(50% 35% at 75% 25%,#ffffff24,#0000 70%);animation:16s ease-in-out infinite alternate comic-air;inset:-16px}.comic-battle .comic-layer-mid{background:radial-gradient(70% 45% at 40% 80%,#ffaa5a47,#0000 70%),radial-gradient(40% 30% at 80% 20%,#ffdca029,#0000 70%)}.comic-tense .comic-layer-mid{background:radial-gradient(60% 40% at 25% 75%,#aad2ff33,#0000 70%),radial-gradient(45% 30% at 70% 30%,#dcebff1f,#0000 70%)}.comic-layer-front{pointer-events:none;transform:translate(calc(var(--look-x,0) * 3px), calc(var(--look-y,0) * 3px))}@keyframes comic-air{0%{opacity:.85;translate:-6px 3px}to{opacity:1;translate:6px -3px}}.comic-art{object-fit:cover;transform-origin:50% 60%;width:100%;height:100%;animation:14s ease-out both comic-drift;display:block}.comic-motion{position:absolute;inset:0}.comic-scene{pointer-events:none;transform-origin:50% 60%;animation:14s ease-out both comic-drift;position:absolute;inset:0;overflow:hidden}.comic-scene-depth{transform:translate(calc(var(--look-x,0) * var(--depth,0px)), calc(var(--look-y,0) * var(--depth,0px)));transition:transform .4s ease-out;position:absolute;inset:0}.comic-cutout-path{will-change:transform;position:absolute;inset:0}.comic-cutout-body{isolation:isolate;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.comic-facing-left{transform:translate(-50%,-100%)scaleX(-1)}.comic-cutout{z-index:1;filter:sepia(.3)saturate(.8)contrast(1.05);width:100%;height:auto;display:block;position:relative}.comic-cutout-body:after{content:"";z-index:0;background:radial-gradient(closest-side,#14100a73,#0000);height:16%;position:absolute;bottom:-3%;left:8%;right:8%}.comic-dust{z-index:0;opacity:0;width:90%;transition:opacity .8s ease-out;position:absolute;bottom:-6%;right:55%;overflow:visible}[data-moving=true] .comic-dust{opacity:1}.comic-dust-puff{fill:#dccdaa;stroke:#2a2418;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:.9s ease-out infinite comic-dust}.comic-dust-puff:nth-child(2){animation-delay:.3s}.comic-dust-puff:nth-child(3){animation-delay:.6s}@keyframes comic-dust{0%{opacity:.95;transform:translate(10px)scale(.4)}to{opacity:0;transform:translate(-22px,-7px)scale(1.7)}}.comic-scene-middle{background:linear-gradient(to bottom, transparent calc(var(--band-at) - 14%), #f6ecd499 var(--band-at), transparent calc(var(--band-at) + 14%));animation:16s ease-in-out infinite alternate comic-air;inset:-24px}.comic-scene-dust{background:linear-gradient(to bottom, transparent calc(var(--band-at) - 14%), #d6b27880 var(--band-at), transparent calc(var(--band-at) + 14%))}.comic-art-blank{background:repeating-radial-gradient(circle,#cbbf9f 0 1px,#d9cfb8 1px 5px)}.comic-caption{color:#111;background:#f6dc6a;border:2px solid #111;max-width:64%;padding:.45em .7em;font-size:clamp(10px,4.4cqi,18px);font-weight:600;line-height:1.35;position:absolute;top:3cqi;left:3cqi}.comic-caption-narrator{letter-spacing:.01em;font-style:italic;font-weight:500;box-shadow:3px 3px #111}.comic-caption-narrator:before{content:"";background:#111;width:.55em;height:.55em;margin-right:.4em;display:inline-block;transform:rotate(45deg)translateY(-.08em)}.briefing.between-worlds{z-index:40;position:fixed}.between-worlds h2{margin:0;font-size:20px;font-weight:500}.between-worlds .comic-page-1 .comic-caption{max-width:72%}.between-count{color:#8aa0ac;text-align:center;margin:0;font-size:12px}.between-actions{justify-content:space-between;gap:10px;display:flex}.between-actions button{color:#c7d6de;cursor:pointer;background:0 0;border:1px solid #2d4b58;border-radius:6px;padding:10px 14px;font-size:15px}.between-actions button.menu-primary{color:#c9fff0;background:#24584f;border-color:#397e6e}button.star-between{color:#9fb2bc;cursor:pointer;background:0 0;border:1px solid #2d4b58;border-radius:8px;padding:8px 14px;font-size:14px}button.star-between:hover{background:#213843}button.star-cast{justify-self:start}.briefing.cast-page{z-index:40;position:fixed}.cast-card{width:min(1040px,100%)}.cast-card h2{margin:0;font-size:20px;font-weight:500}.cast-list{grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr));gap:14px 22px;margin:0;padding:0;list-style:none;display:grid}.cast-entry{align-items:flex-start;gap:12px;display:flex}.cast-words h3{margin:0;font-size:16px;font-weight:600}.cast-words p{margin:2px 0 0;font-size:14px;line-height:1.4}.cast-role{color:#8aa0ac}.cast-with strong{color:#9fd8c8;font-weight:600}.comic-balloon{color:#111;background:#fff;border:2px solid #111;border-radius:18px;max-width:60%;margin:0;padding:.55em .85em;font-size:clamp(10px,4.4cqi,18px);line-height:1.35;animation:.35s ease-out .9s both comic-pop;position:absolute;bottom:4.5cqi;right:3.5cqi}@container (width<=300px){.comic-caption{max-width:90%}.comic-balloon{max-width:84%}}@container (width<=220px){.comic-caption,.comic-balloon{font-size:9px}}.comic-balloon:after{content:"";background:#fff;border-bottom:2px solid #111;border-right:2px solid #111;width:14px;height:14px;position:absolute;bottom:-11px;left:22px;transform:skew(35deg)rotate(45deg)}.comic-speaker{letter-spacing:1px;text-transform:uppercase;color:#555;font-size:.75em;display:block}.comic-sound{color:#ffd23a;letter-spacing:1px;-webkit-text-stroke:2px #111;font-size:clamp(22px,13cqi,72px);font-weight:900;animation:.3s ease-out .6s both comic-pop;position:absolute;top:14%;right:8%;transform:rotate(-8deg)}@keyframes comic-in{0%{opacity:0;transform:translateY(6px)}}@keyframes comic-drift{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes comic-pop{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.comic-panel,.comic-art,.comic-balloon,.comic-sound,.comic-layer-mid,.comic-scene,.comic-scene-middle{animation:none}.comic-layer,.comic-scene-depth{transition:none;transform:none}}.briefing-kicker{color:#8aa0ac;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}.briefing-card h2{margin:0;font-size:20px;font-weight:500}.briefing-speaker{align-items:center;gap:12px;display:flex}.briefing-speaker .portrait{border-color:#c7d6de}.briefing-speaker-name{gap:2px;display:grid}.briefing-speaker-name strong{color:#eef4f7;font-size:15px;font-weight:600}.briefing-speaker-name span{color:#8aa0ac;font-size:12px}.briefing-role{color:#a9bcc6;margin:0;font-size:13px;font-style:italic}.comic-balloon-character{--face:clamp(26px, 10cqi, 56px);padding-left:calc(var(--face) - 2px)}.comic-balloon-character:after{display:none}.comic-balloon .portrait-inset{left:calc(var(--face) * -.32);bottom:calc(var(--face) * -.36);width:var(--face);height:var(--face);font-size:calc(var(--face) * .37);position:absolute}.briefing-text,.summary-debriefing{white-space:pre-line;margin:0;font-size:14px;line-height:1.6}.briefing-hints{color:#8aa0ac;margin:0;padding-left:18px;font-size:13px;line-height:1.5}.briefing-card button{cursor:pointer;border-radius:6px;justify-self:start;padding:9px 16px}.summary-debriefing{color:#d9e6ec;max-width:520px}.space-page{background:#03070b;min-height:100svh;position:relative;overflow:hidden}.space-page .menu-head,.space-page .menu-title{z-index:2;pointer-events:none;position:relative}.space-page .menu-head a{pointer-events:auto}.space-page .menu-title{text-shadow:0 2px 12px #000c;margin:0;padding:0 24px}.campaign-map,.star-map{position:absolute;inset:0}.space-stage{background:radial-gradient(60% 50% at 30% 40%,#145a6440,#0000),radial-gradient(50% 40% at 75% 65%,#5a1e6e38,#0000),#03070b;position:absolute;inset:0}.space-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.campaign-planet,.star-space{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.campaign-map .map-chosen,.star-map .map-chosen{z-index:3;top:88px;right:max(24px, env(safe-area-inset-right));box-sizing:border-box;width:clamp(300px,30vw,460px);max-height:calc(100% - 112px - env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-backdrop-filter:blur(10px);background:#09141dc7;border:1px solid #78c8d238;position:absolute;overflow-y:auto;box-shadow:0 20px 60px #00000080}.campaign-map .map-chosen .briefing-text,.star-map .map-chosen .briefing-text{font-size:15px;line-height:1.55}.campaign-map .map-chosen h2,.star-map .map-chosen h2{font-size:20px}.map-actions{z-index:1;background:#09141df5;border-top:1px solid #78c8d229;flex-wrap:wrap;align-items:center;gap:8px;margin:0 -16px -16px;padding:10px 16px 16px;display:flex;position:sticky;bottom:-16px}.map-actions .menu-primary{padding:10px 16px}.map-actions .star-continue{animation:2.8s ease-in-out infinite star-continue-glow;box-shadow:0 0 0 1px #66dec48c,0 0 14px #66dec473}@keyframes star-continue-glow{0%,to{box-shadow:0 0 0 1px #66dec466,0 0 6px #66dec440}50%{box-shadow:0 0 0 1px #66dec4cc,0 0 20px #66dec4a6}}@media (prefers-reduced-motion:reduce){.map-actions .star-continue{animation:none}}.map-stars.map-stars-button{color:#dff3f6;background:#1e3c468c;border-color:#3d6d79;align-items:center;gap:7px;display:inline-flex}.map-stars.map-stars-button:hover{background:#24505b}.map-icon{flex:none}@media (height<=520px){.space-page .menu-head{padding-block:8px}.space-page .menu-title{font-size:22px}.campaign-map .map-chosen,.star-map .map-chosen{top:60px;right:max(12px, env(safe-area-inset-right));max-height:calc(100% - 72px - env(safe-area-inset-bottom));gap:8px;padding:12px}.campaign-map .map-chosen .map-actions,.star-map .map-chosen .map-actions{margin:0 -12px -12px;padding:8px 12px 12px;bottom:-12px}}.space-zoom{position:absolute;inset:0}.space-zoom-in{animation:.56s ease-in forwards zoom-in}.space-zoom-arrive-planet{animation:.5s ease-out zoom-arrive}.space-zoom-out{transform-origin:50%;animation:.42s ease-in forwards zoom-out}.space-zoom-arrive-stars{animation:.5s ease-out zoom-arrive-wide}@keyframes zoom-in{to{opacity:0;transform:scale(5)}}@keyframes zoom-arrive{0%{opacity:0;transform:scale(.35)}}@keyframes zoom-out{to{opacity:0;transform:scale(.2)}}@keyframes zoom-arrive-wide{0%{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.space-zoom-in,.space-zoom-arrive-planet,.space-zoom-out,.space-zoom-arrive-stars{animation:none}}.campaign-path-ahead{fill:none;stroke:#dcebf08c;stroke-width:2.5px;stroke-dasharray:2 9;stroke-linecap:round}.campaign-path-walked,.campaign-path-glow{fill:none;stroke:var(--tone);stroke-linecap:round}.campaign-path-walked{stroke-width:4px}.campaign-path-glow{stroke-width:10px;opacity:.55}.campaign-stop{cursor:pointer}.campaign-stop-locked{cursor:default}.campaign-stop-disc{fill:#081016d9;stroke:var(--tone);stroke-width:2.5px}.campaign-stop-won .campaign-stop-disc{fill:var(--tone)}.campaign-stop-locked .campaign-stop-disc{fill:#10181ebf;stroke:#96aab480}.campaign-stop-number{fill:#eef6f9;pointer-events:none;font-weight:700}.campaign-stop-won .campaign-stop-number{fill:#06201b}.campaign-stop-locked .campaign-stop-number{fill:#8aa0ac}.campaign-stop-gated{cursor:pointer}.campaign-stop-gated .campaign-stop-disc{fill:#10181ebf;stroke:#f2c94c;stroke-dasharray:4 3}.campaign-stop-stars{fill:#f2c94c;letter-spacing:.08em;paint-order:stroke;stroke:#03070bd9;stroke-width:3px;pointer-events:none}.campaign-stop-needs{fill:#e6d9a8;font-weight:700}.film-button{pointer-events:auto;color:#c9fff0;white-space:nowrap;cursor:pointer;background:#03070bb3;border:1px solid #397e6e;border-radius:999px;padding:5px 12px;font-size:14px}.film-button:hover{background:#213843}.menu-panel-backdrop.film-offer-backdrop{z-index:60;justify-content:center;align-items:center}.story-film{z-index:80;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.story-film-stage{position:absolute;inset:0}.story-film-video{object-fit:contain;width:100%;height:100%;display:block}.story-film-video::cue{background:#0009;font-size:clamp(15px,2.4vh,26px)}.story-film-loading{color:#c7d6de;font-size:15px;position:absolute}.story-film-controls{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.story-film-controls button{color:#c7d6de;cursor:pointer;background:#172630d9;border:1px solid #2b414d;border-radius:6px;padding:8px 14px;font-size:14px}.story-film-controls button[aria-pressed=false]{opacity:.6}.story-film-controls button.menu-primary{color:#c9fff0;background:#24584f;border-color:#397e6e}.story-film-failed{color:#c7d6de;text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:480px;padding:0 16px;line-height:1.5;display:flex}.story-film-failed button{border:1px solid #397e6e;border-radius:6px;padding:9px 18px}.star-total{color:#f2c94c;font-variant-numeric:tabular-nums;white-space:nowrap;background:#03070bb3;border:1px solid #f2c94c8c;border-radius:999px;margin:0;padding:4px 12px;font-size:17px;font-weight:700}.map-stars-have{color:#f2c94c;letter-spacing:.1em;margin:0 0 8px;font-size:20px}.map-badge{color:#9fd8ff;margin:0 0 8px;font-size:13px}.campaign-stop-badge{fill:#9fd8ff;pointer-events:none}.modifier-picker{gap:6px;display:grid}.modifier-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.modifier{gap:2px;display:grid}.modifier-refused{opacity:.55}.modifier-changes{color:#8aa0ac;padding-left:22px;font-size:12px}.modifier-hard{color:#ffb08a;border:1px solid #b4664a;border-radius:4px;padding:0 5px;font-size:11px}.modifier-actions{flex-wrap:wrap;gap:8px;display:flex}.map-chosen .modifier-actions{z-index:1;background:#09141df5;margin:0 -10px -10px;padding:8px 10px 16px;position:sticky;bottom:-16px}.briefing-modifiers{color:#9fd8ff;margin:0;padding-left:18px;font-size:13px;line-height:1.5}.map-stars-need{color:#e6d9a8;margin:0 0 8px;font-weight:600}.summary-stars{margin:4px 0 8px;font-size:16px}.summary-stars-row{color:#f2c94c;letter-spacing:.1em;font-size:22px}.summary-stars-how{color:#e6d9a8;max-width:34em;margin:4px auto 0;font-size:14px;display:block}.summary-stars-total{color:#b7c7d0;margin-top:2px;font-size:14px;display:block}.campaign-stop-chosen{fill:none;stroke:#fff;stroke-opacity:.8;stroke-width:1.5px;stroke-dasharray:3 4}.campaign-stop-beacon{pointer-events:none;fill:var(--tone);opacity:.25;transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out infinite stop-beacon}.campaign-stop:focus-visible{outline:none}.campaign-stop:focus-visible .campaign-stop-disc{stroke:#fff;stroke-width:3.5px}@keyframes stop-beacon{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}.star-route-line{fill:none;stroke:#a0b9c866;stroke-width:1.5px;stroke-dasharray:3 8;stroke-linecap:round}.star-route-travelled .star-route-line{stroke:#3fc7ad;stroke-width:2.5px;stroke-dasharray:10 8;animation:2.4s linear infinite route-flow}.star-route-glow{fill:none;stroke:#3fc7ad;stroke-width:7px;opacity:.35}@keyframes route-flow{to{stroke-dashoffset:-36px}}.star-seam line{stroke:#9fe8d8;stroke-opacity:.35;stroke-width:1.2px;stroke-linecap:round}.star-world{cursor:pointer}.star-world:focus-visible{outline:none}.star-world-hit{fill:#0000}.star-next-beacon{fill:none;stroke:#ffd27a;stroke-width:3px;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:2s ease-out infinite next-beacon}@keyframes next-beacon{0%{opacity:.95;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.star-world-next{letter-spacing:1px;fill:#ffd27a;paint-order:stroke;stroke:#03070be6;stroke-width:4px;pointer-events:none;font-size:13px;font-weight:700}.star-world-chosen{fill:none;stroke:#e9f4f8;stroke-opacity:.65;stroke-width:1.5px;stroke-dasharray:3 5}.star-world-taken{fill:none;stroke:#3fc7ad;stroke-width:3px}.star-world-name{letter-spacing:2px;text-transform:uppercase;fill:#c9d8e0;paint-order:stroke;stroke:#03070bd9;stroke-width:4px;pointer-events:none;font-size:14px}.star-world:focus-visible .star-world-name,.star-world:hover .star-world-name,.star-world[aria-checked=true] .star-world-name{fill:#fff}.star-world:focus-visible .star-world-chosen{stroke-opacity:1}.star-world:focus-visible .star-world-hit{stroke:#66dec4;stroke-width:3px}.world-facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:14px;display:grid}.world-facts dt{color:#8aa0ac}.world-facts dd{color:#e9f4f8;margin:0;font-family:inherit}.map-chosen .world-so-far{border-left:2px solid #78c8d259;padding-left:10px;font-size:13px;line-height:1.5}.world-so-far strong{color:#c9e4ea;font-weight:500}.map-stars{color:#c7d6de;cursor:pointer;background:0 0;border:1px solid #2d4b58;border-radius:6px;justify-self:start;padding:7px 12px}@media (prefers-reduced-motion:reduce){.campaign-stop-beacon,.star-next-beacon,.star-route-travelled .star-route-line{animation:none}}.unit-card-upgrade{color:#66dec4;font-weight:600}.command-key{opacity:.75;border:1px solid #e9faf44d;border-radius:3px;margin-left:6px;padding:0 4px;font:600 .7rem/1.4 ui-monospace,monospace}.shortcuts-list .shortcut-bound dd{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.shortcut-change{cursor:pointer;flex:none;padding:0 6px;font-size:.75rem}.shortcut-listening kbd{outline:2px solid #66dec4}.shortcuts-refused{color:#f2b84b}.shortcut-reset{cursor:pointer;margin-top:8px}.base-crew{font-variant-numeric:tabular-nums;border-radius:3px;margin-left:8px;padding:0 6px;font-size:.75rem}.base-crew-under{color:#c7d6de}.base-crew-ideal{color:#66dec4}.base-crew-over{color:#f2b84b}.income{color:#8fd8b8;font-variant-numeric:tabular-nums;margin-left:4px;font-size:.72em}.subgroup-strip{gap:4px;display:inline-flex}.subgroup-chip{align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.subgroup-chip[aria-pressed=true]{border-color:#5fe3c0;box-shadow:0 0 0 1px #5fe3c055}.subgroup-chip-size{font-variant-numeric:tabular-nums}.group-strip{align-self:flex-end;gap:4px;margin:0 auto;display:flex}.group-strip button{pointer-events:auto}.touch-device .group-strip{display:none}.group-chip{color:#cfe7ee;background:#0d2130e6;border:1px solid #2c4a5c;border-radius:6px;flex-direction:column;align-items:center;min-width:34px;padding:3px 6px;line-height:1.1;display:inline-flex}.group-chip[aria-pressed=true]{color:#c9fff0;border-color:#5fe3c0;box-shadow:0 0 0 1px #5fe3c055}.group-chip-key{font-weight:600}.group-chip-size{opacity:.75;font-variant-numeric:tabular-nums;font-size:.7rem}.touch-group{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;min-width:44px;line-height:1.1;display:inline-flex}.touch-group-key{font-weight:600}.touch-group-icon{opacity:.7}.touch-group-size{opacity:.75;font-variant-numeric:tabular-nums;font-size:.7rem}@media (pointer:coarse){.command-key{display:none}}.idle-workers{color:#f2b84b;border-color:#f2b84b8c}.editor-problem-place{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px dashed;padding:0}.editor-problem-place:hover,.editor-problem-place:focus-visible,.editor-problem-place[aria-pressed=true]{color:#fff}.editor-inspector{border:1px solid #fff3;border-radius:6px;gap:.4rem;margin:.5rem 0;padding:.5rem .6rem;display:grid}.wilt-state{color:var(--warning,#e0b050)}.map-side{border-left:3px solid var(--side);grid-template-columns:minmax(7rem,auto) 1fr;align-items:center;gap:.35rem .6rem;padding:.35rem 0 .35rem .6rem;display:grid}.map-side-name{font-weight:600}.map-side-ledger{opacity:.85;grid-column:1/-1;margin:0;font-size:.85rem;line-height:1.35}.map-colours{flex-wrap:wrap;grid-column:1/-1;gap:.35rem;display:flex}.map-colour{cursor:pointer;border:2px solid #0000;border-radius:50%;width:1.6rem;height:1.6rem;padding:0}@media (any-pointer:coarse){.map-colour,.lobby-seat .map-colour{width:36px;height:36px;min-height:0}}.touch-device .map-colour,.touch-device .lobby-seat .map-colour{width:36px;height:36px;min-height:0}.map-colour[aria-checked=true]{border-color:#e9f4f8;box-shadow:0 0 0 2px #0b141b}.map-colour:focus-visible{outline-offset:3px;outline:3px solid #66dec4}.campaign-difficulty{color:#c7d6de;font-size:13px}.comic-reading{outline-offset:2px;outline:2px solid #6fc3df}.comic-panel.comic-panel-reading{border-color:#2e5f70}.comic-reading-text{border-left:2px solid #6fc3df;padding-left:8px}.account-status{color:#b9cbd4;align-items:center;gap:8px;min-width:0;margin-left:auto;font-size:12px;display:flex}.space-page .menu-head .account-status{pointer-events:auto}.account-avatar{color:#849da9;background:#12202b;border:1px solid #2f4654;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.account-avatar.signed-in{color:#e6fff6;background:#1f5a4c;border-color:#78d4ba}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.account-action{font:inherit;color:#9fd8c4;cursor:pointer;background:0 0;border:1px solid #2f4654;border-radius:5px;padding:3px 9px;font-size:12px}.account-action:hover,.account-action:focus-visible{border-color:#78d4ba}.account-backdrop{z-index:85;background:#03080cb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.account-panel{color:#e6eef2;text-align:left;background:#0d1821;border:1px solid #2b3d48;border-radius:10px;width:min(380px,100%);max-height:calc(100svh - 32px);padding:22px;overflow:auto}.account-panel h2{margin:0 0 14px;font-size:18px;font-weight:600}.account-providers{gap:10px;margin:0;padding:0;list-style:none;display:grid}.account-provider{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:40px;padding:0 14px;font-family:Roboto,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:flex}button.account-provider{cursor:pointer;width:100%}button.account-provider:disabled{opacity:.6;cursor:progress}.account-waiting{color:#b9cbd4;margin:0 0 12px;font-size:13px}.account-provider:focus-visible{outline-offset:2px;outline:3px solid #66dec4}.provider-mark{flex:none}.provider-google{color:#e3e3e3;background:#131314;border-color:#8e918f;border-radius:20px}.provider-apple{color:#000;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}.provider-steam{color:#fff;background:#171a21;border-color:#66c0f4}.account-providers-label{opacity:.8;margin:.5rem 0 .25rem;font-size:.85rem}.account-steam-note{max-width:22rem;margin:.25rem 0 0;font-size:.8rem}.provider-amazon{color:#111;background:#f0c14b;border-color:#a88734}.provider-microsoft{color:#fff;background:#2f2f2f;border-color:#8c8c8c;border-radius:0;font-family:Segoe UI,system-ui,sans-serif}.provider-discord{color:#fff;background:#5865f2}.provider-facebook{color:#fff;background:#1877f2}.provider-x{color:#fff;background:#000;border-color:#536471}.provider-fake{color:#cfeee3;background:#1d2f3b;border:1px dashed #78d4ba}.account-note{color:#8ba0ad;margin:16px 0 0;font-size:12px;line-height:1.5}.account-failed{color:#f0b3a0;margin:0 0 12px;font-size:13px}.account-close{font:inherit;color:#b9cbd4;cursor:pointer;background:0 0;border:1px solid #2f4654;border-radius:5px;margin-top:14px;padding:6px 12px;font-size:13px}.account-open{min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:2px 4px 2px 2px;display:flex}.account-open:hover,.account-open:focus-visible{border-color:#2f4654}.account-open:focus-visible,.account-danger:focus-visible,.account-close:focus-visible,.account-link:focus-visible{outline-offset:2px;outline:3px solid #66dec4}.account-own p{margin:0 0 10px;font-size:14px;line-height:1.5}.account-own p.account-note{margin:10px 0 0;font-size:12px}.account-own p.account-failed{margin:0 0 12px;font-size:13px}.account-link{color:#9fd8c4}.account-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.account-actions .account-close{margin-top:0}.account-danger{font:inherit;color:#ffd9cf;cursor:pointer;background:#3a1a14;border:1px solid #c8735e;border-radius:5px;padding:6px 12px;font-size:13px}.account-danger:hover{background:#4c2219}.account-danger:disabled,.account-close:disabled{opacity:.6;cursor:progress}.account-places{border-top:1px solid #22343f;margin:16px 0 0;padding-top:14px}.account-panel .account-places h3{margin:0 0 10px;font-size:15px;font-weight:600}.account-places h3:focus{outline:none}.account-places ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.account-place{border:1px solid #22343f;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.account-place[data-current=true]{border-color:#3f6f62}.account-own .account-place p{color:#8ba0ad;margin:0;font-size:12px;line-height:1.4}.account-own .account-place p.account-place-name{color:#e6eef2;font-size:14px}.account-place .account-close{flex:none;margin-top:0}.account-player-name{border-top:1px solid #22343f;margin:14px 0 0;padding-top:12px}.account-player-name .account-close{margin-top:0}.account-name-form label{color:#b9cbd4;margin:4px 0 6px;font-size:13px;display:block}.account-name-form input{box-sizing:border-box;width:100%;font:inherit;color:#e6eef2;background:#0f1b22;border:1px solid #2f4654;border-radius:5px;padding:8px 10px;font-size:15px}.account-name-form input[aria-invalid=true]{border-color:#c8735e}.account-name-form input:focus-visible,.account-primary:focus-visible{outline-offset:2px;outline:3px solid #66dec4}.account-own .account-name-form p.account-note .account-failed{margin:0}.account-primary{font:inherit;color:#e3fbf3;cursor:pointer;background:#17463d;border:1px solid #66dec4;border-radius:5px;padding:6px 14px;font-size:13px}.account-primary:hover{background:#1d5a4e}.account-primary:disabled{opacity:.6;cursor:progress}@media (width<=640px){.account-name{max-width:9ch}}.landscape-only{display:contents}.turn-sideways{z-index:1000;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:#c7d6de;text-align:center;background:radial-gradient(70% 50% at 50% 35%,#145a6447,#0000),#0a121a;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.turn-icon{color:#78d4ba}.turn-sideways h1{color:#eef4f7;letter-spacing:.01em;margin:0;font-size:22px;font-weight:600}.turn-sideways p{max-width:30ch;margin:0;font-size:15px;line-height:1.5}.turn-sideways .turn-window{color:#8aa0ac;font-size:13px}@media (any-pointer:coarse){.turn-sideways .turn-window{display:none}}.error-backdrop{z-index:1100;background:#03080cd1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.error-card{box-sizing:border-box;color:#e6eef2;text-align:left;background:#0d1821;border:1px solid #2b3d48;border-radius:10px;width:min(460px,100%);max-height:calc(100svh - 32px);padding:22px;overflow:auto}.error-card h2{margin:0 0 10px;font-size:18px;font-weight:600}.error-card p{margin:0 0 10px;line-height:1.45}.error-card .error-note{color:#b9cbd4;font-size:13px}.error-actions{flex-wrap:wrap;gap:8px;margin:14px 0 8px;display:flex}.error-actions button{font:inherit;color:#e6eef2;background:#12232d;border:1px solid #2f4654;border-radius:5px;padding:7px 12px;font-size:14px}.error-card .error-copied{color:#9fd8c4;min-height:1.2em;font-size:13px}.error-card summary{color:#b9cbd4;font-size:13px}.error-card textarea{box-sizing:border-box;color:#e6eef2;resize:vertical;background:#08121a;border:1px solid #2b3d48;border-radius:5px;width:100%;margin-top:8px;font:12px/1.4 ui-monospace,monospace}.page-notices{z-index:60;pointer-events:none;gap:8px;width:min(560px,100vw - 32px);display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.page-notice{color:#dbe6eb;pointer-events:auto;background:#0f1c25;border:1px solid #2b414d;border-radius:6px;align-items:center;gap:12px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4;display:flex;box-shadow:0 6px 20px #00000073}.page-notice span{flex:1}.portal-bar{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));z-index:55;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100vw - 16px);font-size:12px;display:flex;position:fixed}.portal-bar>*{pointer-events:auto}.portal-link{color:#9fc2cf;text-underline-offset:2px;background:#0a121ad9;border-radius:4px;padding:4px 8px;text-decoration:underline}.portal-link:hover,.portal-link:focus-visible{color:#dbe6eb}.portal-full{color:#dbe6eb;font:inherit;cursor:pointer;background:#12202b;border:1px solid #2f4654;border-radius:4px;padding:4px 10px}.portal-note{color:#dbe6eb;background:#0f1c25;border:1px solid #2b414d;border-radius:4px;margin:0;padding:4px 8px}.portal-sign-in{color:#9fc2cf}.turn-sideways .portal-full{margin-top:12px;padding:8px 16px;font-size:14px}.campaign-stop-lock{pointer-events:none}.campaign-stop-lock-body{fill:#e6d9a8;stroke:#03070bd9;stroke-width:1.5px}.campaign-stop-lock-shackle{fill:none;stroke:#e6d9a8;stroke-width:2px}.star-world-premium{letter-spacing:1px;text-transform:uppercase;fill:#e6d9a8;paint-order:stroke;stroke:#03070be6;stroke-width:4px;pointer-events:none;font-size:12px;font-weight:700}.world-premium,.premium-title{color:#e6d9a8;align-items:center;gap:6px;display:flex}.world-premium{margin:0 0 8px;font-size:13px}.premium-lock{flex:none}.premium-card{color:#dbe6eb;background:#1e1b0f99;border:1px solid #5d5435;border-radius:8px;gap:8px;margin:4px 0 8px;padding:12px;font-size:14px;line-height:1.45;display:grid}.premium-card p{margin:0}.premium-card .premium-title{letter-spacing:1px;text-transform:uppercase;margin:0;font-size:15px}.premium-free,.premium-progress{color:#b7c7d0;font-size:13px}.premium-price{font-weight:600}.premium-fine{color:#8aa0ac;font-size:12px}.premium-links{flex-wrap:wrap;gap:12px;display:flex}.purchase-card{width:min(480px,100%)}.purchase-card .premium-card{margin:0}@media (height<=500px){.purchase-card .premium-card{gap:5px;padding:10px;font-size:13px;line-height:1.35}.purchase-card .premium-free,.purchase-card .premium-progress{font-size:12px}}.publish-card{width:min(520px,100%)}.publish-card .premium-card{margin:0}.publish-form{gap:8px;display:grid}.publish-agree{color:#c7d6de;font-size:.85rem}.publish-agree a{color:#8fd3e8}.publish-line{color:#f0c27a}.publish-mine ul{gap:6px;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.community-page{overflow-y:auto}.community-maps{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;width:min(960px,100%);margin:0 auto;padding:0;list-style:none;display:grid}.community-map{overflow-wrap:anywhere;background:#0d1a24d9;border:1px solid #2d4b58;border-radius:10px;align-content:start;gap:6px;padding:12px 14px;display:grid}.community-map h2{margin:0;font-size:1.05rem}.community-map p{margin:0}.community-actions{flex-wrap:wrap;gap:8px;display:flex}.map-community-link{text-align:center;padding:10px 4px}.map-community-link a{color:#8fd3e8}button.star-buy{width:100%;margin-top:8px;display:block}.more-stars-card{width:min(480px,100%)}.more-stars-card h2{margin:0;font-size:20px;font-weight:500}.more-stars-ways{gap:8px;margin:0;padding-left:20px;line-height:1.45;display:grid}.premium-link{color:#9fd8ff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.premium-active{color:#b7c7d0;margin:0 0 8px;font-size:13px}.premium-active p{margin:0}.premium-notice{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:60;width:min(560px,100vw - 32px);position:fixed;transform:translate(-50%)}.guide-arrow,.guide-ring{z-index:55;pointer-events:none;position:fixed;top:0;left:0}.guide-arrow[hidden],.guide-ring[hidden]{display:none}.guide-arrow svg{filter:drop-shadow(0 1px 3px #000000b3);animation:1s ease-in-out infinite guide-arrow-pulse;display:block;position:absolute;top:-40px;left:-14px}.guide-arrow[data-pointing=up] svg{top:0;rotate:180deg}.guide-ring{box-sizing:border-box;border:3px solid #ffd166;border-radius:10px;animation:1s ease-in-out infinite guide-ring-pulse;box-shadow:0 0 0 2px #1b1206bf,0 0 12px #ffd16699}@keyframes guide-arrow-pulse{0%,to{opacity:1;translate:0}50%{opacity:.45;translate:0 -5px}}.guide-arrow[data-pointing=up] svg{animation-name:guide-arrow-pulse-up}@keyframes guide-arrow-pulse-up{0%,to{opacity:1;translate:0}50%{opacity:.45;translate:0 5px}}.guide-arrow[data-pointing=edge] svg{transform-origin:14px 40px;rotate:var(--edge-angle,0deg);animation-name:guide-arrow-pulse-edge}@keyframes guide-arrow-pulse-edge{0%,to{opacity:1}50%{opacity:.45}}@keyframes guide-ring-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.guide-arrow svg,.guide-arrow[data-pointing] svg,.guide-ring{animation:none}}.panel-group-selection>.panel-title{white-space:nowrap;text-overflow:ellipsis;flex:0 0 100%;min-width:0;overflow:hidden}.economy-hud strong,.command-label{font-variant-numeric:tabular-nums}.command-panel [data-testid=select-army],.command-panel [data-testid=idle-workers]{min-width:9.5em}@media (height<=500px){.command-panel [data-testid=select-army],.command-panel [data-testid=idle-workers]{min-width:44px}}.command-panel button:not(:disabled) .glyph-attack-move{color:#f6b45c}.command-panel button:not(:disabled) .glyph-stop{color:#ff8c7d}.command-panel button:not(:disabled) .glyph-hold{color:#8fc1ff}.command-panel button:not(:disabled) .glyph-patrol{color:#84e2ad}.command-panel button:not(:disabled) .glyph-select-all,.command-panel button:not(:disabled) .glyph-touch-select{color:#9fe7ff}.command-panel button:not(:disabled) .glyph-rally,.command-panel button:not(:disabled) .glyph-lay,.command-panel button:not(:disabled) .glyph-ramp,.command-panel button:not(:disabled) .glyph-rise{color:#e5d17a}.command-panel button:not(:disabled) .glyph-cancel{color:#ff8c7d}.command-panel button:not(:disabled) .glyph-research{color:#c8b0ff}@media (height<=500px){main{position:relative}.masthead{z-index:6;box-sizing:border-box;background:0 0;border-bottom:0;flex-wrap:nowrap;gap:6px;max-width:100%;padding:3px 8px;position:absolute;top:0;right:0}.editor .masthead{position:static}.masthead.masthead-dev{background:#08121c;position:static}.masthead .controls{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;min-width:0}.brand{letter-spacing:0;gap:0;font-size:0}.masthead .state{display:none}.hud-top{gap:2px;padding:12px 230px 4px 8px;font-size:13px}.economy-hud{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.economy-hud [data-testid=training],.economy-hud [data-testid=site],.economy-hud [data-testid=research],.panel-group-selection>.panel-title,.command-panel .cost{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.command-panel{padding:4px 8px max(4px, calc(env(safe-area-inset-bottom,0px) - 12px));flex-wrap:wrap;overflow:visible}.command-panel .panel-group-building{grid-template-columns:max-content auto minmax(0,auto);grid-template-areas:"title orders queue""crew orders queue";align-items:center;gap:2px 8px}.command-panel .panel-group-building>.base-crew{grid-area:crew;font-size:11px}.command-panel .panel-orders{gap:6px}.command-panel .train-tile{gap:1px;width:auto;min-width:52px;padding:3px 6px}.command-panel .train-tile-icon{width:30px;height:30px}.command-panel .train-tile-name,.command-panel .panel-queue .queue-empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.command-panel .panel-queue{width:auto;max-width:none;max-height:44px}.command-panel button{flex:none;padding:0 8px}.range-note{display:none}.status-line{white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;gap:8px;font-size:12px;overflow:hidden}.masthead button{padding:0 10px}.masthead .setup-toggle .command-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.command-panel>.panel-group{flex:0 auto;min-width:0}.command-panel>.touch-controls{margin-left:auto}}.command-panel[data-context=building]>.panel-group-selection,.command-panel[data-context=building] .touch-group,.command-panel[data-context=none] .stop-order,.command-panel[data-context=units] [data-testid=select-all],.command-panel[data-context=units] [data-testid=select-army],.command-panel[data-context=units] [data-testid=idle-workers],.command-panel[data-context=units] [data-testid=select-building]{display:none}.command-panel[data-context=building]>.panel-group-building{border-left:0;padding-left:0}.sheet-toggle,.sheet-head{display:none}.sheet-set{display:contents}.command-panel[data-choices=panel] .sheet-set{flex-wrap:wrap;flex-basis:100%;gap:7px;display:flex}.command-panel[data-choices=panel] .sheet-set>button{grid-template-columns:var(--tile-picture,56px) minmax(0, 1fr);text-align:left;white-space:normal;grid-template-rows:auto auto;align-items:center;gap:2px 10px;min-width:150px;max-width:16rem;padding:5px 14px 5px 6px;display:grid;position:relative}.command-panel[data-choices=panel] .sheet-set .command-icon{width:var(--tile-picture,56px);height:var(--tile-picture,56px);grid-row:1/3;margin:0}.command-panel[data-choices=panel] .sheet-set .command-label{align-self:end}.command-panel[data-choices=panel] .sheet-set .cost{align-self:start;margin-left:0}@media (width>=1600px) and (height>=900px){.command-panel{--tile-picture:64px}}.command-panel[data-choices=sheet] .sheet-toggle{align-items:center;display:inline-flex}.command-panel[data-choices=sheet] .sheet-set{display:none}.command-panel[data-choices=sheet] .sheet-set.sheet-set-open{z-index:30;padding:max(16px, env(safe-area-inset-top)) max(24px, var(--safe-right,0px), calc((100% - 820px) / 2)) max(24px, env(safe-area-inset-bottom)) max(24px, var(--safe-left,0px), calc((100% - 820px) / 2));overscroll-behavior:contain;pointer-events:auto;background:#050c13e8;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:min-content;align-content:end;gap:12px;display:grid;position:fixed;inset:0;overflow-y:auto}.sheet-set-open .sheet-head{letter-spacing:1.4px;text-transform:uppercase;color:#9fc0cc;grid-column:1/-1;justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;display:flex}.command-panel .sheet-set-open button:not(.sheet-close){white-space:normal;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:136px;padding:12px 10px;font-size:15px;display:flex;position:relative}.command-panel .sheet-set-open .command-label,.command-panel .sheet-set-open .cost{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.command-panel .sheet-set-open .cost{color:#9fc0cc;margin-left:0;font-size:13px}.command-panel .sheet-set-open button:not(.sheet-close) .command-icon{width:64px;height:64px;margin:0}.command-panel .sheet-set-open .build-lock{position:absolute;top:6px;right:8px}.sheet-close{min-width:44px;min-height:44px}.sheet-close .command-icon{margin:0}@media (height<=500px){.command-panel[data-choices=sheet] .sheet-set.sheet-set-open{padding:max(10px, env(safe-area-inset-top)) max(16px, var(--safe-right,0px)) max(12px, env(safe-area-inset-bottom)) max(16px, var(--safe-left,0px));background:#050c13f5;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px}.command-panel .sheet-set-open button:not(.sheet-close){gap:4px;min-height:104px;padding:10px 8px;font-size:14px}.command-panel .sheet-set-open .cost{font-size:12px}.command-panel .sheet-set-open button:not(.sheet-close) .command-icon{width:48px;height:48px}}@media (height>=501px){.train-tile{width:6.2rem}.train-tile-icon{width:52px;height:52px}}@media (height<=500px) and (any-pointer:coarse){.view-controls{display:none}}main.main-menu{flex-direction:column;height:100svh;min-height:0;padding:0;display:flex;overflow:hidden}.main-menu .menu-stage{flex:1;min-height:0;position:relative;inset:auto}.stores-notice{padding:6px max(16px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#dbe6eb;background:#071017;border-top:1px solid #78c8d229;flex:none;align-items:center;gap:12px;font-size:13px;line-height:1.4;display:flex}.stores-notice p{flex:1;margin:0}.stores-notice-link,.stores-notice-close{flex:none;align-items:center;min-height:36px;font-size:13px;display:inline-flex}.stores-notice-link{color:#bfeff2;border:1px solid #78c8d273;border-radius:6px;padding:0 12px;text-decoration:none}.stores-notice-link:hover,.stores-notice-link:focus-visible{color:#fff;border-color:#8fe3e8}@media (any-pointer:coarse){.stores-notice-link,.stores-notice-close{min-height:44px}}@media (height<=430px){.stores-notice{font-size:12px;line-height:1.3}}.main-menu .menu-head{z-index:4;padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));background:linear-gradient(#03070bb3,#0000);border-bottom:0;position:absolute;inset:0 0 auto}.main-menu .menu-head .account-status,.main-menu .menu-gear{pointer-events:auto}.main-menu .account-status{margin-left:auto}.menu-gear{color:#d4e9ef;background:#09141db3;border:1px solid #78c8d259;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.menu-gear:hover{color:#fff;background:#213843}.menu-space{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.menu-world{cursor:pointer}.menu-world-hit{fill:#0000}.menu-world-halo{fill:none;stroke:#66dec4;stroke-width:2px;opacity:0;filter:drop-shadow(0 0 10px #66dec4d9);pointer-events:none;transition:opacity .18s ease-out}.menu-world[data-hot=true] .menu-world-halo{opacity:.9}.menu-entries{pointer-events:none;position:absolute;inset:0}.menu-entry{z-index:2;box-sizing:border-box;color:#cfe3ea;min-height:48px;font:inherit;text-align:left;white-space:normal;pointer-events:auto;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;gap:2px;padding:6px 12px;text-decoration:none;transition:background-color .18s ease-out,border-color .18s ease-out;display:grid;position:absolute;transform:translateY(-50%)}.menu-entry:hover{background:#09141d8c}.menu-entry-name{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#bfe9de;text-shadow:0 0 6px #03070bf2,0 0 14px #03070bcc;font-size:clamp(16px,.8vw + 8px,24px);font-weight:600;transition:color .18s ease-out,text-shadow .18s ease-out}.menu-entry-note{color:#9fb8c2;text-shadow:0 0 6px #03070bf2;font-size:clamp(12px,.35vw + 9px,15px);line-height:1.3}.menu-entry[data-hot=true]{background:#09141d99;border-color:#66dec473}.menu-entry[data-hot=true] .menu-entry-name{color:#fff;text-shadow:0 0 8px #66dec4f2,0 0 22px #66dec4b3,0 0 4px #03070be6}.menu-entry[data-hot=true] .menu-entry-note{color:#e2f3f7}.menu-ships{pointer-events:none;position:absolute;inset:0;overflow:hidden}.menu-ships img{opacity:.85;filter:drop-shadow(0 0 6px #66dec459);width:clamp(28px,3vw,46px);height:auto;position:absolute}.menu-ships img:first-child{animation:46s linear infinite menu-ship-a;top:18%;left:34%}.menu-ships img:nth-child(2){animation:58s linear infinite menu-ship-b;top:86%;left:46%}.menu-ships img:nth-child(3){animation:64s linear infinite menu-ship-c;top:12%;left:74%;transform:scaleX(-1)}@keyframes menu-ship-a{0%{transform:translate(-30vw,6vh)}to{transform:translate(60vw,-4vh)}}@keyframes menu-ship-b{0%{transform:translate(50vw)}to{transform:translate(-60vw,-10vh)}}@keyframes menu-ship-c{0%{transform:translate(20vw,2vh)scaleX(-1)}to{transform:translate(-90vw,12vh)scaleX(-1)}}@media (prefers-reduced-motion:reduce){.menu-ships img{animation:none!important}.menu-entry,.menu-entry-name,.menu-world-halo{transition:none}}@media (height<=500px){.menu-entry{padding:4px 8px}.menu-entry-name{letter-spacing:.08em;font-size:16px}.menu-panel .menu-panel-body{padding:10px 16px 12px}.menu-panel .menu-panel-foot{padding:8px 16px 10px}.menu-panel .menu-panel-head{padding:8px 16px 6px}.menu-ships img{width:26px}}.menu-panel-backdrop{z-index:40;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) 12px;background:#03070b73;justify-content:flex-end;display:flex;position:fixed;inset:0}.menu-panel{-webkit-backdrop-filter:blur(10px);background:#09141df0;border:1px solid #78c8d247;border-radius:12px;flex-direction:column;width:clamp(320px,36vw,520px);max-height:100%;display:flex;box-shadow:0 20px 60px #0000008c}.menu-panel-head,.gear-head{border-bottom:1px solid #78c8d229;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 10px;display:flex}.menu-panel-head h2,.gear-head h2{letter-spacing:.12em;text-transform:uppercase;color:#e9f4f8;margin:0;font-size:18px;font-weight:600}.menu-panel-close,.gear-close{min-height:36px;font-size:13px}.menu-panel-body{overscroll-behavior:contain;align-content:start;gap:14px;padding:14px 18px 18px;display:grid;overflow-y:auto}.menu-panel-foot{border-top:1px solid #78c8d229;flex:none;gap:8px;padding:10px 18px 14px;display:grid}.menu-panel-foot .menu-actions{margin-top:0}.menu-panel-body p,.menu-panel-foot p,.gear-section p{color:#b8cad2;margin:0;font-size:14px;line-height:1.55}.menu-block{border-top:1px solid #78c8d21f;gap:8px;padding-top:12px;display:grid}.menu-block h3,.gear-section h3{color:#e2f0f4;margin:0;font-size:15px;font-weight:600}.menu-panel .menu-actions,.gear-section .menu-actions{margin-top:0}@media (any-pointer:coarse){.menu-panel .menu-actions a,.menu-panel .menu-actions button,.menu-panel .menu-file,.gear-section button,.gear-section select,.gear-section .menu-actions a,.gear-tabs [role=tab]{min-height:44px}}@media (width<=760px){.menu-panel{width:min(100%,420px)}}.gear-backdrop{z-index:50;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:auto;background:#03080cb8;place-items:center;display:grid;position:fixed;inset:0}.gear-panel{width:min(820px,100%);height:min(620px, calc(100svh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom))));color:#e6eef2;background:#0d1821;border:1px solid #2b3d48;border-radius:12px;flex-direction:column;display:flex;box-shadow:0 20px 60px #0000008c}.gear-body{flex:1;min-height:0;display:flex}.gear-tabs{border-right:1px solid #78c8d21f;flex-direction:column;flex:none;gap:4px;width:clamp(130px,20vw,190px);padding:12px 10px;display:flex;overflow-y:auto}.gear-tabs [role=tab]{text-align:left;color:#b8cad2;background:0 0;border-color:#0000;align-items:center;padding:9px 12px;font-size:14px;display:flex}.gear-tabs [role=tab]:hover{background:#172630}.gear-tabs [role=tab][aria-selected=true]{color:#e6fff7;background:#173a35;border-color:#397e6e}.gear-section{overscroll-behavior:contain;flex:1;min-width:0;padding:16px 20px 20px;overflow-y:auto}.gear-section:focus-visible{outline-offset:-3px}.gear-game,.gear-account,.gear-feedback,.gear-about{gap:14px;display:grid}.gear-row{flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:14px;display:flex}.gear-row select,.gear-row button{font-size:14px}.gear-row input[type=range]{flex:1;min-width:140px;max-width:280px}.gear-switches{flex-direction:column;align-items:flex-start}.gear-progress{border-top:1px solid #78c8d21f;gap:8px;padding-top:12px;display:grid}.gear-account .account-status{margin-left:0;font-size:14px}.gear-account .account-action{padding:6px 12px;font-size:14px}.gear-section .premium-card{margin:0}.feedback-head{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:14px;display:grid}.feedback-head dt{color:#8aa0ac}.feedback-head dd{color:#e9f4f8;overflow-wrap:anywhere;margin:0;font-family:inherit}.feedback-body{box-sizing:border-box;color:#dbe6eb;resize:vertical;background:#08121a;border:1px solid #2b414d;border-radius:6px;width:100%;min-height:160px;padding:10px;font:13px/1.5 ui-monospace,SFMono-Regular,monospace}.about-versions{gap:4px;margin:0;font-size:14px;display:grid}.about-versions div{grid-template-columns:120px 1fr;gap:12px;display:grid}.about-versions dt{color:#8aa0ac}.about-versions dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,monospace}.about-thanks{color:#b8cad2;gap:8px;font-size:13px;display:grid}.about-thanks summary{cursor:pointer;color:#e2f0f4;font-size:14px}.about-thanks ul{margin:0;padding-left:18px;line-height:1.5}.about-links a{color:#9fd8c4}@media (height<=500px){.gear-head{padding:6px 14px}.gear-tabs{width:128px;padding:8px 6px}.gear-section{padding:10px 14px 14px}}.factions-page{--cards-height:168px;padding-bottom:max(48px, env(safe-area-inset-bottom))}.factions-top{z-index:5;background:#0a121a;border-bottom:1px solid #20303b;position:sticky;top:0}.factions-top .menu-head{padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));border-bottom:0}.faction-cards{padding:0 max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));overscroll-behavior-x:contain;scrollbar-width:thin;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.faction-card{--tone:#66dec4;border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--tone) 26%, transparent), transparent 70%), #0d1a24;color:#e9f4f8;border-radius:12px;grid-template-rows:auto auto 1fr;gap:2px;min-width:0;padding:10px 12px;text-decoration:none;transition:border-color .16s ease-out;display:grid;position:relative}.faction-card:hover{border-color:var(--tone)}.faction-card[aria-current=true]{border-color:var(--tone);box-shadow:0 0 0 1px var(--tone), 0 0 18px color-mix(in srgb, var(--tone) 40%, transparent)}.faction-card-name{letter-spacing:.1em;text-transform:uppercase;color:var(--tone);font-size:16px;font-weight:700}.faction-card-eyebrow{color:#a9bec7;font-size:12px}.faction-card-art{align-items:flex-end;gap:2px;margin-top:6px;display:flex}.faction-card .portrait-card{border-color:var(--tone);width:56px;height:56px}.faction-card-nobody{background:#0b141b}.faction-card-nobody img{object-fit:contain;padding:6px}.faction-card-machine{width:52px;height:52px}@media (height<=500px){.factions-page{--cards-height:104px}.faction-cards{grid-auto-columns:minmax(132px,1fr);padding-bottom:8px}.faction-card{padding:6px 10px}.faction-card-eyebrow{display:none}.faction-card-art{margin-top:2px}.faction-card .portrait-card{width:40px;height:40px}.faction-card-machine{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.faction-card{transition:none}}.factions-body{max-width:1120px;padding:18px max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));margin:0 auto}.factions-title{margin:0 0 6px;font-size:clamp(22px,2vw + 10px,32px);font-weight:500}.factions-intro{color:#a9bec7;margin:0 0 18px}.faction-section{--tone:#66dec4;scroll-margin-top:calc(var(--cards-height) + 64px);border-top:2px solid color-mix(in srgb, var(--tone) 55%, transparent);gap:8px;padding:22px 0 26px;display:grid}.faction-section h2{letter-spacing:.08em;text-transform:uppercase;color:var(--tone);margin:0;font-size:clamp(22px,1.5vw + 12px,30px)}.faction-section h2:focus{outline:none}.faction-section h2:focus-visible{outline-offset:4px;outline:3px solid #66dec4}.faction-section h3{color:#e2f0f4;margin:12px 0 2px;font-size:16px;font-weight:600}.faction-section p,.faction-how dd{color:#c3d3da;max-width:72ch;margin:0;font-size:15px;line-height:1.6}.faction-section .faction-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#a9bec7;align-items:center;gap:8px;font-size:13px;display:flex}.faction-preview,.faction-own{border:1px solid color-mix(in srgb, var(--tone) 60%, transparent);letter-spacing:.06em;text-transform:uppercase;color:var(--tone);border-radius:999px;padding:1px 7px;font-size:11px}.faction-belief strong{color:#e9f4f8}.faction-how{gap:4px 0;margin:0;display:grid}.faction-how dd,.faction-unit-numbers dd{font-variant-numeric:tabular-nums;font-family:inherit}.faction-how dt{color:#8aa0ac;margin-top:6px;font-size:13px}.faction-units{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.faction-unit{background:#0d1a24;border:1px solid #22323d;border-radius:10px;grid-template-columns:64px 1fr;gap:10px;padding:10px;display:grid}.faction-unit h4{color:#e9f4f8;margin:0;font-size:15px}.faction-section .faction-unit-moves{color:#8aa0ac;font-size:12px}.faction-unit-traits{flex-wrap:wrap;gap:4px;margin:6px 0;padding:0;list-style:none;display:flex}.faction-unit-traits li{color:#b9d3db;background:#16262f;border-radius:999px;padding:1px 7px;font-size:11px}.faction-unit-numbers{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:12px;display:grid}.faction-unit-numbers dt{color:#8aa0ac}.faction-unit-numbers dd{color:#e2f0f4;margin:0}.faction-buildings,.faction-research{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.faction-buildings li{background:#0d1a24;border:1px solid #22323d;border-radius:10px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;display:flex}.faction-buildings li[data-own=true]{border-color:color-mix(in srgb, var(--tone) 60%, transparent)}.faction-research li{color:#d4e4ea;border:1px solid #22323d;border-radius:999px;padding:6px 12px;font-size:14px}