:root{--bg-void: #05070a;--bg-panel: #0a0f18;--bg-card: #0f1725;--bg-card-2: #131d2d;--bg-input: #0a121d;--border-subtle: rgba(224, 165, 60, .16);--border-strong: rgba(224, 165, 60, .38);--amber: #d9a63c;--amber-bright: #ffcf6e;--amber-dim: #8a6a2e;--ink: #e9e4d6;--ink-dim: #a89f8c;--ink-faint: #6f6a5b;--danger-bright: #ff6a6a;--green: #3ecf6e;--mono: ui-monospace, "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-page-title: clamp(1.6rem, 1.3rem + 1vw, 2.1rem);--fs-screen-title: clamp(1.25rem, 1.1rem + .5vw, 1.6rem);--fs-section: 1.15rem;--fs-body: 1rem;--fs-small: .9rem;--fs-caption: .8125rem;--radius: 4px;--deep-hairline: #1e2535;--chart-ink: #2b3a52;--brand-hue: var(--amber);--header-h: 3.25rem;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg-void);color:var(--ink);font-family:var(--sans);margin:0;padding:0;max-width:100%}body{background-image:radial-gradient(ellipse at 20% -10%,rgba(21,101,192,.07),transparent 45%),radial-gradient(ellipse at 90% 10%,rgba(198,40,40,.06),transparent 40%)}#root{min-height:100vh}a{color:var(--p1-bright)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--bg-card-2);border-bottom:1px solid var(--border-subtle);padding:.75rem 1.25rem}.topbar-left{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;font-family:var(--mono)}.topbar-title{font-weight:700;letter-spacing:.06em;color:var(--amber-bright);font-size:var(--fs-section)}.topbar-sep{color:var(--ink-faint)}.topbar-turn{color:var(--ink-dim);font-size:var(--fs-section)}.topbar-game{color:var(--ink);font-size:var(--fs-section);max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-opponent{color:var(--ink-dim);font-size:var(--fs-section)}.topbar-player{font-weight:700;font-size:var(--fs-section)}.topbar-player.p1{color:var(--p1-bright)}.topbar-player.p2{color:var(--p2-bright)}.topbar-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.topbar-divider{width:1px;align-self:stretch;background:var(--border-strong);margin:0 .35rem}.account-menu{position:relative}.account-avatar{display:grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--bg-card-2);border:1px solid rgba(233,228,214,.3);color:var(--ink-dim);transition:filter .12s ease,border-color .12s ease}.account-avatar:hover{border-color:var(--ink);color:var(--ink)}.account-avatar[aria-expanded=true]{border-color:var(--amber-bright);color:var(--amber-bright)}.account-avatar:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}.account-avatar svg{width:74%;height:74%;fill:currentColor}.account-avatar-img{width:100%;height:100%;object-fit:cover}.account-menu-panel{position:absolute;top:calc(100% + .4rem);right:0;z-index:20;display:flex;flex-direction:column;align-items:stretch;gap:.4rem;min-width:12rem;background:var(--bg-card);border:1px solid var(--border-strong);border-left:3px solid var(--amber-bright);border-radius:var(--radius);box-shadow:0 4px 18px #0009;padding:.7rem;text-align:left}.account-menu-name{font-family:var(--mono);font-size:var(--fs-small);color:var(--amber-bright);padding:0 .2rem .15rem;border-bottom:1px solid var(--border-subtle)}.account-menu-item{width:100%;text-align:left}.btn{font-family:var(--sans);font-size:var(--fs-small);font-weight:600;padding:.55rem 1.1rem;border-radius:3px;border:1px solid transparent;cursor:pointer;line-height:1.2;white-space:nowrap;transition:filter .12s ease}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:disabled{opacity:.42;cursor:not-allowed;filter:none}.btn-primary{background:linear-gradient(180deg,var(--amber-bright),var(--amber));color:#201400;border-color:var(--amber-bright);box-shadow:0 0 0 1px #00000040 inset,0 0 14px #ffcf6e40}.btn-secondary{background:transparent;color:var(--ink);border-color:#e9e4d64d}.btn-secondary:hover:not(:disabled){border-color:var(--ink)}.btn-danger{background:#b0002024;color:var(--danger-bright);border-color:var(--danger-bright)}.btn-danger:hover:not(:disabled){background:#b000203d}.btn-icon{padding:.3rem .65rem;font-family:var(--mono);font-size:1rem;min-width:2.1rem}.btn-small{padding:.35rem .75rem;font-size:var(--fs-caption)}.app-body{display:flex;align-items:stretch;min-height:0}.app-main{flex:1;min-width:0;overflow:auto}.app-side{width:340px;flex:none;background:var(--bg-panel);border-left:1px solid var(--border-subtle);overflow:auto;padding:1.25rem}.shipyard-3col{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:1.5rem;padding:1.5rem;align-items:start}@media (max-width: 1320px){.shipyard-3col{grid-template-columns:1fr}.shipyard-3col .fleet-pane{order:-1}}.shipyard-3col>h2.screen-title{margin:0}.shipyard-3col>h2.span-left2{grid-column:1 / 3}.shipyard-2col{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.5rem;padding:1.5rem;align-items:start}@media (max-width: 1100px){.shipyard-2col{grid-template-columns:1fr}}.shipyard-2col>h2.screen-title{grid-column:1 / -1;margin:0 0 .25rem}.layout-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:1.5rem;padding:1.5rem;align-items:start}@media (max-width: 1100px){.layout-2col{grid-template-columns:1fr}.layout-2col .fleet-pane{order:-1}}.has-help-q{position:relative}details.help-q{margin:0}details.help-q summary{position:absolute;top:.2rem;right:0;width:1.55rem;height:1.55rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:50%;color:var(--amber);font-family:var(--mono);font-weight:700;font-size:.95rem;cursor:pointer;list-style:none}.card.has-help-q>details.help-q summary{top:1.1rem;right:1.25rem}.resources-card.has-help-q>details.help-q summary{top:.75rem}details.help-q.help-pill summary{width:auto;padding:0 .85rem;border-radius:999px;font-size:var(--fs-caption);letter-spacing:.03em;white-space:nowrap}details.help-q summary::-webkit-details-marker{display:none}details.help-q summary:hover{color:var(--amber-bright);border-color:var(--amber-bright)}details.help-q summary:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}details.help-q[open] summary{background:#e0a53c26;color:var(--amber-bright)}details.help-q .how-body{border:1px solid var(--border-subtle);border-radius:3px;background:var(--bg-card-2);padding:.75rem .9rem;margin-bottom:1rem;font-size:var(--fs-body);color:var(--ink-dim);line-height:1.65}details.help-q .how-body b{color:var(--ink)}.screen-title{font-size:var(--fs-screen-title);font-weight:700;color:var(--ink);margin:0 0 .75rem;font-family:var(--mono)}.screen-subtitle{font-size:var(--fs-body);color:var(--ink-dim);margin:0 0 1.25rem}.screen-subtitle b{color:var(--amber-bright);font-weight:700}.section-title{font-size:var(--fs-section);font-weight:700;color:var(--amber-bright);margin:0 0 .75rem;letter-spacing:.01em}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.lobby-card{min-width:22rem;text-align:left;margin-bottom:.75rem}.lobby-card:last-of-type{margin-bottom:0}.game-row-group{display:flex;align-items:stretch;gap:.5rem;margin-bottom:.5rem}.game-row-group:last-child{margin-bottom:0}.btn-row{flex:0 0 auto;align-self:center;white-space:nowrap}.field-label{display:block;font-size:var(--fs-caption);color:var(--ink-dim);margin-bottom:.25rem}.field-input{width:100%;padding:.5rem;margin-bottom:.75rem;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--ink);font:inherit}.game-row{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:.6rem .75rem;margin-bottom:.5rem;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--ink);text-align:left;cursor:pointer}.game-row:last-child{margin-bottom:0}.game-row:hover{border-color:var(--border-strong)}.game-row:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}.game-row-id{font-family:var(--mono);color:var(--amber-bright)}.game-row-meta{font-size:var(--fs-caption);color:var(--ink-dim)}.game-row-static{cursor:default}.game-row-static:hover{border-color:var(--border-subtle)}.game-row-group .game-row{margin-bottom:0;flex:1 1 auto;min-width:0}.resources-card{padding:.85rem 1.25rem}.resources-card .resources-line{margin:0;font-family:var(--mono);font-size:1.05rem}.resources-card .resources-line b{color:var(--amber-bright);font-size:1.2rem}.filter-card option{color:var(--ink);font-weight:400}.filter-card option.base-p1{color:var(--p1-bright);font-weight:700}.filter-card option.base-p2{color:var(--p2-bright);font-weight:700}.filter-card select.on-base-p1{color:var(--p1-bright);font-weight:700}.filter-card select.on-base-p2{color:var(--p2-bright);font-weight:700}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:var(--fs-caption);color:var(--ink-dim);letter-spacing:.02em}.field input,.field select{background:var(--bg-input);border:1px solid rgba(233,228,214,.22);color:var(--ink);font-family:var(--mono);font-size:var(--fs-body);padding:.5rem .6rem;border-radius:3px;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field input:focus,.field select:focus{outline:none;border-color:var(--amber-bright);box-shadow:0 0 0 1px var(--amber-bright)}.field-name{margin-bottom:1rem}.field-name input::placeholder{color:var(--ink-faint)}.stats-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem .6rem;margin-bottom:.9rem}.stats-grid4 .field input{padding:.45rem .4rem;text-align:center}.wg-field{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.wg-toggle{position:relative;width:2.6rem;height:1.5rem;margin-top:.15rem}.wg-toggle input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer;z-index:2;width:100%;height:100%}.wg-toggle .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-input);border:1px solid rgba(233,228,214,.3);border-radius:999px;transition:background .15s,border-color .15s}.wg-toggle .knob{position:absolute;top:2px;left:2px;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--ink-faint);transition:transform .15s,background .15s}.wg-toggle input:checked~.track{background:#d9a63c47;border-color:var(--amber-bright)}.wg-toggle input:checked~.knob{transform:translate(1.05rem);background:var(--amber-bright)}.wg-toggle input:focus-visible~.track{outline:2px solid var(--amber-bright);outline-offset:2px}.blurb{font-family:var(--mono);font-size:var(--fs-caption);padding:.4rem .65rem;border-radius:3px;margin-bottom:.4rem;border:1px solid;line-height:1.5}.blurb-info{background:#3ecf6e14;border-color:#3ecf6e66;color:var(--green)}.blurb-warn{background:#f0883e1a;border-color:#f0883e73;color:var(--contested)}.blurb-error{background:#b0002024;border-color:#ff6a6a73;color:var(--danger-bright)}.cost-line{font-size:1.2rem;margin:.9rem 0;font-family:var(--mono)}.cost-line b{color:var(--amber-bright);font-size:1.35rem}.table-scroll{width:100%;overflow-x:auto}table.ships-table{width:100%;min-width:560px;border-collapse:collapse;font-family:var(--mono);font-size:var(--fs-small);margin-bottom:.75rem}table.ships-table th,table.ships-table td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--border-subtle);white-space:nowrap}table.ships-table th{color:var(--amber);font-weight:700;font-size:var(--fs-caption);letter-spacing:.04em;cursor:help;border-bottom:1px solid var(--border-strong)}table.ships-table td.dmg{color:var(--danger-bright)}table.ships-table th.num,table.ships-table td.num{text-align:center}table.ships-table td.actions{display:flex;gap:.5rem;white-space:nowrap;justify-content:flex-end}.legend-line{font-size:var(--fs-body);color:var(--ink-dim);line-height:1.6;margin:.5rem 0 1.5rem}.legend-line b{color:var(--ink)}.repair-panel{border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(224,165,60,.05),transparent 40%),var(--bg-card)}.repair-panel .section-title{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.repair-panel .section-title .sub{font-size:var(--fs-caption);color:var(--ink-dim);font-weight:400;font-family:var(--mono)}.repair-row{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr) 21rem;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.repair-row:last-of-type{border-bottom:none}.repair-stat-name{font-weight:700}.repair-stat-name .stat-abbr{color:var(--amber);font-family:var(--mono)}.repair-current{font-family:var(--mono);color:var(--ink-dim);font-size:var(--fs-small)}.repair-current .damaged{color:var(--danger-bright)}.stepper{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);justify-self:start}.stepper .staged-value{min-width:3.2ch;text-align:center;color:var(--amber-bright);font-weight:700}.stepper .result-value{color:var(--ink-dim);font-size:var(--fs-caption);min-width:6ch}.stepper .unit-cost{color:var(--ink-faint);font-size:var(--fs-caption);min-width:9ch}.repair-total{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:1.05rem;padding:.9rem 0;margin-top:.25rem;border-top:1px solid var(--border-strong)}.repair-total b{color:var(--amber-bright)}.repair-total.at-cap b{color:var(--contested)}.commit-panel{background:var(--bg-card-2);border:1px solid var(--border-subtle);border-radius:3px;padding:1rem 1.1rem;margin-top:.75rem}.commit-panel h4{margin:0 0 .4rem;font-size:var(--fs-small);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em}.commit-panel ul{margin:0 0 1rem;padding-left:1.2rem;font-size:var(--fs-body);line-height:1.6}.commit-panel .will-list li{color:var(--green)}.commit-panel .wont-list li{color:var(--ink-dim)}.commit-panel .wont-list li::marker{color:var(--contested)}.commit-actions{display:flex;gap:.75rem;margin-top:.25rem}.fleet-pane{display:flex;flex-direction:column;min-width:0}.fleet-pane .card{margin-bottom:1.25rem}.fleet-pane h3{font-size:var(--fs-section);margin:0 0 .9rem;color:var(--amber-bright)}.fleet-entry{border-left:3px solid var(--p1-bright);padding:.15rem .4rem .15rem .9rem;margin-bottom:1rem}.fleet-entry:last-child{margin-bottom:0}.fleet-entry.owner-p2{border-left-color:var(--p2-bright)}button.fleet-entry{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border-top:0;border-right:0;border-bottom:0;font:inherit;color:inherit;text-align:left;width:100%;display:block}.fleet-entry.own{cursor:pointer}.fleet-entry.own:hover{background:#ffcf6e0b}.fleet-entry.own.selected{border-left-color:var(--amber-bright);background:#ffcf6e11;box-shadow:0 0 14px #ffcf6e29}.fleet-move-line{font-family:var(--mono);font-size:var(--fs-small);color:var(--ink);margin:.35rem 0}.fleet-move-line .sv-div{color:var(--ink-faint)}.fleet-btn-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.fleet-stat-line .sv-gap{margin:0 .35em}.fleet-id-line{font-weight:400;color:var(--ink-dim);font-family:var(--mono);font-size:1.02rem;white-space:nowrap}.ship-name{font-weight:700}.ship-name.p1{color:var(--p1-bright)}.ship-name.p2{color:var(--p2-bright)}.fleet-id-line .sep{color:var(--ink-faint)}.fleet-id-line .id-hex{color:#e2eaf3}.fleet-id-line .id-dest{color:var(--amber)}.fleet-stat-line{font-family:var(--mono);font-size:var(--fs-small);color:var(--ink-dim);margin:.35rem 0;white-space:nowrap}.fleet-stat-line abbr{color:var(--ink);text-decoration:none;cursor:help}.fleet-stat-line abbr:has(+.sv-none){color:var(--ink-faint)}.fleet-stat-line .sv-dmg{color:var(--danger-bright)}.fleet-stat-line .sv-full{color:var(--ink)}.fleet-stat-line .sv-none,.fleet-stat-line .sv-div{color:var(--ink-faint)}.dmg-green{color:var(--green)}.dmg-yellow{color:#ffd166}.dmg-orange{color:var(--contested)}.dmg-red{color:var(--danger-bright)}.dmg-bar{display:flex;align-items:center;gap:.55rem;margin-top:.5rem}.dmg-track{position:relative;flex:none;width:96px;height:7px;background:#e9e4d612;border:1px solid rgba(233,228,214,.16)}.dmg-fill{height:100%;background:currentColor}.dmg-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 5px,var(--bg-card) 5px 6px);pointer-events:none}.dmg-label{font-family:var(--mono);font-size:var(--fs-caption);font-weight:700;min-width:4ch;text-align:right}.chip{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-caption);padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border-subtle);background:#e0a53c14;color:var(--ink-dim);font-family:var(--mono)}.chip.chip-waiting{border-color:#ff6b6b66;color:var(--p2-bright);background:#c628281a}.chip .chip-cancel{background:none;border:none;color:inherit;font-family:var(--mono);cursor:pointer;padding:0;text-decoration:underline;font-size:inherit}.muted{color:var(--ink-faint);font-style:italic;font-size:var(--fs-body)}.hint-line{font-size:var(--fs-body);color:var(--ink);margin:0 0 .6rem}details.how-it-works{margin-bottom:1rem;border:1px solid var(--border-subtle);border-radius:3px;background:var(--bg-card)}details.how-it-works summary{cursor:pointer;padding:.6rem .9rem;font-size:var(--fs-small);color:var(--amber);font-weight:600;list-style:none}details.how-it-works summary::-webkit-details-marker{display:none}details.how-it-works summary:before{content:"▸";color:var(--amber-dim)}details.how-it-works[open] summary:before{content:"▾"}details.how-it-works .how-body{padding:0 .9rem .9rem;font-size:var(--fs-body);color:var(--ink-dim);line-height:1.65}details.how-it-works .how-body b{color:var(--ink)}.map-pane-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;margin-bottom:1rem;overflow:hidden}.map-head{position:relative;background:var(--bg-card-2);border-bottom:1px solid var(--border-subtle);padding:.6rem 1rem}.map-head h3{margin:0;font-size:var(--fs-section);color:var(--amber-bright)}.map-head>details.help-q summary{top:.5rem;right:.85rem}.map-head .how-body{margin-top:.6rem;margin-bottom:.2rem}.map-pane-card .map-wrap{border:none;border-radius:0}.map-key-card{display:flex;align-items:center;gap:1.1rem;padding:.55rem 1rem;margin-bottom:1rem;overflow-x:auto}.map-key-card h3{margin:0;font-size:var(--fs-small);color:var(--amber-bright);white-space:nowrap}.map-key-card .map-legend{padding:0;flex-wrap:nowrap;gap:1rem}.map-key-card .legend-item{font-size:var(--fs-small)}.map-key-card .legend-swatch{width:20px;height:17px}.map-wrap{background:#030507;border:1px solid var(--border-subtle);border-radius:4px;padding:.5rem}.deployment-screen{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:1.5rem;min-height:0}.deployment-screen .map-pane-card{flex:1;min-height:240px;display:flex;flex-direction:column}.deployment-screen .map-pane-card .map-wrap{flex:1;min-height:0;display:flex}.map-pane{position:relative;flex:1;min-height:0}.map-svg{width:100%;height:100%;display:block}.map-pane.map-pane-fixed{height:min(56vh,520px)}.map-legend{display:flex;flex-wrap:wrap;gap:1.1rem 1.6rem;font-size:var(--fs-body);color:var(--ink-dim);padding:.9rem .2rem .2rem}.map-legend .legend-item{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.legend-swatch{width:26px;height:22px;flex:none;border-radius:2px}.legend-swatch.solid{background:var(--p1);border:2px solid var(--p1-bright)}.legend-swatch.outline{background:#4aa3ff14;border:2px dashed var(--p1-bright)}.legend-swatch.reach{background:#39d3532e;border:2px solid #39d353}.legend-swatch.contested{background:transparent;border:2px solid var(--contested)}.legend-swatch.p1{background:var(--p1);border:2px solid var(--p1-bright)}.legend-swatch.p2{background:var(--p2);border:2px solid var(--p2-bright)}.legend-swatch.trail{background:#1a4c2840;border:2px solid #1a4c28}.map-float{position:absolute;z-index:5;min-width:12.5rem;background:#0a0f18ed;border:1px solid var(--border-strong);border-left:3px solid var(--amber-bright);border-radius:var(--radius);box-shadow:0 4px 18px #0009,0 0 12px #ffcf6e1a;font-family:var(--mono);font-size:var(--fs-small);pointer-events:none}.map-float-handle,.map-float-body .btn,.map-float-toggle{pointer-events:auto}.map-float-handle{display:flex;align-items:center;gap:.45em;padding:.35rem .6rem;border-bottom:1px solid var(--border-subtle);color:var(--ink-dim);cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:none}.map-float-handle:active{cursor:grabbing}.map-float-handle .grip{color:var(--amber-dim)}.map-float-toggle{width:18px;height:18px;flex:none;margin-left:auto;border-radius:50%;border:1px solid var(--border-strong);background:none;color:var(--ink-dim);font:700 10px/1 var(--mono);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.map-float-toggle:hover{color:var(--amber-bright);border-color:var(--amber-bright)}.map-float-handle .ship-name,.map-dock-head .ship-name{font-weight:700}.map-float-handle .ship-name.p1,.map-dock-head .ship-name.p1{color:var(--p1-bright)}.map-float-handle .ship-name.p2,.map-dock-head .ship-name.p2{color:var(--p2-bright)}.map-float-body{padding:.5rem .6rem .6rem}.map-float-body .fleet-move-line{margin:0 0 .45rem}.map-float-body .fleet-btn-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.map-float-body .fleet-btn-row:first-of-type{margin-top:0}.map-float-notice{font-family:var(--mono);font-size:var(--fs-caption);color:var(--amber-bright);padding:0 .6rem .55rem}.map-controls-dock{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem .6rem;border:1px solid var(--border-strong);border-left:3px solid var(--amber-bright);border-radius:var(--radius);background:var(--bg-panel);font-family:var(--mono);font-size:var(--fs-small);margin-bottom:.6rem}.map-controls-dock .map-dock-head,.map-controls-dock .map-float-body{display:contents}.map-controls-dock .map-float-toggle{order:2;margin-left:auto}.map-controls-dock .map-float-notice{order:1;padding:0;white-space:nowrap}.map-controls-dock .fleet-move-line,.map-controls-dock .fleet-btn-row{margin:0}.map-controls-dock .map-float-title:after{content:" ·";color:var(--ink-faint)}.map-controls-dock .fleet-btn-row{display:flex;gap:.4rem}.move-notice{font-family:var(--mono);font-size:var(--fs-caption);color:var(--amber-bright);margin-bottom:.6rem}.sync-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:var(--fs-caption);color:var(--danger-bright);background:var(--bg-card-2);border-bottom:1px solid var(--border-subtle);padding:.5rem 1.25rem}.filter-card .field+.field{margin-top:.9rem}.seg-row{display:flex;gap:.4rem}.seg-row .seg-on{border-color:var(--amber-bright);color:var(--amber-bright)}.seg-field{border:none;margin:0;padding:0;min-width:0}.seg-field legend{padding:0;font-size:var(--fs-caption);color:var(--ink-dim);letter-spacing:.02em}.center-screen{min-height:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:1rem;text-align:center;padding:2rem}.center-screen>*{flex-shrink:0}.center-screen h1{font-family:var(--mono);color:var(--amber-bright);margin:0;font-size:var(--fs-page-title)}.center-screen h2{font-family:var(--mono);color:var(--amber-bright);margin:0;font-size:var(--fs-screen-title)}.center-screen p{color:var(--ink-dim);margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;background:#05070ab8}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:none;padding:0;cursor:default}.modal-panel{position:relative;width:min(28rem,100%);max-height:100%;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-strong);border-left:3px solid var(--danger-bright);border-radius:var(--radius);box-shadow:0 4px 18px #0009,0 0 12px #ffcf6e1a;padding:1.25rem 1.4rem 1.4rem;text-align:left}.modal-panel:not(.modal-danger){border-left-color:var(--amber-bright)}.modal-panel:focus{outline:none}.modal-title{font-family:var(--mono);font-size:var(--fs-section);color:var(--amber-bright);margin:0 0 .7rem}.modal-danger .modal-title{color:var(--danger-bright)}.modal-body{font-size:var(--fs-small);color:var(--ink-dim);margin:0 0 1.25rem;line-height:1.5}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.place{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.place>*:not(.appheader){flex:1 1 auto;min-height:0}.appheader{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--header-h);padding:0 1.25rem;background:var(--bg-card-2);border-bottom:1px solid var(--border-subtle)}.appheader-left{display:flex;align-items:baseline;gap:.8rem;font-family:var(--mono)}.appheader-mark{font-weight:700;letter-spacing:.1em;color:var(--amber-bright);font-size:var(--fs-section)}.appheader-home{background:none;border:0;padding:0;font-family:inherit;cursor:pointer}.appheader-home:hover{color:var(--ink)}.appheader-home:focus-visible{outline:2px solid var(--amber-bright);outline-offset:3px}.appheader-sep{color:var(--ink-faint)}.appheader-place{margin:0;font-family:var(--mono);font-weight:400;color:var(--ink-dim);font-size:var(--fs-section)}.appheader-right{display:flex;align-items:center;gap:.6rem}.players-body{padding:1.25rem;overflow-y:auto}.splash{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.pos-ne{top:1.5rem;right:1.5rem}.pos-nw{top:1.5rem;left:1.5rem}.pos-se{bottom:1.5rem;right:1.5rem}.pos-sw{bottom:1.5rem;left:1.5rem}.splash-chart{position:absolute;top:-4%;right:-2%;bottom:-4%;left:-2%;width:104%;height:108%}.splash-chart svg{width:100%;height:100%;display:block}.splash-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#05070a00,#05070a4d 52%,#05070ab8 82%,#05070aeb)}.hexcell{fill:none;stroke:var(--deep-hairline);stroke-width:.9}.warpline{stroke:var(--chart-ink);stroke-width:1.6}.star-dot{fill:var(--bg-void);stroke:var(--amber-dim);stroke-width:1.4}.star-hit{fill:transparent;cursor:crosshair}.star-label{font-family:var(--mono);font-size:7.5px;fill:var(--ink-faint);letter-spacing:.05em;pointer-events:none;opacity:0;transition:opacity .18s ease}.star-obj{font-size:6.2px}.star-g:hover .star-label{opacity:1}.star-g:hover .star-dot{stroke:var(--amber-bright);fill:#ffcf6e24}.star-g.star-own .star-dot{stroke:var(--brand-hue);stroke-width:3.2}.star-g.star-own .star-label{opacity:1;fill:var(--brand-hue);font-size:14px;font-weight:700;letter-spacing:.14em}.star-g.star-own:hover .star-dot{stroke:var(--brand-hot);fill:var(--bg-void)}.star-g.star-own:hover .star-label{fill:var(--brand-hot)}.hex-rival{fill:var(--rival-fill);stroke:var(--rival-line);stroke-width:1.4}.splash-console{position:absolute;z-index:2;width:min(23rem,90%);background:#0f1725ed;border:1px solid var(--border-strong);border-left:3px solid var(--brand-hue);border-radius:var(--radius);box-shadow:0 18px 50px #000000b3;padding:1.25rem 1.25rem 1.1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.brand-lockup{display:flex;align-items:center;gap:.6rem;margin:0 0 .1rem}.brand-mark{flex:0 0 auto;width:2.1rem;height:2.1rem;color:var(--brand-hue)}.brand-mark svg{width:100%;height:100%;display:block}.brand-line{min-width:0;line-height:1.25}.brand-name{font-family:var(--mono);font-weight:700;font-size:1.02rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink)}.brand-sep{color:var(--ink-faint);margin:0 .3rem}.brand-div{font-family:var(--mono);font-size:var(--fs-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-hue)}.splash-hint{font-size:var(--fs-caption);color:var(--ink-dim);margin:.35rem 0 1rem;min-height:1.25em;letter-spacing:.02em}.splash-form{display:flex;flex-direction:column;gap:.45rem}.frow{display:grid;grid-template-columns:3.1rem 1fr;align-items:center;gap:.6rem}.frow label{font-family:var(--mono);font-size:var(--fs-caption);color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;margin:0}.frow input,.frow select{background:var(--bg-input);border:1px solid rgba(233,228,214,.22);color:var(--ink);font-family:var(--mono);font-size:var(--fs-small);padding:.32rem .5rem;border-radius:3px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.frow input:focus,.frow select:focus{outline:none;border-color:var(--amber-bright);box-shadow:0 0 0 1px var(--amber-bright)}.splash-actions{display:flex;gap:.5rem;align-items:center;margin-top:.55rem}.splash-actions .btn-primary{flex:1 1 auto}.splash-foot{margin:.9rem 0 0;padding-top:.7rem;border-top:1px solid var(--border-subtle);font-size:var(--fs-caption);color:var(--ink-faint);line-height:1.45}.mission{position:absolute;z-index:2;max-width:min(28rem,48%);font-family:var(--mono);font-size:var(--fs-caption);line-height:1.6;letter-spacing:.03em;pointer-events:none;border-left:2px solid var(--brand-hue);padding-left:.75rem}.mission p{margin:0 0 .2rem}.mission p:last-child{margin-bottom:0}.mk{color:var(--brand-hue);opacity:.8}.mv{color:var(--ink-dim)}.mv.live{color:var(--amber-bright)}.warn{color:var(--contested)}.mission-warn{padding-left:.9rem}.mission-system{min-height:1.6em}.lobby-body{min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1.25rem;padding:1.25rem}@media (max-width: 900px){.lobby-body{grid-template-columns:1fr}}.lobby-col{min-width:0;display:flex;flex-direction:column;min-height:0}.panel{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius)}.panel-head{flex:0 0 auto;padding:.9rem 1rem .75rem;border-bottom:1px solid var(--border-subtle)}.panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.85rem 1rem}.panel-foot{flex:0 0 auto;padding:.7rem 1rem;border-top:1px solid var(--border-subtle);background:var(--bg-card-2);border-radius:0 0 var(--radius) var(--radius)}.panel-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.panel-title-row .section-title{margin:0}.lobby-count{font-family:var(--mono);font-size:var(--fs-caption);color:var(--ink-faint)}.filter-row{display:flex;gap:.5rem;margin-top:.7rem;flex-wrap:wrap}.filter-sel{flex:1 1 10rem;min-width:0;background:var(--bg-input);border:1px solid rgba(233,228,214,.22);color:var(--ink);font-family:var(--mono);font-size:var(--fs-caption);padding:.3rem .45rem;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.start-row{display:flex;gap:.5rem;align-items:center}.start-row .filter-sel{flex:1 1 auto}.text-input{flex:1 1 8rem;min-width:0;background:var(--bg-input);border:1px solid rgba(233,228,214,.22);color:var(--ink);font-family:var(--mono);font-size:var(--fs-caption);padding:.3rem .45rem;border-radius:3px}.text-input::placeholder{color:var(--ink-faint)}.text-input:focus{outline:2px solid var(--amber-bright);outline-offset:1px}.rename-form{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.rename-form .text-input{flex:1 1 12rem}.btn-row-ghost{visibility:hidden;pointer-events:none}.rename-id{flex:1 0 100%}.list-sub{font-family:var(--mono);font-size:var(--fs-caption);color:var(--amber-dim);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .45rem}.list-sub+.game-row-group,.list-sub+.game-row{margin-top:0}.list-gap{height:1rem}.tabs{display:flex;gap:.4rem}.tab{font-family:var(--mono);font-size:var(--fs-caption);letter-spacing:.06em;padding:.3rem .7rem;border-radius:3px;cursor:pointer;background:transparent;border:1px solid transparent;color:var(--ink-faint)}.tab[aria-selected=true]{color:var(--amber-bright);border-color:var(--border-strong);background:var(--bg-card-2)}.g-top{display:flex;align-items:center;gap:.55rem;width:100%}.g-opp{font-family:var(--mono);color:var(--ink)}.g-name{font-family:var(--mono);color:var(--ink);font-weight:700}.g-opp-sub{color:var(--ink-faint);font-size:var(--fs-caption)}.g-corp{font-size:var(--fs-caption);letter-spacing:.06em;text-transform:uppercase}.g-corp.p1{color:var(--p1-bright)}.g-corp.p2{color:var(--p2-bright)}.g-spacer{flex:1 1 auto}.chip{font-family:var(--mono);font-size:var(--fs-caption);letter-spacing:.04em;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--border-subtle);color:var(--ink-dim);background:var(--bg-card-2);white-space:nowrap}.chip-you{border-color:var(--amber-bright);color:#201400;background:linear-gradient(180deg,var(--amber-bright),var(--amber));font-weight:700}.chip-them{border-color:#e9e4d638;color:var(--ink-faint)}.chip-wait{border-color:#f0883e73;color:var(--contested);background:#f0883e1a}.chip-won{border-color:#3ecf6e73;color:var(--green);background:#3ecf6e14}.chip-lost{border-color:#ff6a6a66;color:var(--danger-bright);background:#b000201f}.rail-empty{font-size:var(--fs-caption);color:var(--ink-faint);line-height:1.6;border:1px dashed var(--border-subtle);border-radius:var(--radius);padding:.9rem;background:#0a0f1880}.rail-empty-head{color:var(--amber-dim);font-family:var(--mono);display:block;margin-bottom:.25rem;letter-spacing:.06em}