:root{--bg: #02070d;--surface: #071523;--surface-2: #0c2032;--border: #14384a;--border-strong: #1f5d73;--text: #d7eef7;--text-dim: #7da3b4;--accent: #4fd8eb;--accent-deep: #1e7f96;--link: #9fecf8;--link-underline: rgba(159, 236, 248, .55);--danger: #ff6b6b;--warn: #ffc857;--ok: #82dd8b;--hover-ring: #4fd8eb;--pin-ring: #ffb454;--capture-callout: rgba(255, 200, 87, .14);--winner-ink: #062112;--glow-accent: 0 0 10px rgba(79, 216, 235, .35);--glow-warn: 0 0 8px rgba(255, 200, 87, .3);--glow-soft: 0 0 6px rgba(79, 216, 235, .18);--backdrop: rgba(2, 7, 13, .65);--grid-line: rgba(79, 216, 235, .07);--grid-line-strong: rgba(79, 216, 235, .14);--panel-edge: #16465a;--panel-chrome: linear-gradient(180deg, rgba(79, 216, 235, .06), rgba(79, 216, 235, 0) 42%);--font-body: "Segoe UI", system-ui, sans-serif;--font-display: "Segoe UI Semibold", "Segoe UI", system-ui, sans-serif;--font-size-body: 14px;--font-size-small: 12px;--font-size-fine: 11px;--letter-spacing-caps: .06em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--mobile-map-height: 46dvh;--tap-target: 44px;--player-azure: #5aa2ff;--player-crimson: #ff6b6b;--player-jade: #57d977;--player-gold: #ffd75a;--player-violet: #d98cff;--player-teal: #3fd1c5;--player-rose: #ff7ab8;--player-amber: #ff9d5a;--player-lime: #b6e05a;--player-indigo: #9a8cff;--neutral: #9aa4bd;--pirate: #c0392b;--wormhole: #e8f4ff;--color-swatch-size: .85em;--plan-step: #b98cff;--alert: #ffc857}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 70% -10%,rgba(30,127,150,.16),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(79,216,235,.05),transparent 55%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--font-size-body)}@media(prefers-reduced-motion:no-preference){.graticule-ambient{animation:graticule-shimmer 24s ease-in-out infinite}.skeleton-row{animation:skeleton-shimmer 1.6s ease-in-out infinite}.window-overlay,.map-popover,.fade-rise,.chat-stream .chat-entry,[data-testid=action-queue]>li,.notification-center li{animation:fade-rise .18s ease-out}.locate-ring{animation:locate-ping .5s ease-out 3}}@keyframes graticule-shimmer{0%,to{opacity:.75}50%{opacity:1}}@keyframes skeleton-shimmer{0%,to{opacity:.45}50%{opacity:.9}}@keyframes fade-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes locate-ping{0%{stroke-width:2;opacity:.9}to{stroke-width:12;opacity:0}}.locate-ring{fill:none;stroke:currentColor;stroke-width:2;opacity:.9}.locate-cluster{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.locate-cluster button{font-size:13px;padding:6px 12px;color:var(--accent);border:1px solid var(--accent-deep);border-radius:var(--radius-md);box-shadow:var(--glow-soft)}.locate-cluster button:hover{color:var(--text);border-color:var(--accent);box-shadow:var(--glow-soft),var(--glow-soft),var(--glow-soft)}.stat-value{color:var(--text);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:calc(var(--font-size-body) + 1px)}.stat-label{color:var(--text-dim);font-size:var(--font-size-fine);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps)}.window-section{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.window-section>h4,.window-section>h5{margin:0 0 var(--space-2);color:var(--text-dim);font-size:var(--font-size-fine);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps)}.window-stat{display:inline-block;margin-right:var(--space-3)}.state-owned{border-left:3px solid var(--ok);padding-left:var(--space-2)}.state-available{border-left:3px solid var(--accent);padding-left:var(--space-2)}.state-locked{border-left:3px solid var(--border);padding-left:var(--space-2);color:var(--text-dim)}.content-term{background:none;border:none;padding:0;margin:0;color:var(--link);font:inherit;font-weight:600;cursor:help;text-decoration:underline dotted var(--link-underline)}.content-term:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.hex-label{font-variant-numeric:tabular-nums;color:var(--accent)}h1,h2,h3,h4{font-family:var(--font-display)}button{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) 10px;cursor:pointer}button:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--glow-accent)}button:disabled{opacity:.45;cursor:not-allowed}input,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.credential-entry{max-width:460px;margin:8vh auto;display:flex;flex-direction:column;gap:var(--space-4)}.credential-entry form,form.form-measure{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.credential-entry label,form.form-measure label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-dim)}.screen-message{max-width:560px;margin:12vh auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center}.game-screen{display:grid;grid-template-rows:40px 1fr;grid-template-columns:1fr 380px;grid-template-areas:"status status" "map panels";height:100vh;height:100dvh}.status-bar{grid-area:status;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-3);background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap}.status-bar .spacer{flex:1}.map-region{grid-area:map;position:relative;overflow:hidden;background:var(--bg)}.layer-controls{position:absolute;top:var(--space-2);left:var(--space-2);max-width:calc(100% - 220px);flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 10px;display:flex;gap:var(--space-3);z-index:2}.layer-controls legend{font-size:var(--font-size-fine);color:var(--text-dim)}.layer-controls label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-small)}.layers-toggle{display:none}.board-view-toggle{position:absolute;bottom:var(--space-3);left:var(--space-3);z-index:3;display:inline-flex;border:1px solid var(--panel-edge);border-radius:var(--radius-md);background:var(--surface);background-image:var(--panel-chrome);box-shadow:0 2px 10px #00000059;overflow:hidden}.board-view-segment{border:none;background:transparent;color:var(--text-dim);font-size:calc(var(--font-size-body) + 3px);letter-spacing:var(--letter-spacing-caps);padding:16px 34px;cursor:pointer}.board-view-segment+.board-view-segment{border-left:1px solid var(--panel-edge)}.board-view-segment[aria-pressed=true]{background:var(--accent-deep);color:var(--text)}.side-panels{grid-area:panels;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px}.panel h3{margin:0 0 var(--space-2);font-size:13px;text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--text-dim)}.banner{padding:6px var(--space-3);border-radius:var(--radius-sm);font-weight:600}.banner.winner{background:var(--ok);color:var(--winner-ink)}.banner.frozen,.banner.degraded{background:var(--surface-2);color:var(--warn);border:1px solid var(--warn)}.banner.loading{background:var(--surface-2);color:var(--accent);border:1px solid var(--accent-deep);box-shadow:var(--glow-accent)}.game-screen.drafting{grid-template-areas:"status status" "map panels"}.draft-screen{grid-area:map;overflow-y:auto;padding:var(--space-4) 24px}.draft-screen h2{letter-spacing:var(--letter-spacing-caps)}.draft-ladder{display:flex;gap:var(--space-3);list-style:none;margin:var(--space-2) 0;padding:0}.draft-ladder li{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--font-size-small)}.draft-ladder li.ladder-open{color:var(--accent);border-color:var(--accent-deep);box-shadow:var(--glow-accent)}.draft-ladder li.ladder-revealed{color:var(--ok)}.banner.your-turn{background:var(--surface-2);color:var(--accent);border:1px solid var(--accent-deep);box-shadow:var(--glow-accent)}.banner.waiting{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.draft-pool ul{list-style:none;margin:var(--space-2) 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-2)}.draft-option{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2)}.draft-option.selected{border-color:var(--accent-deep);box-shadow:var(--glow-accent)}.draft-card{display:block;width:100%;text-align:left;background:none;border:none;padding:0;color:var(--text);cursor:pointer}.draft-card:hover:not(:disabled){box-shadow:none;color:var(--accent)}.draft-card strong{display:block;margin-bottom:var(--space-1)}.draft-option.selected .draft-card strong{color:var(--accent);text-shadow:var(--glow-accent)}.draft-card-description{display:block;color:var(--text-dim);font-size:var(--font-size-small)}.draft-card-lines{margin:var(--space-1) 0 0;padding-left:var(--space-4);color:var(--text-dim);font-size:var(--font-size-small)}.draft-card-rules a{color:var(--link);margin-right:var(--space-1)}.draft-option details{margin-top:var(--space-1);color:var(--text-dim);font-size:var(--font-size-small)}.draft-own-picks,.draft-revealed,.draft-record-entry{margin-top:var(--space-4)}.fineprint{color:var(--text-dim);font-size:var(--font-size-fine)}.draft-record{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);font-size:var(--font-size-small)}.replay-screen{grid-area:map / map / panels / panels;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--space-3) var(--space-4);gap:var(--space-2)}.replay-controls{display:flex;align-items:center;gap:var(--space-3)}.replay-controls .spacer{flex:1}.banner.fog-lifted{background:color-mix(in srgb,var(--player-violet) 18%,var(--surface-2));color:var(--player-violet);border:1.5px solid var(--player-violet);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);font-size:var(--font-size-small)}.replay-position{color:var(--accent);font-family:var(--font-display);letter-spacing:var(--letter-spacing-caps)}.replay-transport{display:flex;align-items:center;gap:var(--space-2)}.replay-transport label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-dim);font-size:var(--font-size-small)}.replay-hint{color:var(--text-dim);font-size:var(--font-size-small)}.replay-scrubber-track{position:relative;display:inline-flex;align-items:center}.replay-tick{position:absolute;top:100%;transform:translate(-50%);width:var(--space-2);height:var(--space-2);padding:0;border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger);cursor:pointer}.replay-tick:hover{box-shadow:var(--glow-accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--glow-accent)}.replay-viewer-label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-dim);font-size:var(--font-size-small)}.replay-filter-label{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3);color:var(--text-dim);font-size:var(--font-size-small);font-weight:400}.replay-screen .map-region{min-height:360px;flex:1;border:1px solid var(--border);border-radius:var(--radius-md)}.replay-events{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);max-height:30vh;overflow-y:auto;font-size:var(--font-size-small)}.replay-events li.current{color:var(--accent);text-shadow:var(--glow-accent)}.replay-events li.status-divider{list-style:none;margin:var(--space-2) 0 var(--space-1) calc(-1 * var(--space-3));padding-top:var(--space-1);border-top:1px solid var(--panel-edge);color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);font-size:var(--font-size-tiny, 10px)}.skeleton{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.skeleton-row{height:1.1em;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);opacity:.7}.skeleton-label{margin:0;color:var(--text-dim);font-size:var(--font-size-small);font-style:italic}.empty-state{color:var(--text-dim);font-size:var(--font-size-small)}.status-bar{background:var(--panel-chrome),var(--surface);border-bottom-color:var(--panel-edge)}.side-panels{border-left-color:var(--panel-edge)}.panel{background:var(--panel-chrome),var(--surface-2);border-color:var(--panel-edge)}.map-region{box-shadow:inset 0 0 32px #4fd8eb0d}button{background:var(--panel-chrome),var(--surface-2)}.credential-entry form,form.form-measure,.screen-message,.draft-option,.draft-record,.replay-events{background:var(--panel-chrome),var(--surface-2);border-color:var(--panel-edge)}.credential-entry form,form.form-measure,.screen-message{background:var(--panel-chrome),var(--surface)}.banner.winner{box-shadow:0 0 14px #82dd8b59}.panel.end-card{border-color:var(--ok);box-shadow:0 0 14px #82dd8b33}.chat-entry .chat-time{display:none;margin-left:var(--space-2);color:var(--text-dim);font-size:var(--font-size-small)}.chat-entry:hover .chat-time{display:inline}.chat-unread-divider{border-top:1px solid var(--accent);color:var(--accent);font-size:var(--font-size-small);text-align:center;margin:var(--space-2) 0}.ai-badge{font-size:var(--font-size-small);color:var(--accent);border:1px solid var(--panel-edge);border-radius:3px;padding:0 var(--space-1);margin-left:var(--space-1);vertical-align:middle}.legend-entry .legend-content{display:none}.legend-entry.open .legend-content{display:block}.app-footer{position:fixed;bottom:var(--space-1);right:var(--space-2)}.landing-credits-corner{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.landing-versions{color:var(--text-dim);font-size:var(--font-size-small)}.alpha-banner{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--warn);border-radius:var(--radius-md);color:var(--warn);font-size:var(--font-size-small)}.alpha-banner p{margin:0}.alpha-banner ul{margin:var(--space-1) 0 0;padding-left:var(--space-3)}.landing-hero{max-width:100%;margin-bottom:var(--space-3)}.landing-tagline{color:var(--accent);font-size:15px}.landing-pitch{color:var(--text)}.landing-flavor{color:var(--text-dim);font-style:italic;font-size:var(--font-size-small)}.landing-links a{color:var(--link)}.panel-tabs{display:none}.panel-slot{display:contents}@media(max-width:1279px){.board-view-segment{font-size:var(--font-size-small);padding:6px 14px}.game-screen{grid-template-rows:auto var(--mobile-map-height) minmax(0,1fr);grid-template-columns:1fr;grid-template-areas:"status" "map" "panels"}.game-screen.drafting{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;grid-template-areas:"status" "map" "panels"}.side-panels{border-left:none;border-top:1px solid var(--border)}.draft-ladder,.replay-controls,.replay-transport{flex-wrap:wrap}.replay-speed,.replay-scrubber{flex-basis:100%}.replay-scrubber .replay-scrubber-track{flex:1}.replay-scrubber input[type=range]{width:100%}.replay-tick{width:var(--tap-target);height:var(--tap-target);background:transparent;border:none}.replay-tick:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--space-2);height:var(--space-2);border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger)}.layer-controls{right:var(--space-2);flex-wrap:wrap}.layer-controls label{min-height:var(--tap-target)}.jump-start-button{width:100%}.jump-start-waiting{flex-direction:column;align-items:flex-start}.game-end-solo{display:block;margin-left:0;margin-top:var(--space-1)}.game-end-solo button{min-height:var(--tap-target)}.layers-toggle{display:inline-flex;align-items:center;min-height:var(--tap-target)}.layer-controls legend{display:none}.layer-controls:not(.open) label{display:none}.layer-controls:not(.open){right:auto}.status-bar{overflow-x:auto;flex-wrap:wrap;white-space:normal;row-gap:var(--space-1);padding-top:var(--space-1);padding-bottom:var(--space-1)}.status-bar .waiting-note{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0;max-width:100%}.status-bar .waiting-note .waiting-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-bar .waiting-note button{flex-shrink:0}.panel-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);position:sticky;top:0;background:var(--surface);padding-bottom:var(--space-1);z-index:1}.panel-tab{min-height:var(--tap-target)}.panel-tab.active{border-color:var(--accent);color:var(--accent)}.panel-slot{display:none}.panel-slot[data-active=true]{display:block}.chat-entry .chat-time{display:inline}.bid-conversions label{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin-bottom:var(--space-2)}.app-footer{position:static;text-align:right;padding:var(--space-1) var(--space-2)}.panel-slot[data-slot=legend] .legend-toggle{display:none}.panel-slot[data-slot=legend] .legend-content{display:block}.status-bar button,.status-bar select,.replay-controls button,.replay-controls select,.side-panels button,.side-panels select,.side-panels input{min-height:var(--tap-target)}}.window-nav,.empire-cluster,.header-identity,.back-to-games,.chat-flyout-toggle,.chat-resummon,.drafting-frame-controls{display:none}.stat-breakdown{position:relative;display:inline-block}.stat-breakdown-trigger{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:help}.header-breakdown{position:absolute;top:100%;left:0;z-index:40;min-width:200px;margin-top:var(--space-1, 4px);padding:var(--space-2, 8px);background:var(--surface-2);border:1px solid var(--panel-edge, var(--border));border-radius:var(--radius-md);box-shadow:0 4px 14px #0006;font-size:var(--font-size-small);display:none}.stat-breakdown:hover .header-breakdown,.stat-breakdown:focus-within .header-breakdown{display:block}.header-breakdown ul{list-style:none;margin:0;padding:0}.header-breakdown li{display:flex;justify-content:space-between;gap:var(--space-3, 12px);white-space:nowrap}.header-breakdown .bd-suppressed{color:var(--warn)}.header-breakdown .bd-total{margin-top:var(--space-1, 4px);padding-top:var(--space-1, 4px);border-top:1px solid var(--border);font-weight:600}.header-breakdown .bd-amount{font-variant-numeric:tabular-nums}.game-finished .back-to-games{display:inline-block}.wide-screen{max-width:1100px;margin:4vh auto;padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.landing-screen{max-width:820px;margin:8vh auto;padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.landing-screen form{max-width:460px;display:flex;flex-direction:column;gap:10px;background:var(--panel-chrome),var(--surface);border:1px solid var(--panel-edge);border-radius:var(--radius-lg);padding:var(--space-4)}.landing-screen form label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-dim)}.landing-art svg{display:block;width:100%;height:auto}.landing-art{border:1px solid var(--panel-edge);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg)}.landing-art-desktop{display:none}.landing-art-mobile{display:block}.landing-art-side{display:none}.landing-content{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.screen-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.site-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);max-width:1100px;margin:var(--space-3) auto 0;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--panel-edge)}.site-wordmark{background:none;border:none;color:var(--text);font-family:var(--font-display);font-size:calc(var(--font-size-body) + 3px);letter-spacing:var(--letter-spacing-caps);padding:0}.site-nav,.site-docs{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.site-nav button{background:none;border:1px solid transparent;color:var(--text-dim)}.site-nav button[aria-current=page]{color:var(--accent);border-color:var(--accent-deep);border-radius:var(--radius-md)}.site-docs{margin-left:auto}.site-docs a{color:var(--text);text-decoration:none}.site-docs a:hover{color:var(--accent)}.site-docs a+a{border-left:1px solid var(--accent-deep);padding-left:var(--space-2)}.site-identity{display:inline-flex;align-items:center;gap:var(--space-2)}.field-error{margin:0;color:var(--danger);font-size:var(--font-size-small)}.session-notice{border:1px solid var(--accent-deep);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--accent)}.landing-toplinks{display:flex;gap:var(--space-4);align-items:center;justify-content:flex-end}.landing-toplinks a{color:var(--text-dim);text-decoration:none;font-size:var(--font-size-small)}.landing-toplinks a:not(:last-child){padding-right:var(--space-4);border-right:1px solid var(--panel-edge)}.landing-toplinks a:hover{color:var(--accent)}.form-measure{max-width:460px}.identity-chip{display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--accent-deep);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);color:var(--accent)}.identity-chip-anon{color:var(--text-dim);border-color:var(--border);background:var(--surface-2)}button.destructive{border-color:var(--danger);color:var(--danger)}.lobby-membership-badge{border:1px solid var(--ok);color:var(--ok);border-radius:var(--radius-sm);padding:0 var(--space-2);font-size:var(--font-size-small)}.chat-entry{padding:var(--space-1) 0;margin-bottom:var(--space-1);line-height:1.45}.chat-toggles label{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap-target);padding:0 var(--space-2);border:1px solid var(--accent-deep);border-radius:var(--radius-md);margin-right:var(--space-1);font-size:var(--font-size-small);cursor:pointer}.chat-toggles label:has(input:checked){color:var(--accent);box-shadow:var(--glow-soft)}.chat-posting{color:var(--accent)}.chat-entry{transition:background-color 1.2s ease-out}.chat-entry.search-hit{background-color:#4fd8eb47;transition:none}.chat-player{font-size:var(--font-size-body)}.chat-gameLog{font-size:var(--font-size-small);color:var(--text-dim)}.chat-gameLog .content-term{font-size:inherit}.chat-system{font-size:var(--font-size-small);color:var(--warn);border-left:2px solid var(--warn);padding-left:var(--space-2)}.chat-entry .profile-link{background:none;border:none;padding:0;margin:0;color:var(--link);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.chat-stream{list-style:none;margin:0;padding:0 var(--space-1)}.chat-round-break{border-top:1px dashed var(--border-strong);color:var(--text-dim);font-size:var(--font-size-fine);text-align:center;margin:var(--space-2) 0 var(--space-1);letter-spacing:var(--letter-spacing-caps)}.chat-search{width:100%;box-sizing:border-box;margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text)}.chat-search-results .search-count{color:var(--text-dim);font-size:var(--font-size-small)}.chat-search-hit{display:block;width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--text);font-size:var(--font-size-small)}.chat-search-hit mark{background:#4fd8eb59;color:var(--text)}.content-term-wrap{position:relative}.content-hover-card{position:absolute;bottom:calc(100% + 4px);left:0;z-index:40;display:block;width:max-content;max-width:300px;background:var(--panel-chrome),var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--glow-soft),0 0 18px #02070dcc;padding:var(--space-2) var(--space-3);font-size:var(--font-size-small);color:var(--text)}.content-card-name{display:block;font-family:var(--font-display);margin-bottom:var(--space-1)}.content-card-description{display:block;color:var(--text-dim)}.content-card-rules{display:block;margin-top:var(--space-1)}.content-card-rules a{margin-right:var(--space-2);color:var(--link)}.chat-resize,.nav-resize,.plan-resize,.map-ready,.game-menu,.legend-fab,.window-x,.map-hovercard,.map-popover{display:none}.replay-close{min-height:44px;min-width:44px;padding:var(--space-2) var(--space-3);border-color:var(--accent);color:var(--accent);font-weight:600}.ai-badge{display:inline-flex;align-items:center;line-height:1.4}.chat-composer{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);background:var(--surface);background-image:var(--panel-chrome);border-top:1px solid var(--panel-edge);border-radius:var(--radius-md)}.chat-composer label{flex:1 1 100%;display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-dim);font-size:var(--font-size-small)}.chat-composer textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:44px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:inherit;padding:var(--space-1) var(--space-2)}.window-backdrop{position:fixed;inset:0;background:var(--backdrop);z-index:25}.window-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(880px,86vw);max-height:82vh;overflow-y:auto;z-index:30;box-shadow:var(--glow-soft),0 0 24px #02070dcc;border-color:var(--border-strong)}.window-titlebar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.plan-expand-toggle{display:none;margin-left:var(--space-2);font-size:var(--font-size-small)}.game-screen[data-window=plan] .window-overlay{width:min(1400px,94vw);height:min(860px,88vh);max-height:88vh;display:flex;flex-direction:column}.plan-expanded{flex:1;min-height:0;display:grid;grid-template-columns:280px minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-3)}.plan-pane{min-height:0;overflow-y:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.action-card{display:block;width:100%;text-align:left;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.action-card[aria-pressed=true]{border-color:var(--accent);box-shadow:var(--glow-accent)}.action-card-label{font-family:var(--font-display);display:inline-block;margin-left:var(--space-1)}.action-card-blurb{display:block;color:var(--text-dim);font-size:var(--font-size-fine);margin-top:var(--space-1)}.plan-expanded-budget>div{margin-bottom:var(--space-1)}.plan-expanded-queue li{margin-bottom:var(--space-2)}.plan-expanded .bid-conversions label{display:inline-flex;align-items:center;gap:var(--space-1);margin-right:var(--space-2)}.plan-expanded .bid-conversions input{width:72px}.legend-group-title{font-size:13px}.legend-entries{margin:var(--space-1) 0 var(--space-3);padding-left:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.legend-entry-item{font-size:16px}.legend-notation-item{font-size:14px;list-style:none;margin-bottom:var(--space-2)}@media(min-width:1280px){.replay-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-rows:minmax(0,1fr);align-items:stretch;column-gap:var(--space-3);min-height:0;height:calc(100vh - 120px)}.replay-body>.replay-left{grid-column:1;display:flex;flex-direction:column;min-height:0}.replay-body>.replay-left>.map-region{flex:1 1 auto;min-height:0}.replay-body>.replay-events{grid-column:2;grid-row:1;max-height:none;height:100%;overflow-y:auto}}.lobby-side form{margin-bottom:var(--space-4)}.lobby-side label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;margin:var(--space-2) 0}.lobby-side input,.lobby-side select{min-width:220px;max-width:100%}.lobby-columns,.overview-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:var(--space-4);align-items:start}.lobby-screen.wide-screen{max-width:1280px}.lobby-main>*+*{margin-top:var(--space-4)}.lobby-members{list-style:none;padding:0;margin:var(--space-2) 0;display:flex;flex-direction:column;gap:var(--space-2)}.lobby-ai-slot,.lobby-empty-slot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1) 0}.lobby-creator-tools{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.lobby-creator-tools>button{align-self:flex-start;width:auto;min-width:160px;padding:var(--space-3) var(--space-4)}.lobby-back{margin-bottom:var(--space-3)}.lobby-creator-tools .lobby-invite-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2)}.planet-summary .stat-value{font-size:14px}.planet-buildings{list-style:none;padding-left:var(--space-2);margin:var(--space-1) 0}.planet-building-row{display:flex;align-items:baseline;gap:var(--space-2);font-size:12px;margin-bottom:2px}.planet-building-name{min-width:130px}.planet-building-hp{display:inline-flex;gap:2px;align-items:baseline}.budget-bar{margin-bottom:var(--space-2)}.budget-bar-line{margin-bottom:var(--space-1)}.budget-bar-line .stat-value{font-size:18px}.budget-detail{font-size:11px;color:var(--text-dim)}select.add-action{width:100%;font-family:var(--font-display);font-size:14px;padding:var(--space-2);border:2px solid var(--accent);border-radius:var(--radius-md);background:var(--surface);color:var(--accent);box-shadow:var(--glow-accent);cursor:pointer}.form-grid label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;margin-bottom:var(--space-2);max-width:100%}.form-grid select,.form-grid input{max-width:100%;min-width:0;box-sizing:border-box}.form-grid fieldset{max-width:100%;min-width:0}.form-grid p{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.queue-action{font-weight:700;letter-spacing:.02em;padding:var(--space-2) var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-deep);color:var(--text);box-shadow:var(--glow-accent);cursor:pointer}.queue-action:not(:disabled):hover{background:var(--accent);color:var(--surface)}.queue-action:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.planets-window details>button{margin-right:var(--space-2);margin-top:var(--space-1)}.panel button+button,.panel button+input,.panel input+button,.planets-window button+button,.lobby-side button+button,.lobby-side input+button{margin-left:var(--space-2)}.window-search{margin:0 0 var(--space-2)}.window-search input{width:100%;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:inherit;padding:var(--space-1) var(--space-2)}.game-menu-slot{margin-left:var(--space-4)}.games-table-wrap{overflow-x:auto}.games-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.games-tabs [role=tab][aria-selected=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.games-table{width:100%;border-collapse:collapse}.games-table th,.games-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--panel-edge);white-space:nowrap}.games-table td:first-child{white-space:normal}.games-table .game-open{background:none;border:none;color:var(--link, var(--accent));cursor:pointer;padding:0;font:inherit;text-align:left}.games-table .waiting-you{color:var(--accent);font-weight:600}.games-table .game-name{font-weight:600;color:var(--text-dim)}.games-table .game-copy-id{font-size:var(--font-size-small);opacity:.6}.games-table .game-copy-id:hover{opacity:1}.games-table td.game-stale-status{white-space:normal;max-width:280px}.games-table .game-stale-status [data-testid=stale-marker]{color:var(--warn)}.games-table .game-end-stale{display:inline-block;margin-top:var(--space-1);white-space:nowrap}.games-table .copy-affordance{font-size:var(--font-size-small);color:var(--text-dim);white-space:nowrap}.games-filter{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.incomplete-marker{color:var(--text-dim);font-style:italic}.replay-last-round,.summary-replay{border-color:var(--accent);color:var(--accent)}.summary-replay{font-weight:600}.form-advisory{color:var(--warn);font-size:12px;margin:var(--space-1) 0}.transfer-board{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0}.transfer-pane{flex:1 1 140px;min-width:140px;border:1px solid var(--border);border-radius:4px;padding:var(--space-1) var(--space-2);background:var(--surface-2)}.transfer-pane-head{display:flex;align-items:baseline;gap:var(--space-1);flex-wrap:wrap}.transfer-ships{list-style:none;margin:var(--space-1) 0 0;padding:0}.transfer-ships li{margin-bottom:var(--space-1)}.transfer-ships button{font-size:12px;width:100%;text-align:left}.transfer-ships button[aria-pressed=true]{outline:1px solid var(--accent);box-shadow:var(--glow-soft)}.transfer-move-here{font-size:11px}.transfer-pending{list-style:none;padding-left:0}.move-steps{list-style:none;margin:var(--space-1) 0;padding-left:0;font-size:var(--font-size-small)}.move-step{display:flex;align-items:center;gap:var(--space-2);padding:2px 0}.move-step-num{color:var(--text-dim);font-variant-numeric:tabular-nums}.move-step-remove{margin-left:auto;border:none;background:transparent;color:var(--text-dim);cursor:pointer;line-height:1}.move-step-remove:hover{color:var(--danger)}.transfer-summary{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--panel-edge);border-radius:var(--radius-sm);background:var(--surface-2)}.transfer-summary .transfer-cost{margin:0;font-size:var(--font-size-small)}.transfer-summary .transfer-ap-breakdown{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.window-titlebar h3{margin:0}.window-list{list-style:none;margin:var(--space-2) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.suppressed-marker{font-size:var(--font-size-fine);padding:0 var(--space-1);margin-left:var(--space-1)}@media(min-width:1280px){.game-screen:not(.drafting){grid-template-columns:var(--nav-w, 260px) minmax(0,1fr) var(--plan-w, 320px) var(--chat-w, 340px);grid-template-rows:auto auto minmax(0,auto) minmax(0,1fr);grid-template-areas:"status  status status status" "nav     map    plan   chat" "summary map    plan   chat" "summary map    plan   chat"}.game-screen:not(.drafting)>.side-panels{display:contents}.game-screen:not(.drafting)>.side-panels>.panel{grid-area:summary;margin:var(--space-2);max-height:60vh;overflow-y:auto}.game-screen:not(.drafting) .panel-slot{display:block;min-height:0;overflow-y:auto;background:var(--surface);border-left:1px solid var(--panel-edge);padding:var(--space-3)}.game-screen:not(.drafting) .panel-slot[data-slot=planning]{grid-area:plan}.game-screen:not(.drafting):not(:has(.panel-slot[data-slot=planning])){grid-template-columns:var(--nav-w, 260px) minmax(0,1fr) 0 var(--chat-w, 340px)}.game-screen:not(.drafting):not(:has(.panel-slot[data-slot=planning]))[data-chat=closed]{grid-template-columns:var(--nav-w, 260px) minmax(0,1fr) 0 44px}.plan-expand-toggle{display:inline-flex}.game-screen:not(.drafting) .panel-slot[data-slot=inspect]{display:none}.game-screen:not(.drafting) .panel-slot[data-slot=self]{display:none}.game-screen:not(.drafting) .panel-slot[data-slot=chat]{grid-area:chat}.game-screen:not(.drafting) .panel-slot[data-slot=public],.game-screen:not(.drafting) .panel-slot[data-slot=legend],.game-screen:not(.drafting) .panel-slot[data-slot=draftRecord]{display:none}.game-screen[data-window=public] .panel-slot[data-slot=public],.game-screen[data-window=legend] .panel-slot[data-slot=legend],.game-screen[data-window=draftRecord] .panel-slot[data-slot=draftRecord]{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(880px,86vw);max-height:82vh;overflow-y:auto;z-index:30;background:var(--panel-chrome),var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--glow-soft),0 0 24px #02070dcc}.game-screen[data-window=legend] .panel-slot[data-slot=legend] .legend-content{display:block}.game-screen[data-window=legend] .panel-slot[data-slot=legend] .legend-toggle{display:none}.window-nav{grid-area:nav;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface);border-left:1px solid var(--panel-edge)}.window-nav button{padding:var(--space-2) var(--space-3)}.window-nav button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.map-ready{display:block;position:absolute;top:var(--space-2);right:var(--space-2);z-index:7;text-align:right}.map-ready-button{font-family:var(--font-display);font-size:var(--font-size-body);font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:var(--space-2) var(--space-4);border:2px solid var(--accent);border-radius:var(--radius-md);background:var(--surface);color:var(--accent);box-shadow:var(--glow-accent)}.map-ready-button:not(:disabled):hover{background:var(--accent-deep);color:var(--text)}.map-ready-button.readied{border-color:var(--ok);color:var(--ok);box-shadow:none}.map-ready-button:disabled{border-color:var(--border);color:var(--text-dim);box-shadow:none}.map-ready-refusal{background:var(--surface);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);max-width:320px}.game-screen:not(.drafting) .panel-slot[data-slot=planning] .ready-region,.game-screen:not(.drafting) .panel-slot[data-slot=planning] .concede-region{display:none}.map-hovercard{display:block;position:absolute;z-index:8;pointer-events:none;max-width:280px;background:var(--panel-chrome),var(--surface-2);border:1px solid var(--hover-ring);border-radius:var(--radius-md);box-shadow:var(--glow-soft),0 0 18px #02070dcc;padding:var(--space-2) var(--space-3);font-size:var(--font-size-small)}.map-hovercard-subtitle{display:block;color:var(--text-dim);font-size:var(--font-size-fine)}.map-hovercard ul{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.game-screen:not(.drafting) [data-testid=hover-panel]{display:none}.map-popover{display:block;position:absolute;z-index:10;width:300px;max-width:min(300px,calc(100% - var(--space-4)));max-height:70%;overflow-y:auto;background:var(--panel-chrome),var(--surface-2);border:1px solid var(--pin-ring);border-radius:var(--radius-md);box-shadow:var(--glow-soft),0 0 20px #02070dd9;padding:var(--space-2) var(--space-3);font-size:var(--font-size-small)}.map-popover-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-1)}.map-popover-close{flex:none;padding:0 var(--space-2)}.map-popover-subtitle{color:var(--text-dim);font-size:var(--font-size-fine);margin:0 0 var(--space-2)}.map-popover-commands{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-2)}.map-popover-section{font-size:var(--font-size-small)}.map-popover-body ul{margin:var(--space-1) 0 var(--space-2);padding-left:var(--space-4)}.map-popover-stat{list-style:none;margin-left:calc(-1 * var(--space-4));display:flex;align-items:center;gap:var(--space-1)}.map-popover-stat .stat-icon svg{width:1em;height:1em;display:block}.map-popover-body{max-height:46vh;overflow-y:auto}.map-popover-group ul{list-style:none;padding-left:0;margin:var(--space-1) 0 var(--space-2)}.map-popover-group-entry{display:flex;align-items:baseline;gap:var(--space-1);width:100%;text-align:left;padding:var(--space-1) var(--space-2);background:var(--surface-1);border:1px solid var(--panel-edge);border-radius:var(--radius-sm);cursor:pointer;color:inherit;font-size:var(--font-size-small)}.map-popover-group-entry:after{content:"›";margin-left:auto;color:var(--accent);font-weight:700}.map-popover-group-entry:hover,.map-popover-group-entry:focus-visible{border-color:var(--accent);background:var(--surface-2)}.map-popover-group-entry .group-entry-detail{color:var(--text-dim);font-size:var(--font-size-fine)}.layer-controls label{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--accent-deep);border-radius:var(--radius-md);margin-right:var(--space-1);cursor:pointer}.layer-controls label:has(input:checked){color:var(--accent);box-shadow:var(--glow-soft)}.game-menu{display:inline-flex;position:relative}.game-menu-backdrop{position:fixed;inset:0;background:transparent;border:none;z-index:24}.game-menu-pop{position:absolute;top:calc(100% + 4px);right:0;z-index:26;min-width:260px;background:var(--panel-chrome),var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--glow-soft),0 0 18px #02070dcc;padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);width:max-content;max-width:min(360px,90vw)}.game-menu-group{display:flex;flex-direction:column;gap:var(--space-1)}.game-menu-group+.game-menu-group{padding-top:var(--space-2);border-top:1px solid var(--panel-edge)}.game-menu-group>button,.game-menu-group>[role=menuitem]>button,.game-menu-group .copy-affordance>button{display:block;width:100%;text-align:left;padding:var(--space-1) var(--space-2)}.game-menu-group>[role=menuitem],.game-menu-group .copy-affordance{display:block}.game-menu-group .copy-affordance [data-testid=copy-confirmation]{display:block;padding-top:var(--space-1);color:var(--accent)}.game-menu-group .copy-fallback{display:block;overflow-wrap:anywhere}.game-menu-danger>button{color:var(--danger);border-color:var(--danger)}.game-menu-confirm p{margin:0 0 var(--space-1);font-size:var(--font-size-small)}.game-menu-confirm-actions{display:flex;gap:var(--space-2)}.game-menu-refusal{margin:0;color:var(--danger);font-size:var(--font-size-small)}.legend-fab{display:block;position:absolute;right:var(--space-2);bottom:calc(var(--space-4) + 20px);z-index:7;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--accent)}.legend-fab[aria-pressed=true]{border-color:var(--accent);box-shadow:var(--glow-accent)}.game-screen[data-window=legend] .panel-slot[data-slot=legend]{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(1400px,94vw);max-height:88vh;overflow-y:auto}.window-x{display:inline-flex}.status-bar{padding:var(--space-2) var(--space-3);row-gap:var(--space-2);flex-wrap:wrap;white-space:normal}.status-bar button{padding:var(--space-1) var(--space-3)}.empire-cluster{display:inline-flex;gap:var(--space-4);align-items:center;padding:0 var(--space-3);border-left:1px solid var(--border);border-right:1px solid var(--border)}.empire-cluster .empire-delta{color:var(--text-dim);font-size:var(--font-size-small)}.header-identity,.back-to-games,.chat-flyout-toggle{display:inline-flex;align-items:center}.drafting-frame-controls{grid-area:status;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:0 var(--space-3);background:var(--panel-chrome),var(--surface);border-bottom:1px solid var(--panel-edge)}.game-screen:not(.drafting) .panel-slot[data-slot=chat]{overflow-y:hidden}.game-screen:not(.drafting) .panel-slot[data-slot=chat] .chat-panel{display:flex;flex-direction:column;height:100%;min-height:0}.game-screen:not(.drafting) .panel-slot[data-slot=chat] .chat-stream{flex:1;min-height:0;overflow-y:auto}.game-screen:not(.drafting) .panel-slot[data-slot=chat] .chat-search-results{flex:1;min-height:0;overflow-y:auto}body:has(.game-screen:not(.drafting)[data-chat=open]) .app-footer{right:calc(var(--chat-w, 340px) + 8px)}.chat-resize{display:block;grid-area:chat;justify-self:start;width:6px;height:100%;cursor:col-resize;background:transparent;border:none;border-left:2px solid var(--border-strong);padding:0;z-index:6}.chat-resize:hover,.chat-resize:focus-visible{border-left-color:var(--accent)}.nav-resize{display:block;grid-column:1;grid-row:2 / 5;justify-self:end;width:6px;height:100%;cursor:col-resize;background:transparent;border:none;border-right:2px solid var(--border-strong);padding:0;z-index:6}.plan-resize{display:block;grid-column:3;grid-row:2 / 5;justify-self:start;width:6px;height:100%;cursor:col-resize;background:transparent;border:none;border-left:2px solid var(--border-strong);padding:0;z-index:6}.nav-resize:hover,.nav-resize:focus-visible{border-right-color:var(--accent)}.plan-resize:hover,.plan-resize:focus-visible{border-left-color:var(--accent)}.game-screen:not(.drafting)[data-chat=closed]{grid-template-columns:var(--nav-w, 260px) minmax(0,1fr) var(--plan-w, 320px) 44px}.game-screen[data-chat=closed] .panel-slot[data-slot=chat]{display:none}.chat-resummon{display:block;grid-area:chat;writing-mode:vertical-rl;border-radius:0;border-left:1px solid var(--panel-edge)}.game-screen:not(.drafting):not(:has(>.side-panels>.panel)) .panel-slot[data-slot=chat]{grid-row:2 / 5}.lobby-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-4);align-items:start}.lobby-detail>.lobby-chat{max-height:70vh;overflow-y:auto;position:sticky;top:var(--space-3);background:var(--panel-chrome),var(--surface-2);border:1px solid var(--panel-edge);border-radius:var(--radius-md);padding:var(--space-3)}.landing-screen{max-width:1320px;display:grid;grid-template-columns:240px minmax(0,1fr) 240px;grid-template-areas:"ltop  ltop  ltop" "lhead lhead lhead" "lside lmain rside" "lfoot lfoot lfoot";gap:var(--space-4);align-items:start}.landing-toplinks{grid-area:ltop}.landing-art-desktop{display:block}.landing-art-mobile{display:none}.landing-art-header{grid-area:lhead}.landing-content{grid-area:lmain}.landing-art-side{display:block;position:sticky;top:var(--space-3)}.landing-art-side-left{grid-area:lside}.landing-art-side-right{grid-area:rside}.landing-art-footer{grid-area:lfoot}.game-screen:not(.drafting)>.panel.end-card{grid-area:map;z-index:5;align-self:center;justify-self:center;max-width:560px;max-height:80%;overflow-y:auto;margin:0}}.capture-callout{margin:var(--space-1) 0;padding:var(--space-1) var(--space-2);list-style:none;background:var(--capture-callout);border-left:3px solid var(--pin-ring);border-radius:var(--radius-sm);font-size:var(--font-size-small)}.locate-btn{padding:0 var(--space-1);border:none;background:none;color:var(--link);cursor:pointer;font-size:1.05em;line-height:1;vertical-align:baseline}.locate-btn:hover{color:var(--accent)}.color-swatch{display:inline-block;width:var(--color-swatch-size);height:var(--color-swatch-size);border-radius:50%;vertical-align:middle;border:1px solid var(--panel-edge, rgba(255, 255, 255, .2))}.lobby-color-picker{display:inline-flex;align-items:center;gap:.35em;margin-left:.5em;position:relative}.color-picker-trigger{display:inline-flex;align-items:center;gap:.4em;padding:3px 8px;background:var(--surface-1);border:1px solid var(--panel-edge);border-radius:var(--radius-sm);color:inherit;cursor:pointer;font:inherit}.color-picker-list{position:absolute;top:100%;left:0;z-index:50;margin:var(--space-1) 0 0;padding:var(--space-1);list-style:none;max-height:240px;overflow-y:auto;background:var(--surface-2);border:1px solid var(--panel-edge);border-radius:var(--radius-md);box-shadow:0 4px 14px #0006}.color-picker-option{display:flex;align-items:center;gap:.5em;width:100%;text-align:left;padding:4px 8px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:inherit;cursor:pointer;font:inherit}.color-picker-option:hover:not(:disabled),.color-picker-option:focus-visible{background:var(--surface-1);border-color:var(--accent)}.color-picker-option[aria-selected=true]{border-color:var(--accent-deep)}.color-picker-option:disabled{opacity:.4;cursor:not-allowed}.battle-lab{padding:var(--space-4);max-width:1600px;margin:0 auto}.battle-lab .lab-note{color:var(--text-dim);font-size:var(--font-size-small)}.lab-controls,.lab-presets,.lab-transfer,.lab-row{display:flex;gap:var(--space-2);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-2)}.lab-transfer textarea{flex:1 1 320px;min-width:240px}.lab-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-fine);color:var(--text-dim)}.lab-field input,.lab-field select{width:9ch}.lab-field input[type=text],.lab-field>input:not([type]){width:18ch}.lab-fight{border-color:var(--accent);box-shadow:var(--glow-accent)}.lab-sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:var(--space-4);align-items:start}.lab-side{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface)}.lab-side fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);margin:var(--space-2) 0;padding:var(--space-2)}.lab-side legend{color:var(--text-dim);font-size:var(--font-size-fine);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase}.lab-checklist,.lab-tracks{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-fine)}.lab-order ol{margin:var(--space-1) 0 0;padding-left:var(--space-4);font-size:var(--font-size-fine)}.lab-order li{margin-bottom:var(--space-1)}.lab-order button{padding:0 var(--space-1)}.lab-ship{border-left:2px solid var(--border-strong);padding-left:var(--space-2);margin-bottom:var(--space-2)}.lab-refusal{border:1px solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--danger)}.lab-record{margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-3)}.lab-volley{margin-bottom:var(--space-3)}.lab-volley h4{color:var(--accent);font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;margin:0 0 var(--space-1)}.lab-volley ol{margin:0;padding-left:var(--space-4);font-size:var(--font-size-small)}.lab-event-type{color:var(--text-dim);font-size:var(--font-size-fine);margin-right:var(--space-1)}.lab-shot-detail dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-1);margin:var(--space-1) 0;font-size:var(--font-size-fine)}.lab-shot-detail dt{color:var(--text-dim);display:inline}.lab-shot-detail dd{display:inline;margin:0 0 0 var(--space-1)}.game-end-solo{margin-left:var(--space-2);font-size:var(--font-size-fine);color:var(--text-dim)}.game-end-solo button{font-size:var(--font-size-fine)}.jump-start{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);background:var(--surface)}.jump-start h3{margin-top:0}.jump-start-button{border-color:var(--accent);box-shadow:var(--glow-soft);min-height:var(--tap-target)}.jump-start-desc{color:var(--text-dim);font-size:var(--font-size-small);max-height:0;overflow:hidden;opacity:0;margin:0;transition:max-height .16s ease,opacity .16s ease}.jump-start-desc.is-shown{max-height:12em;opacity:1;margin:var(--space-2) 0 0}.jump-start-waiting{color:var(--text-dim);font-size:var(--font-size-small);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.jump-start-pulse{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--accent);display:inline-block}@keyframes jump-start-pulse{0%{opacity:.25}50%{opacity:1}to{opacity:.25}}@media(prefers-reduced-motion:no-preference){.jump-start-pulse{animation:jump-start-pulse 1.2s ease-in-out infinite}}.battle-report{display:flex;flex-direction:column;gap:var(--space-3);outline:none}.battle-report-overlay{width:min(1200px,92vw);height:min(860px,88vh);max-height:88vh;display:flex;flex-direction:column}.battle-report-overlay .window-body{flex:1;min-height:0;overflow-y:auto}.battle-report-meta{color:var(--text-dim);font-size:var(--font-size-small);margin:0}.battle-notice{margin:var(--space-1, 4px) 0 0;padding:var(--space-1, 4px) var(--space-2);border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-md);font-size:var(--font-size-small);background:var(--surface-2)}.battle-notice-foglift{border-color:var(--accent)}.battle-diagram{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 24px);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:180px}.battle-side-name{margin:0 0 var(--space-2)}.battle-side-1{text-align:right}.battle-side-1 .battle-row-units{justify-content:flex-end}.battle-row-label{margin:var(--space-2) 0 var(--space-1, 4px);color:var(--text-dim);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.08em}.battle-row-units{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.battle-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:84px;padding:var(--space-1, 4px);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.battle-chip-glyph{position:relative;width:40px;height:40px;display:grid;place-items:center}.battle-chip-glyph svg{width:100%;height:100%}.battle-chip-glyph .battle-wreck{position:absolute;inset:0;color:var(--text-dim)}.battle-chip-name{font-size:var(--font-size-small);color:var(--text);text-align:center;overflow-wrap:anywhere}.battle-chip-tag{font-size:var(--font-size-small);color:var(--text-dim);font-style:italic}.battle-chip-dead{opacity:.55}.battle-chip-unidentified{border-style:dotted}.battle-housed{margin:var(--space-2) 0 0;color:var(--text-dim);font-size:var(--font-size-small)}.battle-hull{width:100%;height:6px;border-radius:3px;background:var(--surface);border:1px solid var(--border);overflow:hidden;display:block}.battle-hull-fill{display:block;height:100%;background:currentColor;transition:width .2s ease}.battle-hull-unknown .battle-hull-fill{opacity:.3}.battle-structure-glyph{color:currentColor}.battle-tracer-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--accent)}.battle-tracer-miss{color:var(--text-dim)}.battle-tracer-absorbed{color:var(--info, var(--accent))}.battle-impact{position:absolute;top:-10px;right:-6px;display:grid;place-items:center;width:34px;height:34px;pointer-events:none;color:var(--accent)}.battle-impact svg{position:absolute;inset:0}.battle-impact em{font-style:normal;font-size:var(--font-size-small);font-weight:700}.battle-impact-miss,.battle-impact-absorbed{color:var(--text-dim)}.battle-transport{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.battle-transport>button{min-width:var(--tap-target);min-height:var(--tap-target)}.battle-transport>.battle-play{color:var(--accent);border-color:var(--accent-deep);font-size:1.1em}.battle-scrub{flex:1;min-width:120px;display:flex}.battle-scrub input{width:100%}.battle-position{color:var(--text-dim);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;white-space:nowrap}.battle-speed{display:flex;align-items:center;gap:var(--space-1, 4px);font-size:var(--font-size-small);color:var(--text-dim)}.battle-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);min-height:0}.battle-tabs{display:none}.battle-slot{display:contents}.battle-detail,.battle-log{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-2) var(--space-3);min-height:0}.battle-detail-title{margin:0 0 var(--space-2)}.battle-chain{margin:0;display:grid;gap:var(--space-1, 4px)}.battle-chain-step dt{color:var(--text-dim);font-size:var(--font-size-small)}.battle-chain-step dd{margin:0 0 var(--space-1, 4px);display:flex;gap:var(--space-2);align-items:baseline;flex-wrap:wrap}.battle-chain-note{color:var(--text-dim);font-size:var(--font-size-small)}.battle-rule-link{color:var(--link, var(--accent));font-size:var(--font-size-small)}.battle-outcome-reason{font-weight:600}.battle-log{max-height:420px;overflow-y:auto}.battle-log-rows{list-style:none;margin:0;padding:0}.battle-log-row summary{display:flex;gap:var(--space-2);align-items:baseline;cursor:pointer}.battle-log-current>details>summary{background:var(--surface-2);border-left:2px solid var(--accent)}.battle-log-jump{background:none;border:1px solid var(--border);border-radius:var(--radius-sm, 4px);color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:2.4em}.battle-log-volley{margin:var(--space-2) 0 var(--space-1, 4px);color:var(--text-dim);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}.battle-log-expander{width:100%;margin:var(--space-1, 4px) 0}.battle-specimen-tracer{width:64px;height:24px;color:var(--accent)}@keyframes battle-tracer{0%{opacity:0}to{opacity:1}}@keyframes battle-impact{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}@keyframes battle-wreck{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.battle-tracer{animation:battle-tracer .25s ease-out}.battle-impact{animation:battle-impact .28s ease-out}.battle-chip .battle-wreck{animation:battle-wreck .26s ease-out}}@media(max-width:1279px){.battle-report-overlay{width:100vw;height:100dvh;max-height:100dvh;top:0;left:0;transform:none;border-radius:0}.battle-diagram{grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-2)}.battle-chip{width:64px}.battle-tabs{display:flex;gap:var(--space-2)}.battle-tabs button{min-height:var(--tap-target);flex:1}.battle-tabs button[aria-pressed=true]{border-color:var(--accent)}.battle-panels{grid-template-columns:1fr}.battle-slot{display:none}.battle-slot[data-active=true]{display:block}.battle-transport>button,.battle-close{min-width:var(--tap-target);min-height:var(--tap-target)}}.chat-battle-callout,.summary-battle-callout,.replay-battle-callouts li{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-weight:600}.replay-battle-callouts{list-style:none;margin:0 0 var(--space-2);padding:0}.battle-watch{border-color:var(--accent);min-height:28px}.chat-battle-rows summary{color:var(--text-dim);font-size:var(--font-size-small);cursor:pointer}