:root{color-scheme:dark;--ochre: #B8843D;--ochre-dim: #8E6B2A;--parchment: #E8DCC4;--parchment-dim: #C4B69A;--brick: #A8412E;--brick-dark: #6B2D1A;--deep-blue: #2D5F7E;--slate: #4A5568;--op-gold: #C9B05E;--bg: #1A1410;--panel: #221A14;--ink: var(--parchment);--muted: #8B7B6B;--border: #3D2E22;--mine: var(--brick-dark);--gen: var(--ochre);--water: var(--deep-blue);--green: #5E8A5E;--oxy: var(--parchment-dim);--shelter: #7A4250;--research: var(--slate);--empty: #723722A6;--empty-edge: #3B7078;--atom-mineral: #5A3825;--atom-battery: var(--ochre);--atom-water: #3E6B8E;--atom-plant: #5E8A5E;--atom-oxygen: #B8B0A4;--atom-crystal: #B89AC4;--atom-op: #C9B05E;--atom-colonist: #D4B89E;--atom-bot: #8AA4C4;--atom-progress: #7AA48E;--atom-trigger: var(--brick);--atom-ship: #AAB8C4;--player-red: #892C70;--player-blue: #1D8F8A;--player-green: #4FAFC4;--player-yellow: #B8B83D;--accent-primary: var(--deep-blue);--accent-alert: var(--brick);--accent-live: #2D7E83;--font-display: Georgia, "Source Serif Pro", "IBM Plex Serif", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.45}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/onmars/assets/backgrounds/mars_surface.svg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.6) sepia(.18) brightness(.85);opacity:.55;pointer-events:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:.01em}h1{font-size:22px;letter-spacing:.04em;text-transform:uppercase}h2{font-size:16px}h3{font-size:14px}.app{display:grid;grid-template-columns:1fr 320px;height:100%;gap:0}.map-pane{position:relative;overflow:hidden;background-color:transparent;background-image:var(--map-bg, url(/onmars/assets/backgrounds/mars_surface.svg));background-size:cover;background-position:center;display:flex;align-items:stretch;justify-content:stretch;width:100%;height:100%;min-width:0;min-height:0}.map-pane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#140e0a00 38%,#140e0a8c);z-index:0}.map-pane>svg{position:relative;z-index:1;height:100%;width:auto;max-width:100%;min-width:0;min-height:0;margin:0 auto}.map-pane>.hover-info{z-index:5}.map-pane>.zoom-controls{z-index:2}.side-pane{border-left:1px solid var(--border);background:var(--panel);padding:16px 16px 24px;overflow-y:auto;font-size:13px}.side-pane h1{font-size:14px;margin:0 0 4px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.side-pane h2{font-size:12px;margin:16px 0 6px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.side-pane .path{font-family:var(--font-mono);font-size:11px;color:var(--muted);word-break:break-all;margin:0 0 8px}.side-pane ul{margin:0;padding-left:16px}.side-pane li{margin-bottom:2px}.side-pane .legend-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.legend-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.3)}.legend-swatch--icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.error{color:var(--accent-alert);background:color-mix(in srgb,var(--accent-alert) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-alert) 40%,transparent);padding:8px 12px;margin:12px;border-radius:4px;font-family:var(--font-mono);font-size:12px;white-space:pre-wrap}.hex{stroke:var(--empty-edge);stroke-width:2;transition:filter .16s ease,stroke .16s ease}.hex--empty{fill:var(--empty)}.hex--MINE_CENTER{fill:var(--mine)}.hex--STARTING_GENERATOR{fill:var(--gen)}.hex--STARTING_WATER_EX{fill:var(--water)}.hex--STARTING_GREENHOUSE{fill:var(--green)}.hex--STARTING_OXYGEN_COND{fill:var(--oxy)}.hex--SHELTER_SITE{fill:var(--shelter)}.hex--RESEARCH_TILE_SITE{fill:var(--empty)}.hex--hover{filter:brightness(1.12);stroke:var(--ochre);stroke-width:2.5}.hex-label{font-family:var(--font-mono);font-size:10px;fill:#0b0e13;pointer-events:none;text-anchor:middle;dominant-baseline:central;font-weight:600}.hex-label--shelter{fill:#f7d4e3;font-size:9px}.hex-coord{font-family:var(--font-mono);font-size:8px;fill:#0b0e138c;pointer-events:none;text-anchor:middle;dominant-baseline:central}.hex-coord--on-dark{fill:#e8e6e173}.picker{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.picker button{background:transparent;color:var(--ink);border:1px solid var(--border);padding:4px 10px;font-size:12px;border-radius:4px;cursor:pointer}.picker button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.zoom-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;z-index:2}.zoom-controls button{background:#141921e6;color:var(--ink);border:1px solid var(--border);padding:4px 10px;font-size:13px;cursor:pointer;border-radius:4px;min-width:32px}.zoom-controls button:hover{filter:brightness(1.2)}.hover-info{position:absolute;bottom:12px;left:12px;background:#141921eb;border:1px solid var(--border);padding:8px 12px;border-radius:4px;font-size:12px;font-family:var(--font-mono);pointer-events:none;max-width:280px;z-index:5}.hover-info .k{color:var(--muted)}.top-banner{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:10px 18px;border-bottom:1px solid var(--border);border-top:3px solid var(--brick);background:var(--panel);grid-column:1 / -1}.top-banner__title-block{flex:0 0 auto;margin-right:36px}.top-banner__meta{flex:1 1 auto;min-width:0}.top-banner .title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--parchment);line-height:1;margin:0}.top-banner .subtitle{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--ochre);margin-top:2px}.top-banner .sub{color:var(--muted);font-size:12px;margin-top:4px}.banner-clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--ochre)}.banner-clock strong{color:var(--ink);font-weight:700}.modal-queue-indicator{position:fixed;top:12px;right:16px;z-index:1100;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;background:color-mix(in srgb,var(--ochre) 22%,var(--bg));border:1px solid var(--ochre);border-radius:999px;color:var(--ink);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;pointer-events:none}.modal-queue-indicator__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ochre);animation:modal-queue-pulse 1.4s ease-in-out infinite}@keyframes modal-queue-pulse{0%,to{opacity:.5}50%{opacity:1}}.banner-phase-chip{display:inline-flex;align-items:center;gap:5px;padding:1px 6px;border:1px solid var(--border);border-radius:2px;background:color-mix(in srgb,var(--ochre) 8%,transparent);color:var(--ochre)}.banner-phase-chip__glyph{display:inline-flex;align-items:center;justify-content:center}.banner-phase-chip__label{font-family:var(--font-display);font-size:12px;letter-spacing:.04em;color:var(--ink)}.banner-active-pill{--pill-color: var(--ink);display:inline-flex;align-items:center;gap:5px;padding:1px 6px 1px 5px;border:1px solid color-mix(in srgb,var(--pill-color) 70%,transparent);border-radius:2px;background:color-mix(in srgb,var(--pill-color) 14%,transparent);letter-spacing:.02em}.banner-active-pill__swatch{width:10px;height:10px;border-radius:1px;border:1px solid rgba(11,14,19,.55);flex:0 0 auto}.banner-active-pill__name{font-family:var(--font-display);font-size:12px;color:var(--ink);font-weight:600}.banner-active-pill__side{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--pill-color) 80%,var(--ink));padding:0 4px;border-left:1px solid color-mix(in srgb,var(--pill-color) 50%,transparent)}.app-grid{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 320px;height:100%}.app-grid .map-pane{grid-row:2;grid-column:1}.app-grid .side-pane{grid-row:2;grid-column:2}.tabs{display:flex;gap:2px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border)}.tabs .tab{background:transparent;color:var(--muted);border:none;padding:10px 16px;cursor:pointer;font-size:13px;border-bottom:2px solid transparent}.tabs .tab.active{color:var(--ink);border-bottom-color:var(--ink)}.demo-grid{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:720px 320px 1fr 390px 360px;height:100%;min-height:0}.demo-grid .top-banner{grid-column:1 / -1;grid-row:1}.demo-grid .player-boards-pane{grid-row:2;grid-column:1;min-height:0;min-width:0;border-right:1px solid var(--border);background:var(--panel);overflow-y:auto;padding:12px 10px}.demo-grid .owned-pane{grid-row:2;grid-column:2;min-height:0;min-width:0;overflow-y:auto;padding:12px 10px}.demo-grid .map-pane{grid-row:2;grid-column:3;min-width:0;min-height:0;width:100%;height:100%}.demo-grid .card-pane{grid-row:2;grid-column:4;min-height:0;min-width:0;overflow-y:auto;padding:10px 8px}.demo-grid .side-pane{grid-row:2;grid-column:5;min-height:0}.demo-grid .bottom-strip{grid-row:3;grid-column:1 / -1;min-height:0;background:var(--panel);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 14px;max-height:320px;overflow:hidden}.side-pane-section--log .event-log{max-height:220px;overflow-y:auto}.bottom-strip-section{min-width:0;min-height:0;overflow-y:auto;font-size:13px}.bottom-strip-section h2{font-size:12px;margin:0 0 6px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.bottom-strip-section--actions{padding-right:8px;border-right:1px solid var(--border)}@media (max-width: 1279px){.demo-grid{grid-template-columns:320px 1fr;grid-template-rows:auto 1fr auto auto}.demo-grid .top-banner{grid-column:1 / -1;grid-row:1}.demo-grid .player-boards-pane{grid-row:2 / span 2;grid-column:1}.demo-grid .map-pane{grid-row:2;grid-column:2}.demo-grid .card-pane{grid-row:3;grid-column:2;border-left:none;border-top:1px solid var(--border)}.demo-grid .side-pane{grid-row:4;grid-column:2;border-top:1px solid var(--border);max-height:320px;overflow-y:auto}.demo-grid .bottom-strip{grid-row:5;grid-column:1 / -1;grid-template-columns:1fr 1fr}}@media (max-width: 899px){.demo-grid{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto}.demo-grid .top-banner{grid-column:1;grid-row:1;flex-wrap:wrap;gap:6px}.demo-grid .player-boards-pane{grid-row:2;grid-column:1;border-right:none;border-bottom:1px solid var(--border);max-height:220px;overflow-y:auto}.demo-grid .player-boards-pane .player-boards-strip{flex-direction:row;overflow-x:auto}.demo-grid .player-boards-pane .player-boards-strip .pb{min-width:280px;flex:0 0 auto}.demo-grid .map-pane{grid-row:3;grid-column:1;min-height:360px}.demo-grid .side-pane{grid-row:4;grid-column:1;border-top:1px solid var(--border);max-height:280px}.demo-grid .bottom-strip{grid-row:5;grid-column:1;grid-template-columns:1fr;max-height:none}.bottom-strip-section--actions,.bottom-strip-section--log{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:8px}}.player-boards-strip{display:flex;flex-direction:column;gap:10px}.player-boards-strip .pb{min-width:0;max-width:none;width:100%;flex:0 0 auto}.pb{--pb-color: #888;position:relative;isolation:isolate;min-width:660px;max-width:860px;flex:1 1 0;background-color:#141921d9;background-image:url(/onmars/assets/backgrounds/player_board.svg);background-size:cover;background-position:center;background-blend-mode:multiply;border:1px solid var(--border);border-left:4px solid var(--pb-color);border-radius:2px;overflow:hidden;padding:0 12px 6px 0;display:flex;flex-direction:column;gap:4px;font-size:12px}.pb.pb--3col{display:grid;grid-template-columns:105px 1fr 300px;gap:12px;align-items:stretch;padding-top:0}.pb.pb--3col>.pb-col{min-width:0;display:flex;flex-direction:column;gap:10px;align-self:start}.pb.pb--3col>.pb-col--stats{align-self:stretch;padding-top:12px;padding-bottom:16px;gap:18px}.pb.pb--3col>.pb-col--tech{padding-top:6px;padding-bottom:6px}.pb.pb--3col>.pb-col--portrait{align-self:stretch}.pb-col--portrait{align-items:stretch;align-self:stretch;height:100%;margin:0;gap:0}.pb-portrait-frame{position:relative;width:100%;height:100%;flex:1 1 auto;border-radius:0;border:none;border-right:1px solid var(--border);overflow:hidden}.pb-portrait-img{width:100%;height:100%;object-fit:cover;display:block}.pb-portrait-plate{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#f5f0dcc7;background:linear-gradient(to top,#0b0e13c7,#0b0e1300);border-top:1px solid rgba(245,240,220,.18);pointer-events:none}.pb-col--tech{justify-content:flex-start}.pb-col--tech .pb-section svg{width:100%;height:auto}@media (max-width: 1279px){.pb{padding:10px 12px 10px 14px}.pb.pb--3col{grid-template-columns:1fr}.pb.pb--3col>.pb-col--stats,.pb.pb--3col>.pb-col--tech{padding-top:0}.pb.pb--3col .pb-col--portrait{aspect-ratio:auto;flex-direction:row}.pb.pb--3col .pb-col--portrait .pb-portrait-frame{width:60px;aspect-ratio:3 / 4;margin-right:auto;border:1px solid var(--border);border-top:4px solid var(--pb-color);border-radius:1px}.pb{min-width:0;max-width:none}}.pb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0e13c7;pointer-events:none;z-index:0}.pb>*{position:relative;z-index:1}.pb{opacity:.7;transition:opacity .18s ease,border-left-width .18s ease}.pb--active{opacity:1;border-color:var(--ochre);border-left-width:8px;outline:1px solid var(--ochre);outline-offset:-2px}.pb-header{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:2px}.pb-pip{width:14px;height:14px;border-radius:1px;border:1px solid var(--border)}.pb-name{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.01em}.pb-side{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:3px;border:1px solid currentColor}.pb-side--orbit{color:var(--deep-blue);background:color-mix(in srgb,var(--deep-blue) 14%,transparent)}.pb-side--colony{color:var(--ochre);background:color-mix(in srgb,var(--ochre) 14%,transparent)}.pb-tag{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:1px 5px;border:1px solid var(--border);border-radius:2px}.pb-tag--active{color:var(--ochre);border-color:var(--ochre)}.pb-clock{margin-left:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);padding:1px 5px;border:1px solid var(--border);border-radius:2px;font-variant-numeric:tabular-nums}.pb-clock--running{color:var(--ochre);border-color:var(--ochre)}.pb-op{font-family:var(--font-mono);font-weight:700;color:var(--op-gold);display:inline-flex;align-items:center;gap:4px}.pb-op svg{color:var(--op-gold)}.pb-op-delta{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em;margin-left:2px;animation:pb-op-flash 1.2s ease-out forwards;pointer-events:none}.pb-op-delta--pos{color:var(--deep-blue)}.pb-op-delta--neg{color:var(--brick)}@keyframes pb-op-flash{0%{opacity:0;transform:translateY(0)}15%{opacity:1;transform:translateY(-2px)}to{opacity:0;transform:translateY(-10px)}}.op-text{color:var(--op-gold);font-variant-numeric:tabular-nums;font-weight:700}.pb-row{display:flex;flex-direction:column;margin-top:0}.pb-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pb-trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:start}.pb-section--col{gap:3px}.pb-vstack{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.pb-section--col .pb-vstack{align-items:stretch}.pb-vstack__row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:16px;height:16px}.pb-section--col .pb-vstack:has(.pb-vstack__half){flex-direction:row;gap:6px}.pb-vstack__half{display:flex;flex-direction:column;gap:2px;align-items:center}.pb-vstack__half>svg{display:block;height:16px}.pb-ships-op{display:flex;flex-direction:column;gap:2px;margin-left:4px;align-items:flex-start;justify-content:center}.pb-ships-op__row{display:inline-flex;align-items:center;gap:2px;height:16px;min-height:16px}.pb-section{display:flex;flex-direction:column;gap:1px}.pb-section-label{display:flex;justify-content:space-between;align-items:baseline;color:var(--parchment-dim);font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.pb-section-hint{font-family:var(--font-mono);font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}.pb-res{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-mono);font-size:10px}.pb-res-rows{display:flex;flex-direction:column;gap:2px}.pb-res-row{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px}.pb-res-row__icon{display:inline-flex;align-items:center;justify-content:center;width:16px}.pb-res-row__count{width:14px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.pb-res-row__bar{display:inline-flex;gap:2px;flex-wrap:wrap}.pb-res-row__pip{width:10px;height:6px;border-radius:1px;border:1px solid;display:inline-block}.pb-res-row__pip--ghost{background:transparent}.pb-res-bar{display:flex;gap:1px}.pb-res-pip{width:10px;height:7px;border:1px solid;border-radius:1px;display:inline-block}.pb-res-label{display:flex;gap:3px;color:var(--muted)}.pb-res-icon{width:22px;height:22px;object-fit:contain;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.pb-res-label span:last-child{color:var(--ink)}.pb-divider{color:var(--muted)}.pb-card-counts{display:flex;gap:5px;flex-wrap:wrap}.pb-card-thumb{--card-band: var(--muted);position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;width:28px;height:32px;padding:8px 0 2px;background:#f5f0dc14;border:1px solid var(--border);border-radius:2px;font-family:var(--font-mono);font-size:9px;color:var(--ink);overflow:hidden}.pb-card-thumb__band{position:absolute;top:0;left:0;right:0;height:5px;background:var(--card-band)}.pb-card-thumb__tag{font-size:9px;letter-spacing:.04em;color:var(--card-band);font-weight:700;line-height:1}.pb-card-thumb__count{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--ink)}.pb-tech-ladder{display:inline-flex;align-items:center;margin-left:6px;font-family:var(--font-mono);font-size:10px}.pb-tech-ladder__group{display:inline-flex;align-items:center}.pb-tech-ladder__sep{color:var(--muted);margin:0 2px}.pb-tech-ladder__cell{color:var(--muted);font-variant-numeric:tabular-nums}.pb-tech-ladder__cell--placed{color:var(--ochre);font-weight:700}.pb-lab-board{width:100%;margin-top:4px}.main-board-panel{font-size:12px;display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#ffffff05;border:1px solid var(--border);border-radius:4px}.mb-row{display:flex;align-items:center;gap:8px}.mb-row--block{flex-direction:column;align-items:flex-start;gap:4px}.mb-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;min-width:110px}.mb-val{font-family:var(--font-mono)}.mb-level{display:flex;gap:3px}.mb-level-pip{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:3px;font-family:var(--font-mono);color:var(--muted);font-size:10px}.mb-level-pip--on{background:#ffd85c;color:#2a1d44;border-color:#ffd85c;font-weight:700}.mb-mission-pip{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:3px;font-family:var(--font-mono);color:var(--muted);font-size:10px;margin-right:2px}.mb-mission-pip--on{background:var(--accent-alert);color:#fff;border-color:var(--accent-alert)}.mb-shuttle{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.mb-shuttle-bar{display:flex;gap:2px;align-items:center}.mb-shuttle-tick{width:10px;height:4px;background:var(--border);border-radius:2px}.mb-shuttle-tick--on{background:#9be0ff;box-shadow:0 0 4px #9be0ff}.mb-shuttle-gap{width:8px;height:4px}.mb-shuttle-label{font-size:9px;letter-spacing:.06em}.mb-turn-order{display:flex;gap:3px;width:100%}.mb-to-space{flex:1 0 0;min-width:22px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 2px;border:1px solid var(--border);border-radius:3px;background:#ffffff05}.mb-to-space--orbit{border-top:2px solid rgba(155,224,255,.4)}.mb-to-space--colony{border-top:2px solid rgba(255,216,92,.4)}.mb-to-num{font-family:var(--font-mono);font-size:9px;color:var(--muted)}.mb-to-pip{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.35)}.mb-sd-row{display:flex;flex-direction:column;gap:6px;width:100%}.mb-sd-card{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:stretch;min-height:72px;padding:5px 8px;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--parchment) 8%,transparent);font-family:var(--font-display);font-size:12px;line-height:1.2;position:relative;text-align:left;color:inherit;cursor:pointer;overflow:hidden;transform-origin:center center;transition:border-color .12s ease,background .12s ease,transform .18s ease,box-shadow .18s ease}.mb-sd-card__art{display:flex;align-items:center;justify-content:center;background:#f5f0dc1a;border-radius:2px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.mb-sd-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.mb-sd-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.mb-sd-card__name{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-sd-card__level{font-family:var(--font-mono);font-size:10px;color:var(--muted);flex:0 0 auto}.mb-sd-card__match{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;color:var(--ochre);letter-spacing:.04em;text-transform:uppercase}.mb-sd-card__desc{font-family:var(--font-body, system-ui, sans-serif);font-size:10.5px;color:var(--ink);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mb-sd-card__chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;color:var(--op-gold);font-variant-numeric:tabular-nums}button.mb-sd-card{font-family:var(--font-mono);font-size:10px}button.mb-sd-card:hover:not(:disabled){border-color:var(--ochre);background:color-mix(in srgb,var(--parchment) 10%,transparent)}.mb-sd-card--disabled,button.mb-sd-card:disabled{cursor:not-allowed;opacity:.4;filter:saturate(.4)}.mb-sd-card--scientist{border-top:3px solid var(--deep-blue)}.mb-sd-card--contract{border-top:3px solid var(--ochre)}.mb-sd-card--blueprint{border-top:3px solid var(--slate)}.mb-sd-card--selected{border-color:var(--brick);outline:1px solid var(--brick);outline-offset:-2px;background:color-mix(in srgb,var(--brick) 14%,transparent)}.mb-sd-card--empty{border:1px dashed var(--border);background:transparent;color:var(--muted)}.mb-mission-row{display:flex;gap:4px;width:100%;align-items:stretch}.mb-mission-card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px;padding:5px 6px;border:1px solid var(--border);border-top:3px solid var(--deep-blue);border-radius:2px;background:color-mix(in srgb,var(--parchment) 6%,transparent);font-size:10px;line-height:1.2;font-family:var(--font-mono);position:relative;overflow:hidden}.mb-mission-card--complete{border-color:var(--brick);border-top-color:var(--brick);background:color-mix(in srgb,var(--brick) 14%,transparent)}.mb-mission-card--empty{border:1px dashed var(--border);background:transparent;color:var(--muted);font-style:italic;text-align:center;padding:8px}.mb-mission-label{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.02em;color:var(--parchment);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-mission-progress{font-size:10px;color:var(--muted);font-family:var(--font-mono)}.mb-mission-check{color:var(--brick);font-weight:700}.mb-mission-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.mb-mission-bar-fill{height:100%;transition:width .22s ease}.mb-mission-pips{display:flex;flex-wrap:wrap;gap:3px;margin-top:1px}.mb-mission-pip{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:14px;padding:0 4px;border-radius:7px;border:1px solid rgba(0,0,0,.45);color:#fff;font-size:9px;font-weight:700;font-family:var(--font-mono)}.mb-sd-num{position:absolute;top:2px;right:4px;font-size:8px;color:var(--muted)}.mb-sd-kind{font-size:9px;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.mb-sd-id{font-size:10px;font-weight:600;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-sd-sub{font-size:9px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-sd-empty{font-size:14px;color:var(--muted);align-self:center;margin:auto}.mb-sd-deck{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:#0000002e;min-width:38px}.mb-sd-deck-label{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.mb-sd-deck-num{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text)}.tech-grid-panel{display:flex;align-items:stretch;gap:6px;margin:4px 0}.tech-grid{flex:1 1 auto;display:flex;flex-direction:column;gap:3px}.tech-row{display:flex;align-items:center;gap:6px}.tech-row-cost{flex:0 0 auto;width:90px;font-family:var(--font-mono);font-size:9px;color:var(--muted);text-align:right}.tech-row-cells{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.tech-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px;border:1px solid var(--border);border-radius:3px;background:#b08ee614;font-family:var(--font-mono);min-height:28px}.tech-cell--empty{background:transparent;border:1px dashed var(--border);color:var(--muted)}.tech-cell-type{font-size:10px;font-weight:600;color:var(--text)}.tech-cell-level{font-size:9px;color:var(--muted)}.tech-stacks{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px;border:1px solid var(--border);border-radius:3px;background:#0000002e;min-width:42px}.tech-stack-label{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.tech-stack-num{font-family:var(--font-mono);font-size:12px;color:var(--text)}.lss-panel{display:flex;flex-direction:column;gap:6px;margin:4px 0 8px;padding:6px;border:1px solid var(--border);border-radius:4px;background:#ffffff05}.lss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.lss-col{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono)}.lss-col-header{display:flex;align-items:center;justify-content:space-between;padding:3px 4px;border-bottom:1px solid var(--border);font-size:10px;font-weight:600;color:var(--text)}.lss-col-badge{font-size:10px;color:#58b56cf2}.lss-col-reward{display:flex;align-items:baseline;justify-content:center;gap:2px;padding:3px 4px;border:1px dashed var(--border);border-radius:3px;background:#ffd85c0f;margin-bottom:2px}.lss-reward-op{font-size:13px;font-weight:700;color:var(--op-gold);font-variant-numeric:tabular-nums}.lss-reward-label{font-size:8px;color:var(--muted);text-transform:uppercase}.lss-track{display:flex;flex-direction:column;gap:1px}.lss-cell{position:relative;display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid var(--border);border-radius:3px;background:#0000002e;min-height:20px}.lss-cell--trigger{border-top:2px solid rgba(226,87,87,.85);border-bottom:2px solid rgba(226,87,87,.85);background:#e2575714}.lss-cell--marker{background:#ffd85c1f}.lss-row-num{font-size:9px;color:var(--muted)}.lss-row-bonus{position:absolute;top:1px;right:2px;font-size:9px;font-weight:700;color:#ffd85c;font-family:var(--font-mono);pointer-events:none}.lss-marker-pip{position:absolute;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.5);box-shadow:0 1px 2px #0006}.lss-footer{display:flex;align-items:center;gap:8px;padding:4px}.lss-footer-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.lss-level-pips{display:flex;gap:2px}.lss-level-pip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:#ffffff08;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.lss-level-pip--on{background:#ffd85c38;border-color:#ffd85cb3;color:var(--text);font-weight:600}.lss-csu-badge{margin-left:auto;padding:2px 6px;border-radius:10px;background:#ffd85c2e;border:1px solid rgba(255,216,92,.55);font-size:10px;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.construct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:4px}.construct-chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 6px}.construct-chip-cost{font-size:9px;color:var(--muted)}.btn--on{background:#ffd85c2e;border-color:#ffd85c80;color:var(--text)}.toggle-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink);cursor:pointer}.toggle-row input{cursor:pointer}.action-region{display:grid;grid-template-columns:132px 1fr;gap:10px;align-items:start;min-height:0}.action-detail{min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px}.action-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.action-icon-col{display:flex;flex-direction:column;gap:3px;align-items:stretch}.action-icon-col-label{font-size:10px;font-family:var(--font-display);font-weight:600;letter-spacing:.18em;color:var(--ochre);text-align:center;text-transform:uppercase;padding-bottom:1px;border-bottom:1px solid var(--border);margin-bottom:2px}.action-icon-btn{position:relative;width:100%;aspect-ratio:1 / 1;background:#ffffff06;border:1px solid var(--border);border-radius:2px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .12s ease,background .12s ease;color:var(--parchment-dim)}.action-slot-pips{position:absolute;bottom:3px;left:50%;transform:translate(-50%);display:inline-flex;gap:2px;pointer-events:none}.action-slot-pip{display:block;width:8px;height:8px;border-radius:50%;border:1px solid rgba(11,14,19,.7);box-shadow:0 0 0 1px #ffffff2e}.action-icon-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--ochre);color:var(--parchment)}.action-icon-btn:disabled{opacity:.3;cursor:not-allowed;filter:saturate(.3)}.action-icon-end-row{grid-column:1 / -1;display:grid;grid-template-columns:1fr;margin-top:6px}.action-icon-end-row .action-icon-btn{aspect-ratio:4 / 1;border-color:var(--brick);background:color-mix(in srgb,var(--brick) 12%,transparent);color:var(--parchment)}.action-icon-end-row .action-icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--brick) 22%,transparent);border-color:var(--brick);color:var(--parchment)}.action-section--free{border-top:1px dashed var(--border);margin-top:4px;padding-top:6px}.action-main-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 16px;border:1px solid var(--border);border-top:3px solid var(--ochre);border-radius:2px;background:color-mix(in srgb,var(--parchment) 8%,transparent);text-align:center}.action-main-complete__title{font-family:var(--font-display);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ochre)}.action-main-complete__sub{font-size:11px;color:var(--muted);letter-spacing:.02em}.action-main-complete__end{margin-top:8px;padding:8px 22px;border:1px solid var(--brick);background:color-mix(in srgb,var(--brick) 18%,transparent);color:var(--parchment);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.action-main-complete__end:hover{background:color-mix(in srgb,var(--brick) 32%,transparent)}.toolbar-toggle{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--border);border-radius:4px;font-size:12px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent}.toolbar-toggle:hover{filter:brightness(1.3)}.toolbar-toggle input{cursor:pointer;margin:0}.scoring-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e0ae0;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;overflow-y:auto;animation:scoring-overlay-fade .6s ease-out forwards}.scoring-card{background:color-mix(in srgb,var(--parchment) 8%,var(--panel));border:1px solid var(--border);border-top:3px solid var(--brick);border-radius:2px;padding:22px 28px 24px;max-width:900px;width:100%;animation:scoring-card-enter .8s cubic-bezier(.2,.9,.3,1.05) forwards}@keyframes scoring-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes scoring-card-enter{0%{opacity:0;transform:scale(.92) translateY(8px);box-shadow:0 0 #ffd85c00}60%{opacity:1;transform:scale(1.015) translateY(0);box-shadow:0 0 80px #ffd85c59}to{opacity:1;transform:scale(1) translateY(0);box-shadow:0 0 #ffd85c00}}.scoring-header{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border);flex-wrap:wrap}.scoring-header h1{margin:0;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--parchment)}.scoring-winner{display:flex;align-items:center;gap:10px;flex:1 1 auto;flex-wrap:wrap}.scoring-winner-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;color:var(--ochre);font-size:10px;font-weight:600}.scoring-winner-pip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:color-mix(in srgb,var(--ochre) 12%,transparent);border:1px solid var(--ochre);border-radius:2px;font-family:var(--font-display);font-weight:600;font-size:13px}.scoring-winner-op{color:var(--op-gold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;margin-left:4px}.scoring-table{width:100%;border-collapse:collapse;font-size:13px}.scoring-table th,.scoring-table td{padding:6px 10px;border-bottom:1px solid var(--border);text-align:right}.scoring-table th:first-child,.scoring-row-label{text-align:left;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--parchment-dim);font-weight:600;font-size:11px}.scoring-col-header{display:flex;align-items:center;gap:6px;justify-content:flex-end}.scoring-col-pip{width:10px;height:10px;border-radius:1px;border:1px solid var(--border)}.scoring-col-name{font-family:var(--font-display);font-weight:600}.scoring-col-rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--ink);border:1px solid var(--border);border-radius:50%;background:#f5f0dc0f}.scoring-col-rank--r1{color:#1a1410;background:var(--op-gold);border-color:#8a6a23;box-shadow:inset 0 -2px #0000002e}.scoring-col-rank--r2{color:#1a1410;background:silver;border-color:#6a6a6a;box-shadow:inset 0 -2px #0000002e}.scoring-col-rank--r3{color:#1a1410;background:#b97a3d;border-color:#6e4520;box-shadow:inset 0 -2px #0000002e}.scoring-cell{font-family:var(--font-mono)}.scoring-cell--neg{color:var(--brick)}.scoring-cell--total{font-family:var(--font-mono);font-weight:700;font-size:15px}.scoring-row-subtle td{color:var(--muted)}.scoring-row-total td{border-top:2px solid var(--brick);padding-top:10px;padding-bottom:10px}@media (max-width: 1100px){.scoring-table,.scoring-table thead,.scoring-table tbody,.scoring-table tr,.scoring-table th,.scoring-table td{display:block;width:100%}.scoring-table thead{display:none}.scoring-table tr{border-top:1px solid var(--border);padding:6px 0}.scoring-table tr:first-of-type{border-top:none}.scoring-table .scoring-row-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--ochre);padding-bottom:4px}.scoring-table .scoring-cell{display:flex;justify-content:space-between;align-items:center;padding:2px 8px}.scoring-table .scoring-cell:before{content:attr(data-pid);color:var(--muted);font-family:var(--font-mono);font-size:11px}}.scoring-bar-row{display:flex;align-items:center;gap:6px;min-width:90px}.scoring-bar-track{flex:1 1 auto;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden;min-width:32px}.scoring-bar-fill{height:100%;border-radius:4px;transition:width .2s}.scoring-bar-num{font-family:var(--font-mono);font-size:12px;min-width:28px;text-align:right}.scoring-row-tiebreak td{padding-top:10px;padding-bottom:8px;border-top:1px solid var(--border)}.scoring-cell--tiebreak{display:flex;flex-direction:column;gap:3px}.scoring-tb-pill{font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);text-align:center;color:var(--muted)}.scoring-tb-pill.is-best{border-color:var(--ochre);background:color-mix(in srgb,var(--ochre) 14%,transparent);color:var(--ochre);font-weight:700}.scoring-footer{margin-top:18px;font-size:11px;color:var(--muted);text-align:center}.demo-map-wrap{display:flex;align-items:stretch;justify-content:stretch}.demo-map-wrap>svg{flex:1 1 auto;min-width:0;min-height:0}.btn{background:transparent;color:var(--ink);border:1px solid var(--border);padding:6px 12px;font-size:12px;border-radius:2px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.btn:hover:not(:disabled){border-color:var(--ochre);background:#ffffff0a}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent-primary);color:var(--parchment);border-color:var(--accent-primary);font-weight:600}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 80%,var(--parchment));border-color:var(--ochre)}.btn--alert{background:var(--accent-alert);color:var(--parchment);border-color:var(--accent-alert);font-weight:600}.btn--alert:hover:not(:disabled){background:var(--brick-dark);border-color:var(--brick-dark)}.action-section{margin:8px 0 10px;padding:10px 12px;background:#ffffff05;border:1px solid var(--border);border-radius:2px;border-top:2px solid var(--brick)}.action-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;color:var(--parchment-dim);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.hint{font-size:11px;color:var(--muted);margin:4px 0}.player-panel{font-size:12px;padding:8px 10px;background:#ffffff08;border-radius:4px;border:1px solid var(--border);margin-bottom:8px}.player-panel .row{display:flex;justify-content:space-between;align-items:flex-start;padding:3px 0;gap:8px}.player-panel .row .k{color:var(--muted);min-width:92px}.player-panel .row .v{font-family:var(--font-mono)}.res-row{display:flex;gap:4px;flex-wrap:wrap}.res-chip{display:inline-flex;gap:3px;padding:2px 6px;border-radius:3px;background:#ffffff0d;font-size:11px;font-family:var(--font-mono)}.res-chip .res-name{color:var(--muted)}.res-chip .res-val{color:var(--ink)}.event-log{max-height:240px;overflow-y:auto;font-family:var(--font-mono);font-size:11px;border:1px solid var(--border);border-radius:4px;padding:6px 8px;background:#0003}.event-log-row{padding:2px 0;color:var(--ink);display:flex;align-items:baseline;gap:4px}.event-log-row .ev-num{color:var(--muted)}.event-log-row .ev-type{color:var(--ochre);flex:0 0 auto}.event-log-row .ev-actor{color:var(--muted);flex:1 1 auto}.event-log-row .ev-time{margin-left:auto;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.event-log-scrub-preview{font-family:var(--font-mono);font-size:10px;color:var(--muted);padding:2px 4px;margin-bottom:6px;border-left:2px solid var(--ochre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.private-goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:6px}.private-goal-card{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--border);border-top:3px solid var(--ochre);border-radius:2px;background:color-mix(in srgb,var(--parchment) 6%,transparent)}.private-goal-card.is-disabled{opacity:.6}.private-goal-card.is-active:hover{border-color:var(--ochre);background:color-mix(in srgb,var(--parchment) 10%,transparent)}.private-goal-card__head{display:flex;justify-content:space-between;align-items:center;gap:6px}.private-goal-card__title{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink);line-height:1.2}.private-goal-card__rewards{display:flex;flex-direction:column;gap:4px}.to-side-headers{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:3px}.to-side-headers__label{text-align:center;font-family:var(--font-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:2px 0;border-radius:2px}.to-side-headers__label--orbit{color:var(--deep-blue);background:color-mix(in srgb,var(--deep-blue) 14%,transparent);opacity:.55}.to-side-headers__label--colony{color:var(--ochre);background:color-mix(in srgb,var(--ochre) 14%,transparent);opacity:.55}.to-side-headers__label--active{opacity:1;font-weight:700;border:1px solid currentColor}.to-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.to-strip__cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;border:1px solid var(--border);border-radius:2px}.to-strip__cell--orbit{background:color-mix(in srgb,var(--deep-blue) 10%,transparent)}.to-strip__cell--colony{background:color-mix(in srgb,var(--ochre) 10%,transparent)}.to-strip__num{font-family:var(--font-mono);font-size:10px;color:var(--muted);font-weight:700}.to-strip__glyph{display:inline-flex;align-items:center;justify-content:center;height:14px;color:var(--ink)}.to-strip__pip{width:8px;height:8px;border-radius:50%;border:1px solid var(--border)}.event-log-round{position:sticky;top:-6px;z-index:1;margin:6px -8px 4px;padding:3px 8px;background:color-mix(in srgb,var(--ochre) 18%,var(--bg));border-top:1px solid var(--ochre);border-bottom:1px solid var(--border);color:var(--ochre);font-family:var(--font-display);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.event-log-round:first-of-type{margin-top:0}.cc-panel{font-size:12px}.cc-actions{display:flex;gap:6px;margin-top:8px}.piece-overlay text{-webkit-user-select:none;user-select:none}.owned-cards-strip{display:flex;flex-direction:column;gap:10px;padding:0}.owned-row{border:1px solid var(--border);border-left:4px solid var(--owner-color, var(--border));border-radius:4px;background:color-mix(in srgb,var(--panel) 96%,transparent);padding:8px 10px;display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.owned-row--active{background:color-mix(in srgb,var(--owner-color, var(--ochre)) 6%,var(--panel));box-shadow:inset 0 0 0 1px var(--owner-color, var(--ochre))}.owned-row__header{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.owned-row__pip{width:10px;height:10px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(0,0,0,.3)}.owned-row__name{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--ink);text-transform:none;letter-spacing:0}.owned-row__count{margin-left:auto;font-family:var(--font-mono);font-size:10px}.owned-row__empty{font-size:11px;color:var(--muted);font-style:italic}.owned-row__cards{display:grid;grid-template-columns:1fr;gap:4px}.owned-card{display:grid;grid-template-columns:28px 1fr;gap:6px;align-items:center;padding:4px 6px;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--parchment) 6%,transparent);font-size:11px;line-height:1.2;min-height:32px}.owned-card--blueprint{border-left:3px solid var(--ochre)}.owned-card--scientist{border-left:3px solid #9be0ff}.owned-card--contract{border-left:3px solid #5e8a5e}.owned-card--consumed{opacity:.45;text-decoration:line-through}.owned-card--complete{border-color:#a0dca0b3}.owned-card__art{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f5f0dc0f;border-radius:2px}.owned-card__body{display:flex;flex-direction:column;min-width:0}.owned-card__name{font-family:var(--font-display);font-weight:700;font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owned-card__meta{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colony-artifact{position:absolute;top:12px;right:12px;z-index:3;width:156px;pointer-events:none;font-family:var(--font-display);color:var(--ochre, #c9a86a);padding:10px 8px 8px;border:1px solid color-mix(in srgb,var(--ochre, #c9a86a) 40%,transparent);background:linear-gradient(180deg,#f5f0dc0a,#f5f0dc05);border-radius:2px;box-shadow:inset 0 0 0 1px #f5f0dc0f;-webkit-user-select:none;user-select:none}.colony-artifact:before{content:"";position:absolute;top:0;left:8px;right:8px;height:1px;background:color-mix(in srgb,var(--ochre, #c9a86a) 60%,transparent)}.colony-artifact:after{content:"spec. 04 · mars-3";position:absolute;top:-8px;left:14px;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ochre, #c9a86a) 75%,transparent);background:var(--bg, #14181f);padding:0 6px}.colony-artifact__stage{width:100%;height:130px;perspective:480px;perspective-origin:50% 60%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}.colony-artifact__stage>svg{width:100%;height:100%;transform-origin:center 0;animation:colony-artifact-spin 22s linear infinite;transform-style:preserve-3d}@keyframes colony-artifact-spin{0%{transform:rotateY(0) rotateX(8deg)}to{transform:rotateY(360deg) rotateX(8deg)}}.colony-artifact__caption{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:4px;text-align:center;line-height:1.1}.colony-artifact__num{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:color-mix(in srgb,var(--ochre, #c9a86a) 70%,transparent)}.colony-artifact__name{font-family:var(--font-display);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment, #e8dfc4)}.colony-artifact__meta{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.04em;color:color-mix(in srgb,var(--ochre, #c9a86a) 60%,transparent);font-style:italic}@media (max-width: 1280px){.colony-artifact{display:none}}.endtrigger-artifact{position:absolute;top:12px;left:12px;z-index:3;width:132px;pointer-events:none;font-family:var(--font-display);color:var(--brick, #b34a2a);padding:10px 8px 8px;border:1px solid color-mix(in srgb,var(--brick, #b34a2a) 45%,transparent);background:linear-gradient(180deg,#f5f0dc0a,#f5f0dc05);border-radius:2px;box-shadow:inset 0 0 0 1px #f5f0dc0f;-webkit-user-select:none;user-select:none}.endtrigger-artifact:before{content:"";position:absolute;top:0;left:8px;right:8px;height:1px;background:color-mix(in srgb,var(--brick, #b34a2a) 65%,transparent)}.endtrigger-artifact:after{content:"spec. 07 · containment";position:absolute;top:-8px;left:14px;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--brick, #b34a2a) 80%,transparent);background:var(--bg, #14181f);padding:0 6px}.endtrigger-artifact__stage{width:100%;height:130px;perspective:480px;perspective-origin:50% 60%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}.endtrigger-artifact__stage>svg{width:100%;height:100%;transform-origin:center 0;animation:endtrigger-tilt 9s ease-in-out infinite;transform-style:preserve-3d}@keyframes endtrigger-tilt{0%{transform:rotateY(-12deg) rotateX(6deg)}50%{transform:rotateY(12deg) rotateX(6deg)}to{transform:rotateY(-12deg) rotateX(6deg)}}.endtrigger-seg--lit{fill:color-mix(in srgb,var(--brick, #b34a2a) 65%,transparent);stroke:color-mix(in srgb,#ffd85c 80%,transparent);filter:drop-shadow(0 0 4px rgba(255,130,70,.55));animation:endtrigger-seg-pulse 3.6s ease-in-out infinite}@keyframes endtrigger-seg-pulse{0%,to{opacity:.85}50%{opacity:1;filter:drop-shadow(0 0 7px rgba(255,160,92,.85))}}.endtrigger-artifact--final{border-color:#ffd85c;color:#ffd85c;box-shadow:inset 0 0 0 1px #f5f0dc14,0 0 18px #ffd85c59}.endtrigger-artifact--final:after{content:"spec. 07 · armed";color:#ffd85c}@media (max-width: 1280px){.endtrigger-artifact{display:none}}.endtrigger-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;pointer-events:none;display:flex;align-items:center;justify-content:center;animation:endtrigger-flash-fade 1.4s ease-out forwards;background:radial-gradient(circle at center,#ff824647,#ff82461a 40%,#0b0e1300 70%)}.endtrigger-flash--final{background:radial-gradient(circle at center,#ffd85c6b,#ff82462e 45%,#0b0e1300 75%)}.endtrigger-flash__ring{position:absolute;width:18vmin;height:18vmin;border-radius:50%;border:2px solid rgba(255,200,120,.85);box-shadow:0 0 60px #ff82468c,inset 0 0 30px #ffc87859;animation:endtrigger-ring-expand 1.4s ease-out forwards}.endtrigger-flash--final .endtrigger-flash__ring{border-color:#ffd85cf2;box-shadow:0 0 90px #ffd85cbf,inset 0 0 40px #ffd85c73}.endtrigger-flash__label{position:relative;display:flex;flex-direction:column;align-items:center;font-family:var(--font-display);font-size:clamp(18px,3.6vmin,36px);letter-spacing:.32em;text-transform:uppercase;color:#ffd85c;text-shadow:0 0 18px rgba(255,130,70,.85);animation:endtrigger-label-pop 1.4s ease-out forwards}.endtrigger-flash__count{font-family:var(--font-mono);font-size:clamp(28px,6vmin,64px);letter-spacing:.18em;margin-top:6px;color:#ffe8a8}@keyframes endtrigger-flash-fade{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes endtrigger-ring-expand{0%{transform:scale(.2);opacity:0}20%{opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes endtrigger-label-pop{0%{transform:scale(.7);opacity:0}18%{transform:scale(1.12);opacity:1}40%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.banner-op-toast-stack{position:relative;display:flex;flex-direction:column;gap:4px;pointer-events:none;width:0;height:0;overflow:visible}.banner-op-toast{position:absolute;top:0;left:0;white-space:nowrap;font-family:var(--font-mono);font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px;border:1px solid var(--op-gold);border-left:4px solid currentColor;background:#0b0e13d9;color:var(--op-gold);animation:banner-op-toast-fly 1.4s ease-out forwards}.banner-op-toast--neg{color:#ff8a8a;border-color:#ff8a8a}@keyframes banner-op-toast-fly{0%{opacity:0;transform:translate(0) scale(.8)}15%{opacity:1;transform:translateY(-8px) scale(1.05)}85%{opacity:1;transform:translateY(-52px) scale(1)}to{opacity:0;transform:translateY(-64px) scale(.95)}}.mars-3d-planet{position:relative;width:64px;height:64px;margin-right:14px;perspective:240px;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:0 0 auto}.mars-3d-planet__shuttle{position:absolute;right:-6px;top:4px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));animation:mars-shuttle-drift 4.2s ease-in-out infinite;transform-origin:center}@keyframes mars-shuttle-drift{0%{transform:translate(0) rotate(-6deg)}50%{transform:translate(-4px,6px) rotate(-2deg)}to{transform:translate(0) rotate(-6deg)}}.mars-3d-planet__sphere{position:relative;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#f0a070,#c45e36,#6a2a18 80%,#3a140b);box-shadow:inset -6px -8px 14px #0000008c,inset 4px 5px 10px #ffc8a02e,0 4px 14px #c45e3659;transform-style:preserve-3d;animation:mars-spin 14s ease-in-out infinite;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}.mars-3d-planet__cap{position:absolute;left:50%;top:6%;width:22px;height:8px;margin-left:-11px;border-radius:50%;background:#fff0e68c;filter:blur(2px);pointer-events:none}.mars-3d-planet__crater{position:absolute;border-radius:50%;background:#3c12088c;box-shadow:inset 1px 1px 2px #00000080,0 0 1px #0000004d;pointer-events:none}.mars-3d-planet__crater--a{width:8px;height:8px;left:20%;top:38%}.mars-3d-planet__crater--b{width:5px;height:5px;left:56%;top:56%}.mars-3d-planet__crater--c{width:6px;height:6px;left:38%;top:22%}.mars-3d-planet:hover .mars-3d-planet__sphere{box-shadow:inset -6px -8px 14px #0000008c,inset 4px 5px 10px #ffc8a040,0 6px 18px #ffb46473}.mars-3d-planet--bumped .mars-3d-planet__sphere{animation:mars-spin 14s ease-in-out infinite,mars-bump .9s ease-out}@keyframes mars-spin{0%{transform:rotateY(-22deg) rotateX(8deg)}50%{transform:rotateY(22deg) rotateX(8deg)}to{transform:rotateY(-22deg) rotateX(8deg)}}@keyframes mars-bump{0%{transform:scale(1) rotateY(0) rotateX(8deg)}35%{transform:scale(1.18) rotateY(120deg) rotateX(-12deg)}70%{transform:scale(.96) rotateY(220deg) rotateX(14deg)}to{transform:scale(1) rotateY(360deg) rotateX(8deg)}}.map-to-strip{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:2px;padding:4px 6px;background:#0b0e13b3;border:1px solid var(--border);border-radius:6px;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-to-strip__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:22px;padding:2px 0;font-size:9px;color:var(--muted);font-family:ui-monospace,Menlo,monospace}.map-to-strip__cell--orbit{border-right:1px solid transparent}.map-to-strip__cell--colony{border-left:1px solid transparent}.map-to-strip__cell--colony:nth-child(5){border-left:1px dashed var(--border);margin-left:2px;padding-left:2px}.map-to-strip__num{font-size:8px;opacity:.7}.map-to-strip__pip{width:10px;height:10px;border-radius:50%;border:1px solid var(--border)}@media (max-width: 1100px){.map-to-strip{display:none}}.piece-spawn{animation:piece-spawn .9s ease-out;transform-box:fill-box;transform-origin:center}@keyframes piece-spawn{0%{filter:brightness(2.2) drop-shadow(0 0 6px rgba(255,216,92,.9))}60%{filter:brightness(1.4) drop-shadow(0 0 4px rgba(255,216,92,.5))}to{filter:brightness(1) drop-shadow(0 0 0 rgba(0,0,0,0))}}.reward-list{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}.reward-empty{color:var(--muted);font-style:italic;font-size:11px}.reward-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:10px;font-size:11px;background:#ffffff0f;border:1px solid var(--border);white-space:nowrap}.reward-chip__glyph{font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.reward-chip__glyph svg{display:block}.reward-chip__amount{font-family:var(--font-mono);font-size:11px;font-weight:600}.reward-chip__label:empty{display:none}.reward-chip--op{color:var(--atom-op);border-color:#ffd85c66}.reward-chip--resource{color:#b8d4ff}.reward-chip--crystal{color:var(--atom-crystal)}.reward-chip--colonist{color:var(--atom-colonist)}.reward-chip--progress{color:var(--atom-progress)}.reward-chip--trigger{color:var(--atom-trigger)}.reward-chip--unknown{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e0aa6;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:color-mix(in srgb,var(--parchment) 8%,var(--panel));border:1px solid var(--border);border-top:3px solid var(--brick);border-radius:2px;padding:14px 18px 16px;max-width:min(520px,92vw);max-height:88vh;overflow-y:auto;width:100%}.modal h2{margin:0 0 8px;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--parchment);padding-bottom:6px;border-bottom:1px solid var(--border)}.modal p{margin:0 0 12px;font-size:13px;color:var(--muted)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:10px;border-top:1px solid var(--border)}.benefit-grid{display:grid;gap:8px}.benefit-row{border:1px solid var(--border);border-radius:2px;padding:8px 10px;cursor:pointer;background:color-mix(in srgb,var(--parchment) 4%,transparent);display:flex;align-items:center;justify-content:space-between;gap:10px;transition:border-color .12s ease,background .12s ease}.benefit-row:hover{border-color:var(--ochre);background:color-mix(in srgb,var(--parchment) 8%,transparent)}.benefit-row.is-selected{border-color:var(--brick);outline:1px solid var(--brick);outline-offset:-2px;background:color-mix(in srgb,var(--brick) 14%,transparent)}.benefit-id{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.setup-screen{max-width:480px;margin:60px auto;padding:20px;border:1px solid var(--border);border-radius:8px;background:#ffffff08}.setup-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.setup-row label{flex:0 0 110px;font-size:13px;color:var(--muted)}.setup-row input,.setup-row select{flex:1;background:#0000004d;border:1px solid var(--border);color:var(--ink);padding:6px 8px;border-radius:4px;font-size:12px}.setup-actions{display:flex;gap:8px;margin-top:16px}.setup-color-grid{display:flex;gap:6px}.setup-color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer}.setup-color-swatch.is-selected{border-color:#ffd85c}.side-pane-section{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:13px}.side-pane-section h2{margin:0 0 6px;font-size:14px}@keyframes turn-flash{0%{background:color-mix(in srgb,var(--ochre) 28%,var(--panel))}60%{background:color-mix(in srgb,var(--ochre) 12%,var(--panel))}to{background:var(--panel)}}.top-banner.is-turn-flash{animation:turn-flash 1.2s ease-out}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;border:1px solid var(--border);border-radius:50%;font-size:9px;font-weight:700;color:var(--muted);background:#ffffff0a;cursor:help;-webkit-user-select:none;user-select:none;vertical-align:middle}.info-tip:hover{color:#ffd85c;border-color:#ffd85c}.btn-icon{display:inline-flex;align-items:center;gap:6px}.btn-icon>svg{flex:0 0 auto}.demo-grid .owned-pane,.demo-grid .card-pane,.tv-grid .owned-pane,.tv-card-pane{position:relative;isolation:isolate;overflow:hidden;background-color:color-mix(in srgb,var(--panel) 88%,transparent);border-left:2px solid transparent;border-right:2px solid transparent;border-image:linear-gradient(180deg,#2a2118,#5a4a35 12%,#8a7148 35%,#44372a 65%,#5a4a35 88%,#2a2118) 1;box-shadow:inset 1px 0 #f5f0dc0d,inset -1px 0 #f5f0dc0d,inset 0 1px #f5f0dc0a,inset 0 -1px #00000080}.demo-grid .card-pane,.tv-card-pane{background-color:var(--panel)}.demo-grid .owned-pane:before,.demo-grid .card-pane:before,.tv-grid .owned-pane:before,.tv-card-pane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--map-bg, url(/onmars/assets/backgrounds/mars_surface.svg));background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.65) brightness(.85);opacity:.22;z-index:-2;pointer-events:none}.demo-grid .owned-pane:before,.tv-grid .owned-pane:before{background-position:left center}.demo-grid .card-pane:before,.tv-card-pane:before{background-position:right center}.demo-grid .owned-pane:after,.demo-grid .card-pane:after,.tv-grid .owned-pane:after,.tv-card-pane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 32' width='28' height='32'><path d='M14 0 L28 8 V24 L14 32 L0 24 V8 Z' fill='none' stroke='%23E8DCC4' stroke-opacity='0.14' stroke-width='0.8'/></svg>"),linear-gradient(135deg,transparent 25%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.1) 55%,transparent 75%),linear-gradient(45deg,transparent 60%,rgba(180,220,240,.06) 78%,rgba(180,220,240,.1) 82%,rgba(180,220,240,.06) 86%,transparent 95%),repeating-linear-gradient(0deg,rgba(245,240,220,.025) 0px,rgba(245,240,220,.025) 1px,transparent 1px,transparent 3px),radial-gradient(circle at 0% 0%,rgba(102,178,200,.18) 0%,transparent 35%),radial-gradient(circle at 100% 100%,rgba(200,140,102,.14) 0%,transparent 35%),radial-gradient(ellipse at center,#0000 22%,#0009);background-size:28px 32px,auto,auto,auto,auto,auto,auto;background-repeat:repeat,no-repeat,no-repeat,repeat,no-repeat,no-repeat,no-repeat;z-index:-1;pointer-events:none;mix-blend-mode:overlay}.demo-grid .owned-pane,.demo-grid .card-pane,.tv-grid .owned-pane,.tv-card-pane{box-shadow:inset 0 1px #ffffff2e,inset 1px 0 #f5f0dc12,inset -1px 0 #f5f0dc12,inset 0 -2px 6px #0000008c}.demo-grid .card-pane .mb-sd-card,.tv-card-pane .mb-sd-card,.demo-grid .owned-pane .owned-row,.tv-grid .owned-pane .owned-row{background:var(--panel)}.demo-grid .card-pane .mb-row--block,.tv-card-pane .mb-row--block{background:color-mix(in srgb,var(--panel) 80%,var(--bg) 20%);border:1px solid var(--border);border-radius:4px;padding:8px 10px;box-shadow:0 2px 8px #0000008c,inset 0 1px #f5f0dc0a;position:relative;z-index:1}.demo-grid .owned-pane .owned-cards-strip,.tv-grid .owned-pane .owned-cards-strip{background:var(--panel);border-radius:4px;padding:6px}.demo-grid .player-boards-pane,.tv-boards-pane,.demo-grid .side-pane,.tv-side-pane{position:relative;background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5'><line x1='0' y1='0.5' x2='8' y2='0.5' stroke='%23F5F0DC' stroke-opacity='0.18' stroke-width='0.55'/><line x1='0' y1='2.5' x2='8' y2='2.5' stroke='%23000' stroke-opacity='0.34' stroke-width='0.6'/><line x1='0' y1='4' x2='8' y2='4' stroke='%23F5F0DC' stroke-opacity='0.10' stroke-width='0.4'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='1.5'><line x1='0' y1='0.5' x2='3' y2='0.5' stroke='%23000' stroke-opacity='0.18' stroke-width='0.3'/><line x1='0' y1='1' x2='3' y2='1' stroke='%23F5F0DC' stroke-opacity='0.09' stroke-width='0.25'/></svg>"),linear-gradient(90deg,#15100c,#2a2218 8%,#3d3328 28%,#564a3d,#3d3328 72%,#2a2218 92%,#15100c);background-size:8px 5px,3px 1.5px,100% 100%;background-repeat:repeat,repeat,no-repeat;border-left:2px solid #1a140f;border-right:2px solid #1a140f;border-image:linear-gradient(180deg,#15110d,#4a3f30 12%,#6e5d42 35%,#38302a 65%,#4a3f30 88%,#15110d) 1;box-shadow:inset 0 1px #f5f0dc2e,inset 0 -2px 6px #0009,inset 1px 0 #f5f0dc0f,inset -1px 0 #f5f0dc0f}.demo-grid .player-boards-pane:after,.tv-boards-pane:after,.demo-grid .side-pane:after,.tv-side-pane:after{content:"";position:absolute;top:0;bottom:0;width:8px;pointer-events:none;background-image:radial-gradient(circle at center,rgba(0,0,0,.55) 0px,rgba(0,0,0,.55) 1.4px,rgba(255,255,255,.18) 1.6px,rgba(255,255,255,.18) 2.2px,transparent 2.4px);background-size:8px 32px;background-repeat:repeat-y;background-position:center;opacity:.85}.demo-grid .player-boards-pane:after,.tv-boards-pane:after{right:2px}.demo-grid .side-pane:after,.tv-side-pane:after{left:2px}