:root{--bg: #0a0e16;--bg-2: #10151f;--panel: #141a26;--panel-2: #1c2433;--border: #2c3446;--text: #ece3d2;--muted: #9aa1b0;--accent: #c1873a;--accent-2: #cbb06a;--danger: #cf6f5c;--gold: #d9b45a;--steel: #8b95a5;--green: #6fae74;--purple: #8a6db0;--ui-panel-bg: rgba(12, 17, 27, .96);--ui-panel-raised: rgba(25, 32, 45, .96);--ui-border-soft: rgba(139, 149, 165, .24);--ui-border-strong: rgba(203, 176, 106, .56);--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-radius: 10px;--ui-shadow: 0 18px 48px rgba(0, 0, 0, .42);--ui-transition: .16s ease;--ui-focus: 0 0 0 2px #08101b, 0 0 0 4px var(--accent-2);--hud-action-width: 126px;--hud-control-gap: 10px;--supply-panel-width: min(720px, calc(100vw - 166px) );--leave-sector-button-opacity: .88;--supplies-panel-opacity: .96;font-synthesis:none;--user-ui-scale: 1}#root{font-size:1rem}html[data-contrast=high]{--text: #fff;--muted: #c8cdd5;--border: #7e8794;--accent-2: #f4d477}html[data-large-hitboxes=true] button,html[data-large-hitboxes=true] input,html[data-large-hitboxes=true] select{min-height:50px}*{box-sizing:border-box}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--ui-focus)}html,body,#root{margin:0;height:100%}body{background:radial-gradient(circle at 30% 10%,#17203a 0%,var(--bg) 60%);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px;overflow:hidden}.app{display:flex;flex-direction:column;height:100%;height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.game-app-shell{padding-bottom:0}.game-sector-menu{position:fixed;z-index:90;top:max(8px,env(safe-area-inset-top,0px));left:max(8px,env(safe-area-inset-left,0px));display:grid;justify-items:start;gap:7px;pointer-events:none}.game-sector-launcher{position:relative;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-color:#cbb06ab3;border-radius:8px;color:#f7e8c4;background:rgb(20 28 41 / var(--leave-sector-button-opacity));box-shadow:0 7px 20px #0000006b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:1.35rem;font-weight:800;line-height:1;pointer-events:auto}.game-sector-launcher:hover,.game-sector-menu.open .game-sector-launcher{border-color:var(--accent-2);color:#fff7df;background:rgb(40 52 72 / calc(var(--leave-sector-button-opacity) + .12));filter:none}.game-sector-controls{width:min(286px,calc(100vw - 16px));padding:11px;border:1px solid rgba(203,176,106,.5);border-radius:10px;color:var(--text);background:#080d16f5;box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;animation:sector-menu-in .16s ease-out both}@keyframes sector-menu-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}}.game-sector-controls>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.game-sector-controls>header span{display:grid;gap:2px}.game-sector-controls>header small{color:var(--muted);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.game-sector-controls>header b{color:var(--accent-2);font-family:ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.sector-menu-minimize{width:32px;min-width:32px;min-height:32px;padding:0;font-size:1.15rem}.game-sector-controls>.connection-state,.game-sector-controls>.spectator-badge{display:block;width:fit-content;margin:0 0 8px}.game-sector-utility-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.game-sector-utility-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding-inline:8px;font-size:.75rem}.game-sector-utility-actions img{width:22px;height:22px;object-fit:contain}.game-sector-leave{width:100%;margin-top:8px;font-weight:700}.game-sector-spectators{margin-top:9px;padding-top:9px;border-top:1px solid var(--ui-border-soft)}.game-sector-spectators>header{display:flex;align-items:center;justify-content:space-between;gap:9px}.game-sector-spectators>header span{display:grid;gap:1px}.game-sector-spectators>header small{color:var(--muted);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.game-sector-spectators>header b{color:var(--accent-2);font-size:.82rem}.game-sector-spectators>header button{min-height:32px;padding:5px 9px;font-size:.72rem}.game-sector-spectators ul{display:grid;gap:4px;margin:8px 0 0;padding:0;list-style:none}.game-sector-spectators li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem}.game-sector-spectators li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-sector-spectators li button{min-height:30px;padding:4px 8px;font-size:.68rem}html[data-large-hitboxes=true] .game-sector-launcher{width:50px}html[data-reduced-motion=true] .game-sector-controls{animation:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 10px max(18px,env(safe-area-inset-left,0px));background:linear-gradient(90deg,var(--bg-2),transparent);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2)}.room-code{font-family:ui-monospace,monospace;color:var(--muted);letter-spacing:.15em}.topbar-right{display:flex;align-items:center;gap:12px}.connection-state{color:var(--accent-2);font-size:.78rem;white-space:nowrap}.mute-toggle{padding:4px 7px;display:inline-flex;align-items:center;gap:3px;line-height:1}.mute-toggle img{width:25px;height:25px;object-fit:contain}.sound-state{color:var(--muted);font-size:.65rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;min-height:44px;touch-action:manipulation;cursor:pointer;transition:filter .12s,transform .05s}button:hover:not(:disabled){filter:brightness(1.2)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:var(--accent);color:#1a1206;font-weight:600}button.big{font-size:1.05rem;padding:12px}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%;margin-top:4px;min-height:44px;font-size:max(1rem,16px)}label{display:block;margin:10px 0;color:var(--muted);font-size:.9rem}.error{color:var(--danger);cursor:pointer}.subtle{color:var(--muted);font-size:.85rem}.hint{color:var(--accent-2);font-weight:500}.center-card{width:min(420px,calc(100% - 32px));max-width:420px;margin:6vh auto;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:0 20px 60px #0006;max-height:calc(100dvh - 96px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}.home h1{margin:0;text-align:center;letter-spacing:.05em}.tagline{text-align:center;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:8px;margin:16px 0}.commander-profile,.saved-sectors{padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#0a0f18b8}.commander-profile{display:flex;align-items:center;justify-content:space-between;gap:12px}.commander-profile span{display:grid}.commander-profile small,.saved-sectors small{color:var(--muted)}.commander-profile code{color:#f1d487;font-size:.72rem}.nf-balance-settings{grid-column:1 / -1;border:1px solid var(--border);border-radius:10px;padding:10px;background:#080d16ad}.nf-balance-settings>summary{cursor:pointer;font-weight:700;color:var(--accent-2)}.nf-preset-row{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:10px 0}.nf-preset-row label{min-width:150px;flex:1}.nf-balance-group{margin:12px 0 0;border:1px solid var(--border);border-radius:8px}.nf-balance-group legend{padding:0 6px;font-weight:700}.nf-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.nf-balance-level{display:grid;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:7px}.nf-bundle-fields{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));gap:4px}.nf-bundle-fields>span{grid-column:1 / -1;color:var(--muted);font-size:.72rem}.nf-bundle-fields label{font-size:.68rem}.nf-bundle-fields input{min-width:0;width:100%}.saved-sectors>div{display:flex;justify-content:space-between;gap:10px}.saved-sectors ul{display:grid;gap:7px;margin:9px 0 0;padding:0;list-style:none}.saved-sectors li{display:grid;grid-template-columns:1fr auto;gap:7px}.commander-create{max-width:470px}.tabs button{flex:1}.tabs button.active{background:var(--accent);border-color:var(--accent)}.code-pill{font-family:ui-monospace,monospace;letter-spacing:.2em;color:var(--gold)}.player-list{list-style:none;padding:0;margin:14px 0}.player-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.swatch{width:16px;height:16px;border-radius:4px;border:1px solid #0006;display:inline-block}.pname{flex:1}.badge{background:var(--gold);color:#000;font-size:.7rem;padding:2px 6px;border-radius:4px;text-transform:uppercase}.dot.online{background:var(--accent-2)}.dot.offline{background:#4a5065}.ready.yes{color:var(--accent-2)}.ready.no{color:var(--muted)}.lobby-actions{display:flex;gap:10px;margin-top:14px}.lobby-actions button{flex:1}.game{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);min-height:0}.game.sidebar-is-collapsed,.game.build-is-collapsed.sidebar-is-collapsed{grid-template-columns:minmax(0,1fr) 46px}.game.build-is-collapsed{grid-template-columns:minmax(0,1fr) minmax(320px,360px)}.build-sidebar{position:absolute;z-index:119;top:50%;left:max(8px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:8px;width:auto;max-width:calc(100% - 16px);max-height:calc(100% - 20px);overflow:visible;transform:translateY(-50%);border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.build-sidebar.collapsed{width:auto;padding:0}.build-sidebar-toggle{position:relative;z-index:4;display:grid;grid-template-columns:1fr;place-items:center;flex:0 0 46px;gap:6px;width:46px;min-height:104px;padding:9px 5px;border:1px solid rgba(203,176,106,.62);border-radius:10px;color:#f0d58a;background:linear-gradient(155deg,#171f2ceb,#070b12f0);box-shadow:0 8px 24px #0000007a,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.build-sidebar-toggle img{width:22px;height:22px;object-fit:contain}.build-sidebar-toggle span{writing-mode:vertical-rl;margin:1px auto;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.build-sidebar-toggle b{color:var(--accent-2);font-size:1rem;line-height:.7}.build-sidebar-toggle:hover:not(:disabled),.build-sidebar-toggle[aria-expanded=true]{border-color:var(--accent-2);color:#fff1bc;background:linear-gradient(155deg,#303436f0,#0c1119f5);box-shadow:0 10px 28px #0000008a,0 0 16px #cbb06a21,inset 0 1px #ffffff12}.build-sidebar-scroll{width:min(300px,calc(100vw - 82px));max-height:min(720px,calc(100dvh - 92px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid rgba(139,149,165,.42);border-top-color:#cbb06a9e;border-radius:12px;color:var(--text);background:linear-gradient(155deg,#121924f5,#060a11f7);box-shadow:0 18px 48px #00000080,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;animation:build-panel-in .16s ease-out both}@keyframes build-panel-in{0%{opacity:0;transform:translate(-6px) scale(.985)}}.build-sidebar-scroll>header{padding:2px 3px 12px}.build-sidebar-scroll>header h2{margin:3px 0 5px;font-size:1.05rem}.build-sidebar-scroll>header p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.4}.build-sidebar-scroll>.panel+.panel{margin-top:10px}.board-wrap{--gameplay-log-width: clamp(210px, 23%, 270px);position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,24px);padding-bottom:max(66px,calc(54px + env(safe-area-inset-bottom,0px)));min-width:0;min-height:0;overflow:hidden;background:radial-gradient(60% 55% at 50% 50%,rgba(193,135,58,.08) 0%,transparent 60%),radial-gradient(80% 75% at 50% 50%,rgba(4,6,12,.55) 0%,transparent 75%)}.game:has(.renderer-host[data-renderer-mode=three]) .board-wrap{align-items:stretch;justify-content:stretch;padding:0;background:none}.game:has(.renderer-host[data-renderer-mode=three]) .board-viewport{padding-top:0!important}.board{position:relative;z-index:1;width:100%;height:100%;max-height:calc(100vh - 90px);filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}.board-viewport{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.renderer-shell,.renderer-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0}.renderer-shell{z-index:1}.renderer-instance{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;overflow:hidden}.renderer-instance>.board-viewport{width:100%;height:100%}.renderer-host.three-renderer-active{background:radial-gradient(circle at 50% 55%,#28355347,#02040a2e 55%,#010206b8)}.three-board-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.three-board-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.three-board-controls{position:absolute;z-index:7;right:12px;bottom:12px;display:flex;gap:6px}.three-board-controls button{min-width:52px;padding:7px 10px;background:#080c14e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.graphics-toolbar{position:absolute;z-index:89;top:calc(max(8px,env(safe-area-inset-top,0px)) + 50px);left:max(8px,env(safe-area-inset-left,0px));right:auto;display:flex;gap:6px}.graphics-toolbar>button{min-width:42px;padding:7px 10px;border-color:#d6b65f8c;background:#080c14e6;box-shadow:0 5px 18px #00000059}.graphics-settings-toggle{font-size:1rem}.graphics-settings-panel{position:absolute;top:42px;left:0;right:auto;width:min(270px,calc(100vw - 32px));display:grid;gap:10px;padding:13px;border:1px solid rgba(214,182,95,.5);border-radius:10px;color:var(--text);background:#080c14f7;box-shadow:0 16px 45px #00000094;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.graphics-settings-heading{display:flex;align-items:center;justify-content:space-between;color:var(--accent-2)}.graphics-settings-heading button{min-width:30px;padding:2px 7px}.graphics-settings-panel label:not(.graphics-check){display:grid;grid-template-columns:1fr 112px;align-items:center;gap:8px;font-size:.82rem}.graphics-settings-panel select{width:100%;padding:6px}.graphics-check{display:flex;gap:8px;align-items:center;font-size:.82rem}.graphics-settings-panel small{color:var(--muted)}.graphics-error{margin:0;color:#f0a49a;font-size:.75rem;line-height:1.35}.graphics-fallback-notice{position:absolute;z-index:7;top:54px;left:8px;padding:6px 9px;border-radius:7px;color:#f1c5bb;background:#2d1214e6;font-size:.72rem;pointer-events:none}.board-surface{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-origin:center;will-change:transform;transition:transform .22s ease-out}.flat-zone-overlay{cursor:pointer;outline:none}.flat-zone-hit{fill:#04080c0f;pointer-events:all}.flat-zone-boundary{fill:none;stroke:#d6e0e575;stroke-width:9;stroke-dasharray:18 10;vector-effect:non-scaling-stroke;pointer-events:none;transition:stroke .16s,filter .16s}.flat-zone-overlay:hover .flat-zone-boundary,.flat-zone-overlay:focus-visible .flat-zone-boundary,.flat-zone-overlay.selected .flat-zone-boundary{stroke:#d7c27c;stroke-width:9;filter:drop-shadow(0 0 7px rgba(0,0,0,.8))}.flat-zone-overlay.controlled .flat-zone-boundary{stroke:var(--zone-color);stroke-dasharray:none}.flat-zone-overlay.contested .flat-zone-boundary{stroke:#d6b866;stroke-dasharray:12 9}.flat-zone-overlay.undiscovered .flat-zone-boundary{stroke:#6d777e;stroke-dasharray:5 11}.rail-glyph{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(214,194,124,.45);border-radius:8px;font-size:1.2rem!important;color:#dfc778;background:#080d14b8}.upgrade-dialog{width:min(820px,calc(100vw - 28px))}.upgrade-menu,.spatial-upgrade-categories{display:grid;gap:14px}.upgrade-category{padding:14px;border:1px solid rgba(138,151,164,.26);border-radius:12px;background:linear-gradient(155deg,#161e2af5,#0b1119f5)}.upgrade-category>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.upgrade-category h3{margin:0;font-size:1rem}.upgrade-card,.nf-upgrade-row,.galactic-build-card{min-height:190px;padding:13px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(160deg,#141b2b,#0f1420);display:grid;align-content:start;gap:10px}.upgrade-card.selected{border-color:var(--accent-2);box-shadow:inset 0 0 0 1px #cbb06a59}.upgrade-card-heading{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px}.upgrade-card-heading img{width:46px;height:46px;object-fit:contain}.upgrade-card-heading strong,.upgrade-card-heading span{display:block}.upgrade-state-label{display:inline-flex!important;width:max-content;padding:3px 7px;border:1px solid currentColor;border-radius:999px;color:#b8c1c9;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.state-available .upgrade-state-label{color:#8fd3a2}.state-unaffordable .upgrade-state-label{color:#e4ad79}.state-locked .upgrade-state-label,.state-not-applicable .upgrade-state-label{color:#aab2bb}.state-maximum-level .upgrade-state-label{color:#d7c27c}.upgrade-level{color:#d7c27c;font-weight:700}.upgrade-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.upgrade-comparison>div{padding:9px;border:1px solid rgba(135,148,162,.25);border-radius:8px}.upgrade-comparison dt{color:#8e9aa5;font-size:.7rem;text-transform:uppercase}.upgrade-comparison dd{margin:3px 0 0;font-size:.8rem}.upgrade-requirement{margin:0;color:#b9c1c8}.upgrade-confirmation{padding:10px;border-left:3px solid #d7c27c;background:#d7c27c12}.upgrade-confirmation p{display:grid;gap:4px;margin:0 0 9px}.upgrade-confirmation code{overflow-wrap:anywhere}.upgrade-confirmation>div{display:flex;justify-content:flex-end;gap:8px}.colony-target-list{display:grid;gap:7px}.colony-target-list h4{margin:2px 0}.colony-target{display:grid;grid-template-columns:minmax(105px,1.2fr) minmax(70px,.7fr) minmax(90px,.8fr);gap:8px;align-items:center;width:100%;padding:9px;text-align:left;background:#0a1018cc}.colony-target>span{display:grid;gap:2px;min-width:0}.colony-target small{color:var(--muted);font-size:.62rem}.colony-target .target-eligible,.colony-target .target-ineligible{grid-column:1 / -1;display:block;padding-top:5px;border-top:1px solid rgba(139,152,165,.2);font-size:.68rem}.colony-target .target-eligible{color:#8fd3a2}.colony-target .target-ineligible{color:#d3a18f}.colony-target.selected{border-color:#d7c27c;box-shadow:inset 0 0 0 1px #d7c27c4d}.nf-upgrade-list{display:grid;gap:9px}.nf-upgrade-row{min-height:0}.nf-upgrade-row>div:first-child,.galactic-build-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.galactic-build-panel{margin-top:12px}.galactic-build-card{min-height:170px}.command-card-purchase{margin-bottom:10px}@media (max-width:640px){.upgrade-comparison{grid-template-columns:1fr}.upgrade-card-heading{grid-template-columns:40px 1fr}.upgrade-level{grid-column:2}.upgrade-category{padding:10px}}.flat-zone-overlay.undiscovered .flat-zone-hit{fill:#4d575ed1;filter:blur(2px)}.flat-zone-label{pointer-events:none;color:#fff}.flat-zone-label rect{fill:#070c11e6;stroke:#d6e0e55c;stroke-width:2}.flat-zone-overlay.selected .flat-zone-label rect{stroke:#d7c27c;stroke-width:4}.rover-build-panel{margin-top:16px;padding:16px;border:1px solid rgba(139,174,191,.28);border-radius:14px;background:#0e181fc2}.rover-build-panel h3{margin:4px 0 8px}.rover-build-panel p{margin:8px 0}.rover-build-cost{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.rover-build-cost span{padding:8px;border-radius:9px;background:#5e89991f}.rover-build-cost span.missing{color:#ffb3a8;outline:1px solid rgba(255,108,92,.45)}.rover-build-cost small{display:block;opacity:.72}.rover-origin-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.build-unavailable{color:#ffb3a8}.rover-confirm-cost{display:flex;justify-content:space-between;gap:18px;padding:12px;border-radius:10px;background:#5e899924}.flat-zone-label text{fill:#aeb8bd;font:700 13px/1 system-ui,sans-serif;letter-spacing:.04em}.flat-zone-label .flat-zone-name{fill:#f2f3ef;font-size:17px;letter-spacing:0}.board-surface .board{width:100%;height:100%;max-height:none}.board-controls{position:absolute;z-index:6;right:8px;bottom:8px;display:flex;gap:6px}.board-controls button{min-width:44px;padding:6px 10px;background:#0c1019e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums}.board-controls button[aria-label="Reset board view"]{min-width:64px}.board-zoom-indicator{position:absolute;z-index:6;right:10px;bottom:10px;padding:5px 9px;border:1px solid rgba(214,182,95,.5);border-radius:14px;color:#f0d58a;background:#0a0e16e0;box-shadow:0 4px 14px #00000059;font:700 .72rem/1 system-ui,sans-serif;pointer-events:none;animation:zoom-indicator-in .12s ease-out}@keyframes zoom-indicator-in{0%{opacity:0;transform:translateY(4px)}}.turn-actions{position:fixed;z-index:46;left:calc(50% - (var(--hud-action-width) + var(--hud-control-gap) + var(--supply-panel-width)) / 2);bottom:max(6px,env(safe-area-inset-bottom,0px));width:var(--hud-action-width);display:flex;gap:8px;padding:8px;border:1px solid var(--border);border-radius:12px;background:#0a0e16eb;box-shadow:0 10px 28px #00000073;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.game-action-rail{position:absolute;z-index:110;top:50%;left:max(10px,env(safe-area-inset-left,0px));display:grid;gap:8px;padding:8px;transform:translateY(-50%);border:1px solid rgba(110,119,134,.72);border-radius:14px;background:#080c13f0;box-shadow:0 14px 36px #00000085;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-action-rail button{position:relative;display:grid;width:62px;min-height:58px;place-items:center;gap:2px;padding:6px 5px;color:#d9d5cc;background:#131924e6}.game-action-rail button.active{border-color:var(--accent-2);color:#f3d98d;background:#6c4e1b61}.game-action-rail img{width:30px;height:30px;object-fit:contain}.game-action-rail button:nth-child(3) img{border-radius:3px}.game-action-rail span{font-size:.63rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rail-count{position:absolute;top:3px;right:3px;display:grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border-radius:10px;color:#171006;background:var(--accent-2);font-size:.62rem}.card-flow-controls{position:absolute;z-index:8;top:max(14px,env(safe-area-inset-top,0px));left:50%;display:grid;min-width:min(390px,calc(100% - 190px));justify-items:center;gap:4px;padding:12px 16px;transform:translate(-50%);border:1px solid rgba(241,197,94,.75);border-radius:12px;background:#15110af5;box-shadow:0 10px 30px #00000080;text-align:center}.card-flow-controls small{color:var(--muted)}.card-flow-controls>div{display:flex;gap:8px;margin-top:5px}.turn-actions button{display:flex;align-items:center;gap:7px}.board-task-prompt{position:absolute;z-index:7;top:max(14px,env(safe-area-inset-top,0px));left:50%;display:grid;justify-items:center;gap:3px;padding:11px 18px;transform:translate(-50%);text-align:center;border:1px solid rgba(241,197,94,.75);border-radius:12px;background:#15110af0;box-shadow:0 10px 30px #00000080,0 0 24px #f1c55e1f;pointer-events:none}.board-task-prompt small{color:var(--muted)}.placement-task-prompt{pointer-events:auto}.placement-task-prompt button{margin-top:5px}.space-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat}.space-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 100% at 50% 45%,transparent 40%,rgba(4,6,12,.72) 100%),#06091047}.sidebar{position:relative;border-left:1px solid var(--border);background:#10151fd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;padding:8px max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px}.sidebar-content{display:flex;flex-direction:column;gap:12px;min-width:0}.professional-sidebar{height:100%;gap:0;overflow:hidden}.sidebar-command-header{display:flex;flex-direction:column;gap:2px;padding:0 46px 10px 4px;border-bottom:1px solid var(--ui-border-soft)}.sidebar-command-header>b{font-size:1rem}.sidebar-command-header>small{color:var(--muted)}.sidebar-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(74px,1fr);gap:3px;overflow-x:auto;padding:8px 0;scrollbar-width:thin}.sidebar-tabs button{min-height:34px;padding:5px 7px;border-color:transparent;border-bottom-color:var(--ui-border-soft);border-radius:6px 6px 2px 2px;color:var(--muted);background:transparent;font-size:.68rem}.sidebar-tabs button{position:relative}.sidebar-tab-count,.tab-count{display:inline-grid;min-width:17px;height:17px;place-items:center;margin-left:4px;padding:0 4px;border-radius:999px;color:#171006;background:var(--accent-2);font-size:.6rem}.sidebar-tabs button.active{border-color:var(--ui-border-strong);color:var(--text);background:#c1873a24}.sidebar-tab-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 16px}.sidebar-tab-body>.panel{margin-bottom:9px}.command-tab-panel{display:grid;gap:10px;min-width:0}.command-tab-panel>header{padding:4px 4px 9px;border-bottom:1px solid var(--ui-border-soft)}.command-tab-panel>header h2{margin:2px 0 4px;font-size:1.05rem}.command-tab-panel>header p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.4}.trade-command-tab .trade-modal{width:100%;min-width:0;max-width:100%;max-height:none;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.trade-command-tab .trade-modal>.modal-header,.trade-command-tab .trade-modal>.modal-footer{display:none}.trade-command-tab .trade-hold,.trade-command-tab .trade-tabs,.trade-command-tab .trade-modal-body{padding-inline:0}.trade-command-tab .trade-hold{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.trade-command-tab .trade-hold-label{grid-column:1 / -1}.trade-command-tab .trade-hold-item{min-width:0;padding-right:5px}.trade-command-tab .trade-compose{grid-template-columns:1fr}.trade-command-tab .trade-resource-buttons{grid-template-columns:1fr 1fr}.sidebar-overview-card{display:grid;gap:7px;margin-bottom:9px;padding:10px;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius);background:var(--ui-panel-bg)}.sidebar-overview-card>div{display:flex;justify-content:space-between;gap:9px}.sidebar-overview-card span{color:var(--muted);font-size:.68rem}.sidebar-overview-card b{max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.sidebar-overview-card button{min-height:34px;margin-top:2px}.score-dialog{width:min(720px,calc(100vw - 24px));max-height:min(86dvh,900px);overflow-y:auto}.score-dialog .victory-panel{border:0;background:transparent;box-shadow:none}.score-dialog .victory-panel>.panel-toggle{pointer-events:none}.nf-score-compact{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:10px}.nf-score-compact>span{color:var(--muted);font-size:.68rem}.nf-score-compact>b{color:var(--accent-2);font-size:1rem}.nf-score-compact>small{grid-column:1 / -1;color:var(--muted)}.sidebar-collapse-toggle{position:sticky;z-index:15;top:0;align-self:flex-start;width:32px;min-width:32px;min-height:32px;padding:0;border-color:#d6b65f7a;color:#f0d58a;background:#090d15f5;box-shadow:0 4px 14px #00000061;font-size:1.25rem}.sidebar>.sidebar-collapse-toggle{position:absolute;z-index:15;top:8px;right:8px;align-self:auto}.sidebar.collapsed{align-items:center;overflow:hidden;padding:8px 6px;transition:width .2s ease,padding .2s ease}.sidebar.collapsed .sidebar-content{visibility:hidden;width:0;height:0;overflow:hidden}.sidebar.collapsed>.sidebar-collapse-toggle{right:7px}.victory-target{display:flex;justify-content:space-between;align-items:center;margin:9px 0;padding:7px 8px;border:1px solid #77633a;border-radius:7px;color:#ead18f}.victory-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0}.victory-tabs button{min-height:34px;padding:5px;font-size:.68rem}.victory-tabs button[aria-selected=true]{border-color:var(--accent-2);color:#f1d487;background:#6c4e1b61}.point-breakdown{display:grid;gap:7px}.point-breakdown details{border:1px solid var(--border);border-radius:7px;overflow:hidden}.point-breakdown summary{display:flex;justify-content:space-between;gap:8px;padding:7px;cursor:pointer;font-size:.72rem}.point-breakdown summary span,.achievement-card li span{display:flex;align-items:center;gap:5px}.point-breakdown i,.achievement-card li i{width:9px;height:9px;border:1px solid #fff8;border-radius:50%}.point-source-list{padding:0 7px 7px}.point-source{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:6px 0;border-top:1px solid var(--border)}.point-source>span{display:flex;flex-direction:column;min-width:0;font-size:.68rem}.point-source small{color:var(--muted);font-size:.58rem;line-height:1.25}.point-source strong{color:#8de0a0}.point-source.transferable strong{color:#f1d487}.system-achievements{display:grid;gap:8px}.achievement-card{padding:8px;border:1px solid var(--border);border-radius:8px;background:#080c1361}.achievement-card.held{border-color:#d6b65f80}.achievement-card header{display:flex;justify-content:space-between;gap:8px}.achievement-card header span{display:flex;flex-direction:column}.achievement-card header small,.achievement-card p{color:var(--muted);font-size:.6rem;line-height:1.35}.achievement-card dl{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0}.achievement-card dl div{padding:5px;border:1px solid var(--border);border-radius:5px}.achievement-card dt{color:var(--muted);font-size:.55rem;text-transform:uppercase}.achievement-card dd{margin:1px 0 0;font-size:.66rem}.achievement-card ul{list-style:none;margin:7px 0 0;padding:0}.achievement-card li{display:flex;justify-content:space-between;padding:3px 0;font-size:.64rem}.panel{position:relative;isolation:isolate;background:#141a26db;border:1px solid var(--border);border-radius:10px;padding:12px}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-image:var(--panel-art);background-size:260px 260px;background-position:center;opacity:.16;pointer-events:none}.panel h3{margin:0 0 8px;font-size:.95rem;letter-spacing:.03em}.panel h4{margin:12px 0 6px;color:var(--muted);font-size:.8rem;text-transform:uppercase}.action-bar{display:flex;flex-direction:column;gap:8px}.action-bar button{display:flex;align-items:center;justify-content:center;gap:8px}.button-art{width:25px;height:25px;object-fit:contain;flex:0 0 auto}.panel-title{display:flex;align-items:center;gap:7px}.panel-title img{width:27px;height:27px;object-fit:contain}.hex-resource{fill:#e9eef7;font-size:13px;font-weight:600;paint-order:stroke;stroke:#0008;stroke-width:3px}.token{font-size:15px;font-weight:700;fill:#1a1a1a}.token-red{fill:#c0281f}.raider-marker{filter:drop-shadow(0 2px 3px rgba(0,0,0,.9)) drop-shadow(0 0 3px rgba(217,180,90,.55));pointer-events:none}.trade-station-marker{pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}.station-tether{stroke:#9e8450;stroke-width:2}.station-disc{fill:#090d15eb;stroke:#9e8450;stroke-width:1.5}.station-label-bg{fill:#070a10f0;stroke:#655737;stroke-width:.8}.station-label{fill:#ece3d2;font-size:7px;font-weight:700;letter-spacing:.02em}.hex{transition:filter .15s ease,transform .15s ease;transform-box:fill-box;transform-origin:center}.hex .hex-frame{transition:stroke-width .15s ease}.hex:hover{filter:drop-shadow(0 4px 7px rgba(0,0,0,.55))}.hex:hover .hex-frame{stroke-width:4.5}.hex-highlight{stroke:var(--gold);stroke-width:3.5;animation:target-pulse 1.8s ease-in-out infinite}@keyframes target-pulse{0%,to{stroke-opacity:.5}50%{stroke-opacity:1}}.token-disc{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.edge{stroke:#788cb426;stroke-width:5;stroke-linecap:round}.edge-legal{stroke:var(--accent-2);stroke-width:6;opacity:.75;animation:edge-pulse 1.8s ease-in-out infinite}.edge-hovered{stroke:#f1d487;stroke-width:9;opacity:1;filter:drop-shadow(0 0 4px rgba(203,176,106,.65))}.edge-unavailable{stroke:#70788647;stroke-width:4;stroke-dasharray:3 7}.edge-hit{stroke:transparent;stroke-width:20;stroke-linecap:round;pointer-events:stroke}@keyframes edge-pulse{0%,to{opacity:.5}50%{opacity:.85}}.edge-picked{stroke:var(--gold);stroke-width:8}.edge-built{stroke-width:11}.edge-owner-outline{stroke:#080b11;stroke-width:15}.edge-owner-core{stroke-width:10;opacity:1;pointer-events:none;filter:drop-shadow(0 0 3px currentColor)}.hyperlane-art{pointer-events:none;opacity:.16;filter:drop-shadow(0 1px 2px rgba(0,0,0,.95))}.raider-popup{position:fixed;z-index:30;top:50%;left:50%;width:min(420px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 28px));overflow:auto;padding:22px;transform:translate(-50%,-50%);border-color:#f1c55eb3;background:#0d121cfa;box-shadow:0 0 0 100vmax #02050ab8,0 22px 70px #000000b3}.raider-popup .victim-list{display:grid;gap:8px;margin:14px 0}.raider-popup .victim{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.raid-victim-dialog{width:min(440px,calc(100vw - 28px))}.raid-victim-dialog .victim-list{display:grid;gap:9px;margin:16px 0}.raid-victim-dialog .victim{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left}.raid-victim-dialog .victim small{color:var(--muted)}.discard-dialog{width:min(470px,calc(100vw - 28px))}.discard-dialog .res-picker{margin:16px 0}.discard-dialog>.primary{width:100%}.vertex-hit{fill:transparent;stroke:none;pointer-events:none}.vertex-legal{fill:#cbb06a00;pointer-events:all;stroke:var(--accent-2);stroke-width:2.5;opacity:.85;animation:target-pulse 1.8s ease-in-out infinite}.vertex-nearest{stroke:#ffe3a0;stroke-width:4;opacity:1;filter:drop-shadow(0 0 5px rgba(217,180,90,.75))}.vertex-upgrade-target{fill:none;stroke:var(--accent-2);stroke-width:2.5;stroke-dasharray:4 3;pointer-events:none;animation:target-pulse 1.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.hex-highlight,.edge-legal,.vertex-legal{animation:none}}.structure{filter:drop-shadow(0 1px 2px #000a)}.structure-owner-base{stroke:#080b11;stroke-width:2.5}.structure-art{pointer-events:none}.construction-card .build-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.build-option{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:linear-gradient(160deg,#141b2b,#0f1420)}.build-option.armed{border-color:var(--accent-2);box-shadow:inset 0 0 0 1px #cbb06a59}.build-head{display:flex;align-items:center;gap:8px}.build-icon{width:34px;height:34px;object-fit:contain;border-radius:5px;background:#05070c;border:1px solid var(--border)}.build-name{font-weight:600;font-size:.9rem;flex:1}.build-pieces{font-size:.72rem;color:var(--muted)}.build-pieces.low{color:#d98a6a}.build-desc{margin:5px 0 7px;font-size:.75rem;line-height:1.35}.cost-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}.cost-item{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 10px 4px 6px;font-size:.82rem;font-weight:650;border-radius:20px;background:#0b1119;border:1px solid var(--border);color:#d7deeb}.cost-item.short{border-color:#a5482f;color:#e79c82}.cost-swatch{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid;background:#0b1119;overflow:hidden}.cost-swatch img{width:20px;height:20px;object-fit:contain}.build-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.build-reason{font-size:.74rem}.build-reason.ok{color:var(--accent-2)}.build-reason.no{color:var(--muted)}.build-foot button{padding:4px 12px;font-size:.8rem}.build-arm-hint{margin-top:8px}.resource-drawer{position:fixed;z-index:45;left:calc(50% + (var(--hud-action-width) + var(--hud-control-gap)) / 2);bottom:0;display:flex;width:var(--supply-panel-width);flex-direction:column;align-items:center;transform:translate(-50%);pointer-events:none}.resource-drawer-sheet{width:100%;max-height:230px;overflow:hidden;padding:11px 13px 13px;border:1px solid rgba(198,171,102,.56);border-bottom-color:var(--border);border-radius:13px 13px 0 0;opacity:1;background:linear-gradient(180deg,rgb(20 26 38 / var(--supplies-panel-opacity)),rgb(8 12 19 / var(--supplies-panel-opacity)));box-shadow:0 -14px 36px #00000094;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:max-height .24s ease,padding .24s ease,opacity .18s ease,transform .24s ease;pointer-events:auto}.resource-drawer.closed .resource-drawer-sheet{max-height:0;padding-block:0;border-color:transparent;opacity:0;transform:translateY(18px);pointer-events:none}.resource-drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--text);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.resource-drawer-heading span{color:var(--accent-2)}.resource-drawer .hand-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.resource-drawer .hand-row{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"icon delta" "name name" "count count";justify-items:center;gap:3px;min-width:0;padding:8px 7px 7px;border:1px solid rgba(112,126,145,.42);border-radius:8px;background:rgb(8 13 21 / calc(var(--supplies-panel-opacity) * .84));cursor:help}.resource-drawer .hand-row:hover{border-color:#cfb570b3;background:rgb(16 24 39 / calc(var(--supplies-panel-opacity) + .12))}.resource-drawer .hand-row.empty{opacity:.48}.resource-drawer .hand-icon{grid-area:icon;width:34px;height:34px;display:grid;place-items:center;justify-self:start;border:1px solid;border-radius:6px;overflow:hidden}.resource-drawer .hand-icon img{width:32px;height:32px;object-fit:contain}.resource-drawer .hand-name{grid-area:name;min-width:0;color:var(--muted);font-size:.7rem;line-height:1.05;text-align:center}.resource-drawer .hand-count{grid-area:count;font-variant-numeric:tabular-nums;font-weight:800;font-size:1.08rem;line-height:1;text-align:center}.resource-drawer .hand-delta{grid-area:delta;min-width:26px;text-align:right;font-size:.76rem;font-weight:800;font-variant-numeric:tabular-nums;animation:resource-delta-pop .32s ease-out both}.hand-delta.gain{color:#73d88c}.hand-delta.loss{color:#ff7979}.hand-row.empty .hand-delta{opacity:1}@keyframes resource-delta-pop{0%{opacity:0;transform:translate(8px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.resource-drawer-toggle{display:grid;grid-template-columns:18px auto auto;align-items:center;gap:8px;min-width:190px;min-height:40px;padding:6px 15px max(7px,env(safe-area-inset-bottom,0px));border:1px solid rgba(198,171,102,.68);border-bottom:0;border-radius:11px 11px 0 0;color:var(--text);background:linear-gradient(180deg,rgb(32 42 59 / var(--supplies-panel-opacity)),rgb(17 24 36 / var(--supplies-panel-opacity)));box-shadow:0 -7px 22px #00000075;font-weight:750;letter-spacing:.03em;pointer-events:auto}.resource-drawer-toggle:hover{border-color:var(--accent-2);background:linear-gradient(180deg,rgb(41 54 75 / calc(var(--supplies-panel-opacity) + .12)),rgb(21 30 44 / calc(var(--supplies-panel-opacity) + .12)))}.resource-drawer-toggle b{color:var(--accent-2);font-variant-numeric:tabular-nums}.resource-drawer-chevron{color:var(--accent-2);font-size:1.1rem;line-height:1}.supply-gain-popup{position:absolute;z-index:8;top:clamp(18px,6vh,64px);left:50%;transform:translate(-50%);min-width:min(420px,calc(100% - 28px));padding:12px 16px 14px;pointer-events:none;text-align:center;color:var(--text);background:linear-gradient(145deg,#122a1df7,#091410fa);border:1px solid rgba(115,216,140,.72);border-radius:12px;box-shadow:0 14px 36px #00000085,inset 0 0 24px #45b26414;animation:supply-popup-in .38s cubic-bezier(.2,1.25,.35,1) both}.supply-gain-popup>strong{display:block;margin-bottom:9px;color:#9aefae;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.supply-gain-items{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.supply-gain-items span{display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:6px;align-items:center;min-width:82px;padding:5px 8px;border:1px solid var(--resource-color);border-radius:7px;background:#040a0894}.supply-gain-items img{grid-row:1 / 3;width:28px;height:28px;object-fit:contain}.supply-gain-items b{color:#8ee8a4;line-height:1}.supply-gain-items small{color:var(--muted);font-size:.65rem}@keyframes supply-popup-in{0%{opacity:0;transform:translate(-50%,-14px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.game-hud-badges{position:absolute;z-index:8;top:70px;left:20px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.game-hud-badges:empty{display:none}.raider-number-badge,.turn-timer{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;border-radius:10px;background:#070b12db;border:1px solid rgba(214,182,95,.55);color:#dbe4ee;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 18px #0006}.raider-number-badge{border-color:#d67a68b3}.raider-number-badge-label,.turn-timer-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.raider-number-badge b{font-size:1.15rem;color:#f0a091;font-variant-numeric:tabular-nums}.turn-timer b{font-variant-numeric:tabular-nums;color:#f3dfac}.turn-timer.urgent{border-color:#e97467d9;animation:turn-timer-pulse 1s ease-in-out infinite}.turn-timer.urgent b{color:#f0a091}.turn-timer.expired{border-color:#e97467;background:#3a1210eb}.turn-timer.expired b{color:#ffd0c8}@keyframes turn-timer-pulse{0%,to{box-shadow:0 6px 18px #0006}50%{box-shadow:0 6px 22px #e974678c}}.status-banner{position:fixed;z-index:60;top:max(14px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);max-width:min(560px,calc(100% - 24px));padding:12px 22px;text-align:center;color:#ffe9c2;background:linear-gradient(145deg,#3c1814f7,#1c0c0afa);border:1px solid rgba(233,116,103,.8);border-radius:12px;box-shadow:0 16px 40px #0000008c;font-weight:750;letter-spacing:.02em;animation:status-banner-in .34s cubic-bezier(.2,1.2,.35,1) both}.status-stack{position:absolute;z-index:61;top:12px;right:12px;width:min(300px,calc(100% - 24px));display:grid;gap:5px;pointer-events:none;max-height:calc(100% - 24px);overflow:visible}.board-wrap>.status-stack{width:var(--gameplay-log-width)}.nf-system-layout:not(.sidebar-is-collapsed)>.status-stack{right:372px}.nf-system-layout.sidebar-is-collapsed>.status-stack{right:58px}.status-stack .status-banner{position:relative;inset:auto;transform:none;width:100%;max-width:none;cursor:pointer;pointer-events:auto;min-height:0;padding:8px 10px;border-radius:8px;text-align:left;font-size:.72rem;line-height:1.35;overflow-wrap:anywhere;animation-name:notification-stack-in}.status-stack .status-banner.info{background:linear-gradient(145deg,#142a3cf7,#0a1620fa);border-color:#69bae9bf}.status-stack .status-banner.critical{border-width:2px;box-shadow:0 16px 44px #e1483859}@keyframes notification-stack-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes status-banner-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.history-list{max-height:260px;overflow-y:auto;list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.history-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:start;padding-bottom:7px;border-bottom:1px solid rgba(118,126,143,.18);font-size:.76rem}.history-seq{color:var(--accent-2);font-variant-numeric:tabular-nums}.history-message{line-height:1.35}.history-list time{color:var(--muted);font-size:.66rem;white-space:nowrap}.history-empty{margin:10px 0 0}.dice{position:absolute;top:20px;left:20px;display:flex;gap:8px;align-items:center;background:#000a;padding:8px 12px;border-radius:10px}.die{width:34px;height:34px;display:grid;place-items:center;position:relative;background:#0b1019;color:var(--text);border-radius:7px;font-weight:700;overflow:hidden}.die img{width:100%;height:100%;object-fit:contain}.die b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff3d4;font-size:.95rem;text-shadow:0 1px 3px #000,0 0 5px #000}.dice.rolling .die{animation:die-tumble .6s ease-out}.dice.rolling .die:nth-child(2){animation-delay:.08s}@keyframes die-tumble{0%{transform:rotate(0) scale(1)}25%{transform:rotate(180deg) scale(1.25);filter:brightness(1.6)}60%{transform:rotate(340deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}.die-sum{color:var(--gold);font-weight:700}.dice-production{display:inline-flex;align-items:center;gap:5px;margin-left:4px;padding-left:8px;border-left:1px solid rgba(255,255,255,.18)}.dice-production-item{display:inline-flex;align-items:center;gap:2px;padding:1px 5px;border-radius:6px;border:1px solid var(--resource-color);background:#04080c80}.dice-production-item img{width:16px;height:16px;object-fit:contain}.dice-production-item b{color:#9be6ad;font-size:.82rem;font-variant-numeric:tabular-nums}.dice-production.none{color:var(--muted);font-size:.78rem;font-weight:600;font-style:italic}.dice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;z-index:5;opacity:1;transition:opacity .36s ease,filter .36s ease}.dice-overlay.exiting,.dice-overlay-exit{opacity:0;filter:blur(2px);pointer-events:none;transition:opacity .36s ease,filter .36s ease}.three-dice-stage{position:absolute;top:4%;right:5%;bottom:8%;left:5%;overflow:hidden;pointer-events:none;filter:drop-shadow(0 12px 18px rgba(0,0,0,.58))}.three-dice-canvas{display:block;width:100%;height:100%}.three-dice-values{position:absolute;z-index:3;left:50%;bottom:9%;display:flex;gap:8px;transform:translate(-50%)}.three-dice-values span{display:flex;align-items:center;gap:6px;min-width:96px;padding:7px 10px;border:1px solid rgba(214,182,95,.55);border-radius:8px;color:#d8e0ea;background:#080c14e6;box-shadow:0 6px 20px #0008;font-size:.72rem}.three-dice-values b{color:#f2d78b;font-size:1.05rem}.three-dice-values .black{border-color:#a87edca6;background:#120d1bf0}.three-dice-values .production-a{border-color:#65b0dd94}.three-dice-values .production-b{border-color:#dcb8609e}.dice-world-result{position:absolute;z-index:7;left:50%;top:29%;display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(214,182,95,.55);border-radius:999px;color:#dbe4ee;background:#070b12e0;box-shadow:0 7px 22px #0000007a;opacity:0;transform:translate(-50%,-12px) scale(.94);transition:opacity .2s ease,transform .24s ease}.dice-world-result.show{opacity:1;transform:translate(-50%) scale(1)}.dice-world-result span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;color:#fff1c6;background:#ffffff14;font-weight:800}.dice-world-result span.black{color:#ead9ff;background:#20152f}.dice-world-result i{color:#8694a5;font-style:normal}.dice-world-result small{margin-left:3px;color:#9ea9b6;font-size:.55rem;text-transform:uppercase}.dice-world-result strong{min-width:30px;margin-left:3px;padding-left:8px;border-left:1px solid rgba(255,255,255,.15);color:#f3d67f;font-size:1rem;text-align:center}@media (max-width: 620px){.three-dice-stage{top:8%;right:1%;bottom:12%;left:1%}.three-dice-values span{min-width:0;padding:6px 8px}}.dice-stage{display:flex;gap:20px;perspective:700px;position:relative}.dice-stage:after{content:"";position:absolute;z-index:-1;left:2%;right:2%;bottom:-12px;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.62),transparent 72%);transform:scaleX(.65);opacity:.25;transition:transform .25s ease,opacity .25s ease}.dice-stage.settled:after{transform:scaleX(1);opacity:.8}.d6{width:clamp(58px,7.4vw,82px);height:clamp(58px,7.4vw,82px);border-radius:12px;background:#0a0e16;box-shadow:inset 0 2px 3px #ffffff8c,inset 0 -3px 5px #0000004d,0 10px 22px #0000008c;border:1px solid #8c7f66;display:grid;place-items:center;backface-visibility:hidden}.d6-face{position:relative;width:100%;height:100%}.d6-face img{width:100%;height:100%;object-fit:contain}.d6-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#070a10e6;border:1px solid #b79d62;color:#fff3d4;font-size:1.05rem;font-weight:800;text-shadow:0 1px 2px #000}.d6-rolling{animation:d6-roll-a 1.9s cubic-bezier(.22,.72,.28,1) both;will-change:transform,filter}.d6-2.d6-rolling{animation-name:d6-roll-b}.d6-rolling.manual-release{animation-name:d6-manual-release-a}.d6-2.d6-rolling.manual-release{animation-name:d6-manual-release-b}.d6-rolling .d6-face{opacity:.25}.d6-settled{animation:d6-land .4s cubic-bezier(.2,1.5,.4,1) both}.d6-rolling .d6-value{opacity:0}@keyframes d6-tumble{0%{transform:translateY(-120px) rotate(0) scale(.8)}30%{transform:translateY(-30px) rotate(140deg) scale(1.05)}55%{transform:translateY(14px) rotate(260deg) scale(1)}72%{transform:translateY(-14px) rotate(320deg)}86%{transform:translateY(6px) rotate(350deg)}to{transform:translateY(0) rotate(360deg) scale(1)}}@keyframes d6-land{0%{transform:translateY(-8px) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes d6-roll-a{0%,7%{transform:translate3d(-34px,42px,0) rotateX(0) rotateY(0) scale(.9)}18%{transform:translate3d(-38px,-28px,0) rotateX(18deg) rotateY(-22deg) scale(1)}31%{transform:translate3d(-34vw,-20vh,0) rotateX(35deg) rotateY(-48deg) rotate(-55deg) scale(.78)}49%{transform:translate3d(4vw,-8vh,0) rotateX(420deg) rotateY(320deg) rotate(180deg) scale(1.04);filter:brightness(1.25)}63%{transform:translate3d(.5vw,-38px,0) rotateX(615deg) rotateY(470deg) rotate(292deg) scale(1.01)}77%{transform:translate3d(0,5px,0) rotateX(704deg) rotateY(548deg) rotate(348deg) scale(.98)}88%{transform:translate3d(0,-13px,0) rotateX(717deg) rotateY(565deg) rotate(357deg)}to{transform:translateZ(0) rotateX(720deg) rotateY(576deg) rotate(360deg) scale(1)}}@keyframes d6-roll-b{0%,7%{transform:translate3d(34px,46px,0) rotateX(0) rotateY(0) scale(.9)}18%{transform:translate3d(38px,-25px,0) rotateX(-18deg) rotateY(22deg) scale(1)}31%{transform:translate3d(34vw,-22vh,0) rotateX(-45deg) rotateY(58deg) rotate(62deg) scale(.77)}48%{transform:translate3d(-4vw,-7vh,0) rotateX(390deg) rotateY(-340deg) rotate(-190deg) scale(1.05);filter:brightness(1.25)}63%{transform:translate3d(-.5vw,-34px,0) rotateX(590deg) rotateY(-490deg) rotate(-305deg) scale(1.02)}78%{transform:translate3d(0,5px,0) rotateX(690deg) rotateY(-560deg) rotate(-350deg) scale(.98)}89%{transform:translate3d(0,-11px,0) rotateX(707deg) rotateY(-571deg) rotate(-357deg)}to{transform:translateZ(0) rotateX(720deg) rotateY(-576deg) rotate(-360deg) scale(1)}}.dice-total{font-size:2rem;font-weight:800;color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.7);opacity:0;transform:translateY(6px)}.dice-total.show{animation:total-pop .35s ease-out .05s both}@keyframes total-pop{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.order-overlay{background:#060910b8;pointer-events:none}.order-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px 26px;min-width:280px;box-shadow:0 24px 60px #0009}.order-card h3{margin:0 0 14px;text-align:center;letter-spacing:.04em}.order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.order-list li{display:flex;align-items:center;gap:12px;opacity:0}.order-list.revealed li{animation:order-in .4s ease-out both}@keyframes order-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.d10{position:relative;width:40px;height:40px;display:grid;place-items:center;background:#111722;border:2px solid var(--border);clip-path:polygon(50% 0%,90% 35%,74% 100%,26% 100%,10% 35%);transform:rotate(0)}.d10 img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.order-list:not(.revealed) .d10{animation:d10-spin .5s linear infinite}@keyframes d10-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.d10-value{position:relative;z-index:1;font-weight:800;font-size:.95rem;color:var(--text)}.order-name{flex:1;display:flex;align-items:center;gap:8px}.order-seat{color:var(--gold);font-weight:700}.victory-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#060910e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.victory-overlay h1{color:var(--gold)}.victory-emblem{width:clamp(120px,24vw,230px);max-height:34vh;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.75))}.postgame-experience{position:relative;min-height:calc(100vh - 54px)}.postgame-board{min-height:inherit}.postgame-view-victory .postgame-board,.postgame-view-results .postgame-board{pointer-events:none}.postgame-overlay{position:fixed;top:54px;right:0;bottom:0;left:0;z-index:180;display:grid;place-items:center;padding:clamp(12px,2vw,28px);background:radial-gradient(circle at 50% 20%,#263653c7,#040810f5 68%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.postgame-victory-card{--winner-color: #d6b65f;width:min(620px,100%);max-height:calc(100vh - 86px);overflow:auto;padding:clamp(22px,4vw,42px);text-align:center;border:1px solid color-mix(in srgb,var(--winner-color),#fff 28%);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--winner-color),transparent 88%),#080e19fa);box-shadow:0 28px 90px #000c,0 0 50px color-mix(in srgb,var(--winner-color),transparent 72%)}.postgame-victory-card .victory-emblem{width:108px;height:108px;margin:0 auto 6px}.postgame-victory-card h1{margin:4px 0 14px;font-size:clamp(2rem,6vw,3.45rem);line-height:1}.victory-commander{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;font-size:1.05rem}.victory-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px}.victory-facts div{min-width:0;padding:11px 7px;border:1px solid #ffffff1c;border-radius:9px;background:#ffffff08}.victory-facts dt{color:var(--muted);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.victory-facts dd{margin:5px 0 0;font-weight:800;overflow-wrap:anywhere}.victory-achievements{color:#efd98e}.victory-placements{margin:14px 0;padding:0;list-style:none;border-block:1px solid #ffffff17}.victory-placements li{display:flex;justify-content:space-between;gap:20px;padding:7px 4px;color:#dfe7f4}.victory-progress{height:3px;margin:18px 0;overflow:hidden;border-radius:3px;background:#ffffff17}.victory-progress span{display:block;width:100%;height:100%;transform-origin:left;background:var(--winner-color);animation:victory-countdown 3s linear both}@keyframes victory-countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.results-presentation{place-items:stretch;overflow:hidden}.results-presentation.results-hidden{display:none}.postgame-results{width:min(1440px,100%);height:100%;margin:auto;overflow:auto;padding:clamp(14px,2.2vw,30px);border:1px solid #ffffff1b;border-radius:16px;color:#eef3fb;background:linear-gradient(160deg,#101a2bfa,#070c16fc);box-shadow:0 24px 80px #000a}.results-header,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.results-header{position:sticky;top:-30px;z-index:4;margin:-2px -2px 22px;padding:8px 2px 16px;background:linear-gradient(#101a2b 75%,transparent)}.results-header h1{margin:2px 0;font-size:clamp(1.8rem,4vw,3rem)}.results-header p,.section-heading p{margin:4px 0;color:var(--muted)}.results-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.postgame-warning{padding:12px;border:1px solid #c9974766;border-radius:8px;color:#f0d095;background:#8d5e191d}.results-section{margin:18px 0;padding:clamp(12px,2vw,22px);border:1px solid #ffffff12;border-radius:12px;background:#ffffff05}.section-heading h2{margin:2px 0 12px}.point-graph-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 12px}.point-graph-legend span{display:inline-flex;align-items:center;gap:7px;min-width:130px;color:#cbd5e5}.point-graph-legend span.winner{color:#fff;font-weight:800}.point-graph-legend i{width:24px;height:4px;border-radius:4px}.point-graph-legend b{margin-left:auto}.point-graph-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid #ffffff12;border-radius:10px;background:#050a13a8;scrollbar-color:#6e7f9b #09111f}.point-graph{display:block}.graph-grid{stroke:#ffffff16;stroke-width:1}.graph-grid.vertical{stroke-dasharray:3 7}.axis-label,.axis-title{fill:#93a2b9;font-size:12px}.axis-title{font-size:13px;font-weight:700;letter-spacing:.03em}.graph-series polyline{stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #000)}.graph-series.winner polyline{stroke-width:4.5;filter:drop-shadow(0 0 5px currentColor)}.graph-series circle{stroke:#07101d;stroke-width:1.5;cursor:crosshair}.standing-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:12px 0}.standing-tabs button{--player-color: #9cadc7;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;padding:11px;text-align:left;border-left:4px solid var(--player-color)}.standing-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--player-color),transparent 84%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--player-color),transparent 35%)}.standing-tabs button b{overflow:hidden;text-overflow:ellipsis}.standing-tabs button strong{color:#fff}.player-statistics{--player-color: #9cadc7;padding:clamp(12px,2vw,20px);border:1px solid color-mix(in srgb,var(--player-color),transparent 58%);border-radius:10px;background:color-mix(in srgb,var(--player-color),transparent 94%)}.player-statistics>header{display:flex;align-items:center;gap:12px}.player-statistics>header .swatch{width:18px;height:46px;border-radius:4px}.player-statistics h3,.player-statistics p{margin:0}.player-statistics p{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:7px;margin:15px 0}.stat-grid>div{display:flex;min-height:64px;flex-direction:column;justify-content:space-between;gap:6px;padding:10px;border-radius:8px;background:#0003}.stat-grid span{color:#aebbd0;font-size:.72rem}.stat-grid b{font-size:1.05rem}.player-statistics details{margin-top:8px;padding:10px;border:1px solid #ffffff13;border-radius:8px;background:#0002}.player-statistics summary{cursor:pointer;font-weight:800}.point-category-list{padding:0;list-style:none}.point-category-list li{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #ffffff0d}.point-category-list span{display:grid}.point-category-list small{color:var(--muted)}.resource-comparison,.final-resource-list{display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:8px;margin-top:10px}.resource-comparison>div,.final-resource-list>span{display:grid;gap:3px;padding:9px;border-radius:7px;background:#ffffff08}.resource-comparison span{color:#b6c2d3;font-size:.72rem}.game-complete-banner{position:fixed;z-index:170;top:65px;left:50%;display:flex;align-items:center;gap:18px;transform:translate(-50%);padding:9px 10px 9px 16px;border:1px solid #d3b8647a;border-radius:999px;color:#f7e6ae;background:#09111eee;box-shadow:0 8px 30px #0009}.game-complete-banner span{display:grid;white-space:nowrap}.game-complete-banner small{color:#b6c1d1;font-size:.68rem}.game-complete .game-action-rail,.game-complete .turn-actions,.game-complete .roll-prompt,.game-complete .board-task-prompt,.game-complete .card-flow-controls,.postgame-view-board .nf-system-turn-actions,.postgame-view-board .nf-raider-defense-backdrop,.postgame-view-board .nf-raider-defense-wait{display:none!important}@media (max-width: 720px){.postgame-overlay{top:48px;padding:7px}.victory-facts{grid-template-columns:1fr 1fr}.results-header,.section-heading{display:grid}.results-header{top:-16px}.results-actions{justify-content:stretch}.results-actions button{flex:1}.resource-comparison,.final-resource-list{grid-template-columns:repeat(2,1fr)}.game-complete-banner{top:auto;right:8px;bottom:10px;left:8px;justify-content:space-between;transform:none;border-radius:12px}}.scoreboard{list-style:none;margin:0;padding:0}.scoreboard li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 6px;border-radius:6px}.player-history{flex:0 0 100%;margin-top:3px;border-top:1px solid rgba(118,126,143,.18)}.player-history>summary{cursor:pointer;padding:6px 2px 2px 20px;color:var(--accent-2);font-size:.72rem}.player-history-controls{display:flex;justify-content:flex-end}.player-history-controls button{min-height:25px;padding:2px 7px;font-size:.65rem}.player-turn-groups{max-height:245px;margin-top:5px;overflow-y:auto;overscroll-behavior:contain}.player-turn-groups section{padding:5px 0;border-top:1px solid rgba(118,126,143,.14)}.player-turn-groups h4{margin:0 0 4px;color:var(--gold);font-size:.7rem}.player-turn-groups ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.scoreboard .player-turn-groups li{display:grid;gap:1px;padding:2px 4px;outline:0;background:transparent;font-size:.7rem}.player-turn-groups small{color:#91dca5}.scoreboard li.active-player{background:var(--panel-2);outline:1px solid var(--accent)}.scoreboard .score{color:var(--gold);font-weight:700}@keyframes d6-manual-release-a{0%,8%{transform:translate3d(var(--manual-pull-x),var(--manual-pull-y),0) rotateX(0) rotateY(0) scale(.92)}34%{transform:translate3d(var(--manual-throw-x),var(--manual-throw-y),0) rotateX(280deg) rotateY(235deg) rotate(160deg) scale(.8);filter:brightness(1.22)}62%{transform:translate3d(2vw,-34px,0) rotateX(565deg) rotateY(450deg) rotate(305deg) scale(1.02)}82%{transform:translate3d(0,6px,0) rotateX(690deg) rotateY(555deg) rotate(352deg) scale(.98)}to{transform:translateZ(0) rotateX(720deg) rotateY(576deg) rotate(360deg) scale(1)}}@keyframes d6-manual-release-b{0%,8%{transform:translate3d(var(--manual-pull-x),var(--manual-pull-y),0) rotateX(0) rotateY(0) scale(.9)}34%{transform:translate3d(var(--manual-throw-x),var(--manual-throw-y),0) rotateX(-300deg) rotateY(245deg) rotate(-175deg) scale(.78);filter:brightness(1.22)}63%{transform:translate3d(-2vw,-31px,0) rotateX(-575deg) rotateY(465deg) rotate(-310deg) scale(1.03)}83%{transform:translate3d(0,5px,0) rotateX(-698deg) rotateY(558deg) rotate(-354deg) scale(.98)}to{transform:translateZ(0) rotateX(-720deg) rotateY(576deg) rotate(-360deg) scale(1)}}.manual-dice-throw{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;padding-bottom:clamp(88px,15vh,188px);pointer-events:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}.manual-dice-area{position:relative;width:min(360px,78%);height:min(220px,42%);display:grid;place-items:center;border:1px dashed rgba(134,205,239,.16);border-radius:20px;pointer-events:auto;touch-action:none;cursor:grab}.manual-dice-area.dragging{cursor:grabbing;border-color:#86cdef75}.manual-dice-pair{display:flex;gap:13px;transform:translate(var(--drag-x),var(--drag-y));filter:drop-shadow(0 12px 16px rgba(0,0,0,.58));will-change:transform}.manual-dice-pair img{width:clamp(70px,9vw,98px);aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.manual-dice-pair img:nth-child(2){rotate:12deg}.manual-dice-throw.three .manual-dice-area{pointer-events:none;border-color:transparent;perspective:720px;background:none}.manual-dice-throw.three .manual-dice-pair{width:190px;height:92px;transform:translate(var(--drag-x),var(--drag-y)) rotateX(18deg) rotate(-4deg)}.manual-dice-aim{position:absolute;z-index:-1;left:50%;top:50%;height:3px;transform-origin:0 50%;border-radius:999px;background:linear-gradient(90deg,#7ed3f647,#8bdcff);box-shadow:0 0 10px #63c7f35c;pointer-events:none}.manual-dice-force{position:absolute;bottom:13px;padding:4px 8px;border-radius:999px;color:#aee6ff;background:#07141ed1;font-size:.64rem}.manual-dice-prompt{position:absolute;z-index:2;top:max(18px,8%);display:grid;gap:2px;padding:8px 12px;border:1px solid rgba(105,186,233,.42);border-radius:9px;color:#d9edf8;background:#091823eb;box-shadow:0 8px 24px #00000061;text-align:center;pointer-events:none}.manual-dice-prompt b{color:#9edcff;font-size:.76rem}.manual-dice-prompt span{color:#aabdc9;font-size:.64rem}.scoreboard .score-divider{color:var(--green)}.scoreboard .hold{color:var(--muted);font-size:.85rem}.awards{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:.8rem}.award{color:var(--muted)}.award.held{color:var(--accent-2)}.my-resources,.res-row{display:flex;flex-wrap:wrap;gap:6px}.res-chip{color:#08111d;font-weight:700;font-size:.8rem;padding:4px 8px;border-radius:6px;border:none}.res-chip-static{min-width:122px;display:inline-flex;align-items:center;gap:7px;color:var(--text);background:#0b1119;border:1px solid}.res-chip img{width:24px;height:24px;object-fit:contain}.res-chip.sel{outline:2px solid #fff}.build-hints{display:flex;gap:10px}.build-hints .ok{color:var(--accent-2)}.build-hints .no{color:var(--muted);text-decoration:line-through}.res-picker-row{display:flex;align-items:center;gap:8px;margin:4px 0}.res-picker-row button{width:44px;padding:4px}.res-count{min-width:20px;text-align:center}.res-max{color:var(--muted);font-size:.8rem}.card-list{list-style:none;margin:0;padding:0}.panel-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;background:transparent;color:var(--text);font-weight:700;letter-spacing:.03em;text-align:left}.panel-toggle-meta{color:var(--accent-2);font-size:.78rem}.panel-collapsed{padding-block:10px}.production-overview-scroll{max-height:min(46vh,460px);overflow-y:auto;margin-top:10px;padding-right:3px}.production-overview details{border-top:1px solid rgba(255,255,255,.08);padding:7px 0}.production-overview summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;color:var(--accent-2)}.production-overview summary span{color:var(--muted);font-size:.75rem}.production-overview ul{display:grid;gap:6px;margin:7px 0 0;padding:0;list-style:none}.production-overview li{padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#ffffff06}.production-overview li>div{display:flex;justify-content:space-between;gap:8px}.production-overview li small{display:block;color:var(--muted);line-height:1.35}.production-overview li.blocked{border-color:#d25f4f73;opacity:.82}.production-overview .production-blocked{color:#ef9183;font-weight:700}.roll-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#03060cb8;-webkit-backdrop-filter:blur(3px) saturate(.72);backdrop-filter:blur(3px) saturate(.72)}.roll-prompt{--active-player-color: #d6b65f;width:min(480px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(22px,5vw,42px);border:1px solid color-mix(in srgb,var(--active-player-color) 72%,#d9c78d);border-radius:18px;text-align:center;background:linear-gradient(155deg,#1d2635fa,#080c14fc);box-shadow:0 28px 90px #000000bd,0 0 34px color-mix(in srgb,var(--active-player-color) 22%,transparent)}.roll-prompt h2{margin:0;font-size:clamp(1.55rem,5vw,2.25rem)}.roll-prompt p{margin:0 0 8px;color:var(--muted)}.roll-prompt-dice{display:flex;gap:16px}.roll-prompt-dice img{width:clamp(64px,12vw,92px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.55))}.roll-prompt-dice img:nth-child(2){transform:rotate(13deg)}.roll-prompt-action{width:min(300px,100%);min-height:60px;justify-content:center;font-size:1.1rem}.production-dice-result{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08}.production-dice-row{display:flex;gap:14px;margin:4px 0 0;padding:0;list-style:none}.production-die{display:grid;place-items:center;width:clamp(40px,8vw,56px);aspect-ratio:1;border:1px solid #d9c78d;border-radius:12px;background:linear-gradient(160deg,#f4efdd,#cdc3a3);color:#1a1408;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;box-shadow:0 10px 16px #00000080}.production-die.black-die{border-color:#6f6a5e;background:linear-gradient(160deg,#2b2a27,#101010);color:#f2e9c9;margin-left:6px}.production-sum{margin:0;font-size:.92rem}.production-sum strong{font-size:1.15rem}.production-sum small{opacity:.7}.production-black-die{margin:0;padding:8px 12px;border-radius:10px;border-left:3px solid var(--muted);background:#ffffff0a;font-size:.92rem;text-align:left}.production-black-die[data-role=raider]{border-left-color:#e6533c}.production-black-die[data-role=research]{border-left-color:#3c8ce6}.production-black-die[data-role=command]{border-left-color:#e6b93c}.production-black-die-effects{margin:0;padding-left:18px;font-size:.85rem;opacity:.85}.production-black-die-effects:empty{display:none}.simultaneous-roll-results{position:absolute;z-index:18;top:82px;right:16px;width:min(250px,calc(100vw - 32px));padding:9px 10px;border:1px solid rgba(126,190,225,.28);border-radius:10px;background:#071019e0;box-shadow:0 10px 28px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.simultaneous-roll-results header{display:grid;gap:2px;margin-bottom:6px}.simultaneous-roll-results header span{color:#d8edf8;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.simultaneous-roll-results header small{color:#93aebb;font-size:.62rem;line-height:1.25}.simultaneous-roll-results ol{display:grid;gap:3px;margin:0;padding:0;list-style:none}.simultaneous-roll-results li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;min-height:22px;color:#9fb2bd;font-size:.68rem}.simultaneous-roll-results li i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.simultaneous-roll-results li b{color:#dce9ef;font-size:.67rem}.simultaneous-roll-results li[data-status=resolving]{color:#ffcf75}.simultaneous-roll-results li[data-status=resolved]{opacity:.78}.black-die-legend{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08}.black-die-legend ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.black-die-legend li{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:#ffffff0a;font-size:.74rem}.black-die-legend li.yours{outline:1px solid #3c8ce6}.black-die-legend li[data-role=raider]{border-left:3px solid #e6533c}.black-die-legend li[data-role=research]{border-left:3px solid #3c8ce6}.black-die-legend li[data-role=command]{border-left:3px solid #e6b93c}.black-die-legend li[data-role=neutral]{border-left:3px solid var(--muted)}.black-die-face{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:linear-gradient(160deg,#2b2a27,#101010);color:#f2e9c9}.black-die-legend small{opacity:.6}.observatory-panel{display:flex;flex-direction:column;gap:8px;padding:13px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(160deg,#141b2b,#0f1420)}.observatory-panel header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.observatory-panel p{margin:0;font-size:.78rem;line-height:1.4}.observatory-panel small{color:var(--muted);font-size:.74rem}.observatory-choices{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:0}.observatory-choices legend{font-size:.72rem;color:var(--muted);padding:0;letter-spacing:.04em;text-transform:uppercase}.observatory-choices .choice{display:flex;align-items:center;gap:4px;min-height:30px;padding:4px 12px;border:1px solid var(--border);border-radius:8px;background:#0b1119;cursor:pointer}.observatory-choices .choice.selected{border-color:var(--accent-2);outline:1px solid var(--accent-2)}.observatory-choices small{flex-basis:100%}.observatory-blocked{color:var(--muted);font-size:.74rem}.research-triggers{font-size:1rem!important;letter-spacing:.04em;color:var(--accent-2)}.command-point-meter{display:flex;flex-wrap:wrap;gap:18px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(160deg,#141b2b,#0f1420)}.command-point-meter p{margin:0;display:flex;flex-direction:column;gap:2px}.command-point-meter strong{font-size:1.25rem;color:var(--accent-2)}.command-point-meter small{color:var(--muted);font-size:.8rem;font-weight:400}.lobby-ai-controls{display:flex;gap:10px;align-items:flex-end;margin:8px 0 4px}.lobby-ai-controls label{flex:1;display:flex;flex-direction:column;gap:4px}.link-button{padding:2px 6px;border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer}.galaxy-briefing{border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff08;overflow:hidden}.galaxy-briefing-toggle{display:flex;width:100%;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;border:0;background:none;cursor:pointer;text-align:left}.galaxy-briefing-toggle>span{font-weight:600}.galaxy-briefing-toggle>small{color:var(--muted)}.galaxy-briefing-body{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}.galaxy-briefing-body h4{margin:4px 0 0;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.galaxy-briefing-body p{margin:0;font-size:.88rem}.galaxy-planet-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.galaxy-planet-list li{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-left:3px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff08}.galaxy-planet-list li[data-planet-type=lava]{border-left-color:#e6533c}.galaxy-planet-list li[data-planet-type=verdant]{border-left-color:#4caf6d}.galaxy-planet-list li[data-planet-type=ice]{border-left-color:#3c8ce6}.galaxy-planet-list li[data-planet-type=desert]{border-left-color:#e6b93c}.galaxy-planet-list li[data-planet-type=earth]{border-left-color:#e6e6e6}.galaxy-planet-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.galaxy-planet-type{text-transform:capitalize}.galaxy-planet-bias{display:flex;gap:4px;margin:4px 0 2px}.galaxy-bias-cell{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:30px;padding:3px 0;border-radius:5px;background:#ffffff0d}.galaxy-bias-cell b{font-size:.7rem;opacity:.7}.galaxy-bias-cell i{font-style:normal;font-size:.95rem;font-weight:700}.galaxy-planet-extremes,.galaxy-planet-buff{font-size:.8rem}.galaxy-planet-buff{opacity:.85}.galaxy-facts{display:flex;flex-direction:column;gap:4px;margin:0;padding:0 0 0 14px;font-size:.85rem}.zone-body{display:flex;flex-direction:column;gap:8px;padding:4px 2px 2px}.zone-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.zone-list li{display:flex;flex-direction:column;gap:3px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08}.zone-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.zone-rovers{font-size:.78rem;color:#4caf6d}.zone-actions{display:flex;gap:6px;margin-top:2px}.zone-actions button{flex:1;padding:4px 8px;font-size:.82rem}.zone-vehicle-picker{display:flex;flex-direction:column;gap:4px}.command-ability-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:4px 2px 2px;list-style:none}.command-ability-list li{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(160deg,#141b2b,#0f1420)}.command-ability-list li.spent{opacity:.55}.command-ability-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.command-ability-head strong{font-weight:600;font-size:.9rem}.command-ability-cost{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;font-size:.74rem;font-weight:650;border-radius:20px;background:#0b1119;border:1px solid rgba(203,176,106,.5);color:var(--accent-2)}.command-ability-effect{font-size:.78rem;line-height:1.35;color:var(--text);opacity:.92}.command-ability-reason{font-size:.74rem;color:var(--muted)}.command-ability-list button{margin-top:4px;padding:4px 12px;font-size:.8rem}.command-ability-list select{width:100%}.frontier-tech-body,.frontier-module-body{display:flex;flex-direction:column;gap:12px;padding:4px 2px 2px}.frontier-tech-branch>strong{display:block;margin-bottom:4px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;opacity:.72}.frontier-tech-branch ul,.frontier-module-body ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.frontier-tech-branch button,.frontier-module-body ul button{display:flex;width:100%;gap:8px;align-items:baseline;justify-content:space-between;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;text-align:left;cursor:pointer}.frontier-tech-branch button:disabled,.frontier-module-body ul button:disabled{opacity:.45;cursor:not-allowed}.frontier-tech-branch li.owned button{border-color:color-mix(in srgb,#4caf6d 60%,transparent);background:color-mix(in srgb,#4caf6d 14%,transparent)}.frontier-tech-name{font-size:.9rem}.frontier-module-body select{width:100%;margin-top:4px}.frontier-buff-panel .panel-title-static{display:block;margin-bottom:6px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;opacity:.72}.frontier-buff-panel ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.frontier-buff-panel li{display:flex;flex-direction:column;gap:1px}.frontier-buff-panel li.spent{opacity:.5}.frontier-buff-panel small{font-size:.8rem;opacity:.75}.panel-title>span:first-child{display:inline-flex;align-items:center;gap:7px}.nav-leave{padding:6px 10px;color:#d8c9b3;border-color:#5f4d43;background:#3626228c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:22px;background:#03060cb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.discard-progress-popup{position:fixed;z-index:112;top:max(12px,env(safe-area-inset-top,0px));left:50%;width:min(560px,calc(100vw - 24px));max-height:min(58dvh,520px);overflow-y:auto;transform:translate(-50%);padding:14px;color:var(--text);border:1px solid rgba(226,91,70,.72);border-radius:12px;background:linear-gradient(145deg,#1f0f11fa,#080c14fa);box-shadow:0 18px 50px #000000a6,inset 0 0 28px #c1403014}.discard-progress-popup header strong{display:block;margin-top:3px;color:#ffd39a}.discard-progress-popup ul{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.discard-progress-popup li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;background:#ffffff09}.discard-progress-popup li>i{width:10px;height:10px;border-radius:50%}.discard-progress-popup li>b{font-size:.7rem;text-align:right}.discard-progress-popup .complete{color:#89dda2}.discard-progress-popup .not-required{color:var(--muted)}.discard-progress-popup .waiting{color:#f1c276}.discard-progress-popup .disconnected{color:#e8847b}.discard-progress-popup .processing{color:#86cdea}.floating-build-window{position:fixed;z-index:82;min-width:min(340px,calc(100vw - 20px));min-height:min(280px,calc(100dvh - 20px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);resize:both;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);color:var(--text);border:1px solid rgba(214,182,95,.72);border-radius:11px;background:#080d16fa;box-shadow:0 20px 55px #0000009e;isolation:isolate}.floating-build-header{display:grid;grid-template-columns:minmax(90px,1fr) auto auto auto auto;align-items:center;gap:6px;min-height:42px;padding:6px 8px 6px 12px;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(214,182,95,.28);background:#101722fa;touch-action:none}.floating-build-header label{display:flex;align-items:center;gap:4px;cursor:default;color:var(--muted);font-size:.62rem}.floating-build-header input{width:72px}.floating-build-header button{min-height:28px;padding:3px 7px;font-size:.67rem}.floating-build-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px}.floating-build-scroll>.panel+.panel{margin-top:10px}.float-build-button{position:absolute;top:12px;right:54px}.action-modal-backdrop{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.6vw,22px);overflow:hidden}.action-modal-backdrop>.action-dialog,.action-modal-backdrop>.trade-modal{min-width:0;transition:width .22s ease,max-width .22s ease,transform .22s ease}.action-modal-backdrop.dual>.action-dialog,.action-modal-backdrop.dual>.trade-modal{width:calc((100vw - clamp(30px,5vw,74px))/2);max-width:760px;max-height:calc(100dvh - 32px)}.action-modal-backdrop.dual>.action-dialog{animation:popup-pair-left .22s ease-out both}.action-modal-backdrop.dual>.trade-modal{animation:popup-pair-right .22s ease-out both}@keyframes popup-pair-left{0%{opacity:.78;transform:translate(50%) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes popup-pair-right{0%{opacity:.78;transform:translate(-50%) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.trade-modal,.confirm-dialog{width:min(820px,100%);max-height:min(820px,calc(100vh - 44px));overflow:hidden;display:flex;flex-direction:column;color:var(--text);background:linear-gradient(145deg,#1f2736fa,#0b0f18fc),var(--panel);border:1px solid #5c513d;border-radius:15px;box-shadow:0 28px 90px #000000bd,inset 0 1px #ffffff0d}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 12px;border-bottom:1px solid var(--border)}.modal-header h2,.confirm-dialog h2{margin:2px 0 0;font-size:1.35rem}.eyebrow{color:var(--accent-2);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.modal-close{width:44px;height:44px;padding:0;font-size:1.45rem;line-height:1}.trade-hold{display:flex;align-items:center;gap:7px;padding:10px 22px;overflow-x:auto;background:#06090f7a}.trade-hold-label{margin-right:5px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.trade-hold-item{display:inline-flex;align-items:center;gap:5px;min-width:max-content;padding:4px 8px 4px 5px;border:1px solid var(--border);border-radius:6px;background:#0b1019;font-size:.76rem}.trade-hold-item img{width:22px;height:22px;object-fit:contain}.trade-hold-item strong{color:var(--accent-2);font-size:.9rem}.trade-tabs{display:grid;grid-template-columns:1fr 1fr;padding:10px 22px 0;border-bottom:1px solid var(--border)}.trade-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted)}.trade-tabs button.active{color:var(--text);border-bottom-color:var(--accent-2)}.count-badge{margin-left:7px;padding:1px 6px;border-radius:20px;background:var(--accent);color:#130d06;font-size:.7rem}.trade-modal-body{min-height:0;overflow-y:auto;padding:18px 22px 22px}.trade-section{display:flex;flex-direction:column;gap:14px}.rate-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.trade-inspection-notice{margin:0;padding:9px 10px;border:1px solid rgba(214,182,95,.42);border-radius:8px;color:#efd58d;background:#d6b65f14}.owned-port-list{display:grid;gap:7px}.owned-port-list h3{margin:2px 0}.owned-port-list article{padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff06}.owned-port-list article>div{display:flex;justify-content:space-between;gap:8px}.owned-port-list article small{display:block;color:var(--muted);line-height:1.4}.rate{padding:5px 6px;text-align:center;border:1px solid var(--border);border-radius:5px;color:var(--muted);font-size:.72rem}.rate.best{border-color:#826d3e;color:#f0d58b;background:#c1873a1a}.trade-resource-choice{margin:0;padding:10px;border:1px solid var(--border);border-radius:9px}.trade-resource-choice legend{padding:0 6px;color:var(--accent-2);font-weight:700}.trade-resource-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.trade-resource-buttons button{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:5px;padding:7px;text-align:left}.trade-resource-buttons button.selected{border-color:var(--resource-color);box-shadow:inset 0 0 0 1px var(--resource-color)}.trade-resource-buttons img{width:28px;height:28px;object-fit:contain}.trade-resource-buttons span{overflow:hidden;text-overflow:ellipsis;font-size:.75rem}.trade-resource-buttons strong{color:var(--accent-2);font-size:.72rem}.trade-validation{margin:0;color:#e59a83;font-size:.82rem}.trade-validation.valid{color:#93c596}.trade-submit{align-self:flex-end;min-width:190px}.trade-target{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem}.trade-target select{flex:1}.trade-compose{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:42px}.trade-compose:after{content:"⇄";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--accent-2);font-size:1.35rem}.trade-compose>div{padding:12px;border:1px solid var(--border);border-radius:9px;background:#05080e61}.trade-compose h3,.trade-inbox h3{margin:0 0 9px;font-size:.9rem}.trade-inbox{margin-top:4px;padding-top:14px;border-top:1px solid var(--border)}.trade-review{padding:11px;margin-top:8px;border:1px solid var(--border);border-radius:8px;background:#080c13b3}.trade-review.mine{border-color:#66583c}.trade-review p{margin:0 0 6px}.trade-equation{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;color:#dfd4c2;font-size:.8rem}.trade-equation span{display:flex;flex-direction:column;gap:3px}.trade-equation span:nth-child(2){display:block;align-self:center;color:var(--accent-2);text-align:center;font-size:1.1rem}.trade-equation small{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em}.trade-responses{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:9px}.trade-response-option{flex:1 0 100%;display:grid;justify-items:end;gap:6px;padding:9px;border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-sm);background:#080d159e}.trade-response-option>p{margin:0;color:#aeb6c0;font-size:.68rem;line-height:1.45}.status-host_disconnected{color:#b78361;border-style:dashed}.trade-response-problem{flex-basis:100%;margin:2px 0 0;text-align:right}.trade-counter-compose{flex:1 0 100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid var(--ui-border-strong);border-radius:9px;background:#070b12e0}.trade-counter-compose h4{margin:0 0 6px;color:var(--muted);font-size:.7rem}.trade-counter-compose>span{color:var(--accent-2);font-size:1.1rem}.trade-counter-compose>p,.trade-counter-compose>div:last-child{grid-column:1 / -1}.trade-counter-compose>div:last-child{display:flex;justify-content:flex-end;gap:7px}.empty-trades{color:var(--muted);text-align:center;padding:12px}.modal-footer{display:flex;align-items:center;gap:12px;padding:11px 22px;border-top:1px solid var(--border);background:#070a10bd}.modal-footer span{color:var(--muted);font-size:.72rem}.confirm-dialog{width:min(500px,100%);padding:24px;overflow:visible}.confirm-dialog p{color:#c7c0b4;line-height:1.55}.action-dialog{position:relative;width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:hidden}.action-dialog>.modal-close{position:absolute;z-index:2;top:12px;right:12px}.action-dialog>.eyebrow,.action-dialog>h2{padding-right:52px}.action-dialog>.construction-card{min-height:0;margin-top:14px;overflow-y:auto}.action-dialog-scroll{min-height:0;margin-top:14px;overflow-y:auto}.action-dialog-scroll>.panel+.panel{margin-top:10px}.embedded-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#e8d9b5;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.embedded-panel-title>span:last-child{color:var(--muted)}.card-unavailable-reason{flex:0 0 100%;margin-left:54px;color:var(--muted);font-size:.62rem}.command-use-dialog{width:min(540px,100%)}.command-use-dialog>.panel{border:0;background:transparent;padding:0}.empty-card-hand{margin:0;padding:18px;text-align:center}.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.danger-button{border-color:#8e4d43;color:#efb1a5;background:#6829226b}.command-card-preview{position:relative;margin:10px 0 7px;border:1px solid #5b5037;border-radius:9px;overflow:hidden;aspect-ratio:16 / 10;background:#080b12}.command-card-preview img{width:100%;height:100%;object-fit:cover}.command-card-preview strong{position:absolute;inset:auto 0 0;padding:18px 9px 7px;background:linear-gradient(transparent,#05080df0);color:#f2ead9;font-size:.82rem}.card-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.card-list li.selected{border-color:var(--accent-2)}.card-scene-select{min-width:0;flex:1;display:flex;align-items:center;gap:8px;padding:3px;border-color:transparent;background:transparent;text-align:left}.card-scene-select img{width:48px;height:38px;border-radius:5px;object-fit:cover;border:1px solid #51482f}.card-kind{font-weight:600;overflow:hidden;text-overflow:ellipsis}.premium-card-browser{container-type:inline-size}.focused-card-preview{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(220px,1.28fr);aspect-ratio:auto;min-height:230px;background:linear-gradient(145deg,#111824,#090d15);box-shadow:var(--ui-shadow)}.focused-card-preview>img{min-height:230px}.focused-card-preview>div{display:flex;flex-direction:column;gap:7px;padding:16px}.focused-card-preview>div>strong{position:static;padding:0;background:none;font:700 1.25rem/1.15 Georgia,serif}.focused-card-preview p{margin:0;color:#c8c1b4;font-size:.78rem;line-height:1.45}.focused-card-preview dl{display:grid;gap:4px;margin:auto 0 0}.focused-card-preview dl>div{display:grid;grid-template-columns:88px 1fr;gap:8px;padding-top:4px;border-top:1px solid var(--ui-border-soft)}.focused-card-preview dt{color:var(--muted);font-size:.66rem}.focused-card-preview dd{margin:0;font-size:.69rem}.card-hand-carousel{display:flex;gap:9px;margin:10px 0 0;padding:4px 2px 9px;overflow-x:auto;scroll-snap-type:x proximity;list-style:none}.card-hand-carousel li{flex:0 0 154px;min-width:0;padding:0;border:1px solid var(--ui-border-soft);border-radius:9px;overflow:hidden;scroll-snap-align:start;background:#0d131e;transition:transform var(--ui-transition),border-color var(--ui-transition)}.card-hand-carousel li:hover{transform:translateY(-2px)}.card-hand-carousel li.selected{border-color:var(--accent-2);box-shadow:inset 0 0 0 1px #cbb06a47}.card-hand-carousel li.unusable{filter:saturate(.55);opacity:.68}.card-hand-carousel .card-scene-select{display:grid;gap:0;padding:0}.card-hand-carousel .card-scene-select img{width:100%;height:88px;border:0;border-radius:0}.card-hand-carousel .card-kind{display:flex;min-height:58px;flex-direction:column;gap:3px;padding:8px;white-space:normal}.card-hand-carousel .card-kind small{color:var(--muted);font-size:.58rem;font-weight:500}.card-quantity{position:absolute;top:6px;right:6px;min-width:28px;padding:3px 7px;border-radius:999px;background:#d7b967;color:#111722;font-size:.72rem;text-align:center;box-shadow:0 2px 10px #0009}.card-hand-carousel .card-scene-select{position:relative}.command-card-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle,#141c2a99,#020408e0);animation:card-reveal-in .35s ease-out both}.command-card-reveal-card{width:min(760px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.2fr);overflow:hidden;border:1px solid #d7b967aa;border-radius:18px;background:linear-gradient(145deg,#151e2c,#090d15);box-shadow:0 28px 90px #000,0 0 60px #d7b96733}.command-card-reveal-card>img{width:100%;height:100%;min-height:390px;object-fit:cover}.command-card-reveal-card>div{display:flex;flex-direction:column;justify-content:center;gap:15px;padding:clamp(24px,5vw,52px)}.command-card-reveal-card span{color:#d7b967;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.command-card-reveal-card strong{font:700 clamp(1.7rem,4vw,2.7rem)/1.05 Georgia,serif;color:#f3e5bd}.command-card-reveal-card p{color:#d0c9bb;line-height:1.6}.command-card-reveal.exiting{animation:card-reveal-to-inventory .45s ease-in both}@keyframes card-reveal-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes card-reveal-to-inventory{to{opacity:0;transform:translate(38vw,34vh) scale(.18)}}@media (max-width: 620px){.command-card-reveal-card{grid-template-columns:1fr}.command-card-reveal-card>img{height:240px;min-height:0}.command-card-reveal-card>div{padding:22px}}.focused-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}@container (max-width: 520px){.focused-card-preview{grid-template-columns:1fr}.focused-card-preview>img{height:145px;min-height:0}.card-hand-carousel li{flex-basis:132px}}.trade-offer{border-top:1px solid var(--border);padding:8px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.trade-offer p{flex-basis:100%;margin:0 0 4px;font-size:.85rem}.trade-invalid{flex-basis:100%;color:#e0a184}.host-settings,.lobby-settings{display:grid;gap:10px}.lobby-settings{margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:8px;background:#080c1480}.inline-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-label{display:flex;flex-direction:row;align-items:center;gap:8px}.check-label input{width:auto}.victory-conditions p{margin:4px 0}.arrow{color:var(--muted);font-size:.8rem;margin:4px 0;display:block}.leave{margin-top:auto}.raider-step{border-color:var(--gold)}.step-tag{display:inline-block;background:var(--gold);color:#1a1206;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:5px;margin-bottom:6px}.victim-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.victim-list .victim{display:flex;align-items:center;gap:8px;text-align:left}.victim-list .victim .subtle{margin-left:auto}button.ghost{background:transparent;border-style:dashed;color:var(--muted)}.raider-preview{fill:#ffe9a0;animation:raider-land .5s ease-out}@keyframes raider-land{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}button:focus-visible,.res-chip:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.dice.rolling .die{animation:none}}@media (orientation: landscape) and (max-width: 1180px){.game{grid-template-columns:minmax(0,1fr) 300px}.game.sidebar-is-collapsed,.game.build-is-collapsed.sidebar-is-collapsed{grid-template-columns:minmax(0,1fr) 46px}.game.build-is-collapsed{grid-template-columns:minmax(0,1fr) 300px}.sidebar{padding:10px max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) 10px;gap:10px}.panel{padding:10px}}@media (orientation: portrait) and (max-width: 1100px){.game{position:relative;grid-template-columns:1fr;grid-template-rows:48vh minmax(0,1fr);grid-template-rows:48dvh minmax(0,1fr)}.game.sidebar-is-collapsed,.game.build-is-collapsed,.game.build-is-collapsed.sidebar-is-collapsed{grid-template-columns:1fr;grid-template-rows:48dvh 46px}.build-sidebar{inset:auto auto auto max(6px,env(safe-area-inset-left,0px));top:24dvh;width:auto;max-width:calc(100% - 12px)}.build-sidebar.collapsed{width:auto;height:auto}.board-wrap{grid-row:1}.sidebar{grid-row:2}.sidebar.collapsed{width:100%;border-top:1px solid var(--border);border-left:0}.sidebar{border-left:none;border-top:1px solid var(--border);padding-left:max(12px,env(safe-area-inset-left,0px))}.board{max-height:none}.topbar{padding-right:max(12px,env(safe-area-inset-right,0px));padding-left:max(12px,env(safe-area-inset-left,0px))}.brand{font-size:.9rem}.action-bar button.big{padding:14px}.modal-backdrop{padding:8px}.trade-modal{max-height:calc(100vh - 16px)}.modal-header,.trade-modal-body,.modal-footer,.trade-hold,.trade-tabs{padding-inline:14px}.trade-resource-buttons{grid-template-columns:1fr 1fr}.trade-compose{grid-template-columns:1fr}.rate-grid{grid-template-columns:repeat(3,1fr)}.game-action-rail{left:max(5px,env(safe-area-inset-left,0px));gap:5px;padding:5px}.game-action-rail button{width:52px;min-height:50px}.game-action-rail img{width:25px;height:25px}}@media (max-width: 560px){:root{--hud-action-width: 98px;--hud-control-gap: 6px;--supply-panel-width: calc(100vw - 116px) }.game-action-rail{top:50%;bottom:auto;grid-template-columns:1fr;transform:translateY(-50%)}.game-action-rail button{width:50px;min-height:46px}.turn-actions{bottom:max(4px,env(safe-area-inset-bottom,0px));padding:4px}.turn-actions button{min-width:0;padding-inline:7px}.card-flow-controls{min-width:calc(100% - 20px)}.resource-drawer .hand-list{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.resource-drawer-sheet{padding-inline:7px}.resource-drawer .hand-list{gap:4px}.resource-drawer .hand-row{padding:6px 3px}.resource-drawer .hand-icon{width:28px;height:28px}.resource-drawer .hand-icon img{width:26px;height:26px}.resource-drawer .hand-name{font-size:.58rem}.resource-drawer .hand-count{font-size:.98rem}.topbar{gap:8px}.room-code{display:none}.center-card{margin:16px auto;padding:20px}.lobby-actions{flex-direction:column}.modal-footer span{display:none}.trade-resource-buttons{grid-template-columns:1fr}}@media (orientation: portrait) and (max-width: 1100px){.game:has(.renderer-host[data-renderer-mode=three]),.game.sidebar-is-collapsed:has(.renderer-host[data-renderer-mode=three]){position:relative;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);overflow:hidden}.game:has(.renderer-host[data-renderer-mode=three])>.build-sidebar{top:50%}.game:has(.renderer-host[data-renderer-mode=three]) .sidebar{position:absolute;z-index:118;inset:0 0 0 auto;width:min(360px,calc(100% - 46px));border-top:0;border-left:1px solid var(--border);box-shadow:-16px 0 38px #0006}.game:has(.renderer-host[data-renderer-mode=three]) .sidebar.collapsed{width:46px;height:100%;border-top:0;border-left:1px solid var(--border);box-shadow:none}}.menu-root{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;background:#050912;animation:menu-root-in .36s ease both}@keyframes menu-root-in{0%{opacity:0}}::view-transition-old(root){animation:.28s ease both menu-view-out}::view-transition-new(root){animation:.34s ease both menu-view-in}@keyframes menu-view-out{to{opacity:0;filter:blur(2px)}}@keyframes menu-view-in{0%{opacity:0;filter:blur(2px)}}html[data-reduced-motion=true] .menu-root{animation:none}@media (prefers-reduced-motion: reduce){.menu-root,::view-transition-old(root),::view-transition-new(root){animation:none!important}}.menu-root button{letter-spacing:.01em}.menu-scroll{overflow-y:auto}.menu-scroll .center-card{position:relative;z-index:4;width:min(940px,calc(100% - 40px));max-width:940px;margin:92px auto 40px;background:#0b1019f5}.menu-transition-loader{position:relative;z-index:4;min-height:100dvh;display:grid;place-content:center;justify-items:center;padding:32px;text-align:center;animation:menu-destination-in .18s ease both}.menu-transition-loader h1{margin:9px 0 5px;color:#e9e2d6;font:400 clamp(1.65rem,4vw,2.65rem) Georgia,serif}.menu-transition-loader p{margin:0;color:#88929e;font-size:.72rem}.menu-transition-spinner{width:38px;height:38px;margin-bottom:20px;border:1px solid rgba(205,187,133,.22);border-top-color:#cdbb85;border-radius:50%;animation:menu-destination-spin .75s linear infinite}@keyframes menu-destination-spin{to{transform:rotate(360deg)}}@keyframes menu-destination-in{0%{opacity:0;transform:translateY(6px)}}html[data-reduced-motion=true] .menu-transition-spinner{animation-duration:1.6s}.menu-scene{--scene-x: 0;--scene-y: 0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:#050912 url(/assets/backgrounds/Space1.png) center/cover no-repeat;pointer-events:none;contain:strict}.menu-scene:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 46%,rgba(67,85,112,.16),transparent 34%),linear-gradient(90deg,#04080fe6,#04080f8f 42%,#04080f1a 74%,#04080f6b)}.menu-stars{position:absolute;z-index:0;top:-10%;right:-10%;bottom:-10%;left:-10%;opacity:.36;transform:translate(calc(var(--scene-x) * -8px),calc(var(--scene-y) * -5px));transition:transform .9s ease-out;background-image:radial-gradient(#fff 0 1px,transparent 1.4px),radial-gradient(#b6c6d5 0 1px,transparent 1.4px);background-size:83px 83px,137px 137px;background-position:0 0,41px 65px}.menu-nebula{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(38px);will-change:transform}.menu-nebula-far{right:12%;top:0;width:60vw;height:52vh;opacity:.14;background:radial-gradient(ellipse,rgba(58,89,130,.5),rgba(53,36,78,.2) 45%,transparent 72%);animation:menu-haze-far 54s ease-in-out infinite alternate}.menu-nebula-near{right:-18%;bottom:-27%;width:67vw;height:55vh;opacity:.1;background:radial-gradient(ellipse,rgba(58,104,128,.48),transparent 69%);animation:menu-haze-near 41s ease-in-out infinite alternate}.menu-space-canvas{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transform:translateZ(0);transition:opacity .8s ease}.menu-scene.has-webgl .menu-space-canvas{opacity:1}.menu-planet{position:absolute;z-index:2;right:clamp(-110px,2vw,80px);top:16%;width:min(48vw,670px);aspect-ratio:1;border-radius:50%;opacity:1;transform:translate(calc(var(--scene-x) * -20px),calc(var(--scene-y) * -13px));transition:transform 1s ease-out,opacity .65s ease;background:#1b2835 url(/assets/planets/earth-sphere.webp) center/cover;box-shadow:inset -72px -28px 110px #000000c7,inset 25px 10px 54px #dcc69614,0 0 70px #5672881c;animation:menu-planet-drift 28s ease-in-out infinite alternate}.menu-scene.has-webgl .menu-planet{opacity:0}.menu-planet-drag-target{position:fixed;z-index:8;right:clamp(-110px,2vw,80px);top:16%;width:min(48vw,670px);aspect-ratio:1;border-radius:50%;pointer-events:none;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;cursor:grab}.menu-root:has(.home-menu) .menu-planet-drag-target.is-live{pointer-events:auto}.menu-planet-drag-target[data-dragging=true]{cursor:grabbing}.menu-planet:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:1px solid rgba(177,198,205,.18);box-shadow:inset 12px 0 24px #b4cfd714}.menu-planet span{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border:1px solid rgba(203,176,106,.14);border-radius:50%;transform:rotate(-18deg) scaleY(.26)}.menu-readability-shade{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(3,6,12,.72) 0%,rgba(3,6,12,.48) 37%,rgba(3,6,12,.08) 68%,transparent 84%)}.menu-vignette{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 58% 48%,transparent 37%,rgba(2,4,8,.59) 100%)}@keyframes menu-planet-drift{to{translate:8px 7px}}@keyframes menu-haze-far{to{transform:translate3d(-4vw,3vh,0)}}@keyframes menu-haze-near{to{transform:translate3d(-5vw,-3vh,0)}}.menu-scene-flat:before{background:linear-gradient(90deg,#03070deb,#03070d80 58%,#03070d47)}.menu-flat-board{position:absolute;right:5%;top:10%;width:min(56vw,760px);height:min(78vh,760px);transform:perspective(1100px) rotateX(54deg) rotate(-17deg) translate(calc(var(--scene-x) * -10px),calc(var(--scene-y) * -8px));transition:transform 1s ease-out;filter:saturate(.72) brightness(.78)}.menu-flat-board>img:not(.menu-flat-structure){position:absolute;width:29%;aspect-ratio:1;object-fit:cover;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.72))}.menu-flat-board>img:nth-child(1){left:35%;top:3%}.menu-flat-board>img:nth-child(2){left:11%;top:27%}.menu-flat-board>img:nth-child(3){left:59%;top:27%}.menu-flat-board>img:nth-child(4){left:35%;top:51%}.menu-flat-board>img:nth-child(5){left:11%;top:75%}.menu-flat-board>img:nth-child(6){left:59%;top:75%}.menu-flat-board>img:nth-child(7){left:35%;top:99%}.menu-flat-structure{position:absolute;z-index:3;left:48%;top:56%;width:80px;filter:drop-shadow(0 10px 8px #000)}.menu-flat-orbit{position:absolute;right:9%;top:18%;animation:flat-orbit 20s ease-in-out infinite alternate}.menu-flat-orbit img{width:72px;opacity:.7;filter:drop-shadow(0 7px 10px #000)}@keyframes flat-orbit{to{translate:-200px 80px}}.menu-animation-reduced .menu-nebula{animation-duration:90s;opacity:.07}.menu-scene.is-static *,html[data-reduced-motion=true] .menu-scene *{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){.menu-scene *{animation:none!important;transition:none!important}}.menu-topbar{position:relative;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,70px);border-bottom:1px solid rgba(145,153,165,.18);background:linear-gradient(180deg,#050910d6,#05091047);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-wordmark{display:flex;align-items:center;gap:13px;min-height:0;padding:2px;border:0;background:transparent;text-align:left;transition:opacity .18s ease}.menu-wordmark:hover{opacity:.9}.menu-wordmark .brand-mark{display:grid;place-items:center;width:44px;height:44px;color:#ddc98c;border:1px solid #8c7a52;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:radial-gradient(circle at 40% 30%,#1d2532,#10151d);font-size:.82rem;font-weight:800;letter-spacing:.04em;box-shadow:inset 0 0 12px #cbb06a24}.menu-wordmark>span:last-child{display:grid;gap:2px}.menu-wordmark b{color:#f1ebdd;font-size:1.02rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.6)}.menu-wordmark small{color:#9aa2b0;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase}.menu-header-actions{display:flex;align-items:center;gap:14px}.menu-status{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid rgba(139,149,165,.12);border-radius:5px;background:#090d1466;color:#838c99;font-size:.64rem;text-transform:uppercase;letter-spacing:.07em}.menu-status span{display:flex;align-items:center;gap:6px}.menu-status>span:not(:first-child){padding-left:8px;border-left:1px solid rgba(139,149,165,.14)}.menu-status button{width:38px;height:38px;min-height:0;padding:0;border-color:#8b95a533;background:#0e141da8}.online,.offline{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6fae74;box-shadow:0 0 0 3px #6fae741a}.offline{background:#b56c5d}.global-back{position:fixed;z-index:15;top:91px;left:clamp(20px,4vw,68px);min-height:34px;padding:5px 11px;border-color:#8b95a533;background:#080d15bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#b6bdc6}.menu-footer{position:fixed;z-index:10;inset:auto 0 0;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,4vw,70px);border-top:1px solid rgba(139,149,165,.12);background:#05080e9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#828b98;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;opacity:.78;transition:opacity .22s ease}.menu-footer:hover{opacity:1}.menu-footer>span{color:#949daa}.menu-footer nav{display:flex;gap:8px}.menu-footer button{min-height:28px;padding:2px 8px;border:0;border-radius:3px;background:transparent;color:#8a929e;font-size:inherit;text-transform:inherit;transition:color .18s ease,background .18s ease}.menu-footer button:hover,.menu-footer button:focus-visible{color:#d6ccae;background:#c9a9611a;outline:none}.home-menu{position:relative;z-index:2;height:calc(100dvh - 118px);overflow:hidden;display:grid;grid-template-columns:minmax(0,clamp(600px,42vw,960px));align-items:center;padding:clamp(16px,3vh,32px) clamp(24px,7vw,120px) clamp(48px,6vh,64px) clamp(40px,6vw,168px)}.home-menu:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:min(74vw,1240px);background:linear-gradient(90deg,rgba(3,6,12,.84) 0%,rgba(3,6,12,.58) 32%,rgba(3,6,12,.22) 64%,transparent 100%);pointer-events:none}.home-hero{min-width:0;display:grid;justify-items:start;gap:clamp(12px,1.7vh,22px)}.hero-title{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(3rem,5.4vw,6.4rem);line-height:.95;letter-spacing:.015em;text-transform:uppercase;color:#f2ecdd;text-shadow:0 2px 2px rgba(0,0,0,.6),0 12px 42px rgba(0,0,0,.5)}.hero-slogan{margin:0;max-width:24ch;font-family:Georgia,serif;font-weight:400;font-size:clamp(1.18rem,1.75vw,1.95rem);line-height:1.25;color:#e4c67a;text-shadow:0 1px 2px rgba(0,0,0,.55)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.hero-slogan{background:linear-gradient(92deg,#ecd695,#cba653 52%,#e6c885);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.hero-desc{margin:0;max-width:48ch;color:#b4bbc5;font-size:clamp(.92rem,1.02vw,1.14rem);line-height:1.6;text-shadow:0 1px 10px rgba(0,0,0,.6)}.home-actions{width:min(600px,100%);margin-top:clamp(4px,1.2vh,14px);display:grid;gap:clamp(12px,1.7vh,22px)}.home-actions-primary{display:grid;gap:clamp(8px,1.1vh,13px)}.menu-action{position:relative;border-radius:3px;text-align:left;background:linear-gradient(90deg,#121924b8,#0f151f24);border:1px solid rgba(139,149,165,.16);border-left:2px solid rgba(139,149,165,.26);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.menu-action:hover,.menu-action:focus-visible{transform:translate(4px);border-left-color:#c9a961;box-shadow:inset 2px 0 #c9a9618c,0 7px 24px #00000052;background:linear-gradient(90deg,#252a2dd1,#0f151f3d);outline:none}.menu-action:focus-visible{border-color:#c9a96199;box-shadow:inset 2px 0 #c9a961,0 0 0 2px #c9a9618c,0 7px 24px #00000052}.menu-action-arrow{color:#9e8955;font-weight:300;transition:transform .2s ease,color .2s ease}.menu-action:hover .menu-action-arrow,.menu-action:focus-visible .menu-action-arrow{transform:translate(4px);color:#d8bd76}.is-primary{min-height:clamp(54px,6.6vh,70px);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:16px;padding:9px 15px 9px 18px}.is-primary .menu-action-label{font-family:Georgia,serif;font-size:clamp(1.06rem,1.35vw,1.42rem);color:#ece7da}.is-primary .menu-action-sub{grid-column:1;color:#838c99;font-size:clamp(.62rem,.74vw,.8rem)}.is-primary .menu-action-arrow{grid-column:2;grid-row:1 / 3;align-self:center;font-size:1.55rem}.continue-action{border:1px solid rgba(201,169,97,.42);border-left:3px solid #c9a961;background:linear-gradient(90deg,#4e402066,#14181e33)}.continue-action .menu-action-sub{color:#c6ae78}.home-actions-secondary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.is-secondary{min-height:48px;display:grid;align-content:center;gap:1px;padding:6px 13px}.is-secondary .menu-action-label{font-family:Georgia,serif;font-size:clamp(.88rem,1vw,1.02rem);color:#ccd2da}.is-secondary small{color:#6f7885;font-size:clamp(.56rem,.66vw,.68rem)}html[data-reduced-motion=true] .menu-action,html[data-reduced-motion=true] .menu-action-arrow{transition:none}html[data-reduced-motion=true] .menu-action:hover,html[data-reduced-motion=true] .menu-action:focus-visible{transform:none}.menu-notice{padding:8px 11px;border-left:2px solid #c1873a;background:#c1873a14;font-size:.75rem}@media (min-width: 1920px){.home-menu{padding-left:clamp(96px,8vw,260px);grid-template-columns:minmax(0,clamp(720px,40vw,1040px))}}@media (min-width: 2560px){.home-menu{padding-left:clamp(140px,8vw,340px)}.home-actions{width:min(680px,100%)}}@media (min-aspect-ratio: 21/9) and (min-width: 1600px){.home-menu{grid-template-columns:minmax(0,780px);padding-left:clamp(80px,6vw,220px)}}.menu-root button:focus-visible,.menu-root a:focus-visible,.menu-root input:focus-visible,.menu-root select:focus-visible{outline:2px solid rgba(201,169,97,.7);outline-offset:2px;border-radius:3px}.menu-action:focus-visible{outline:none}.commander-menu{position:relative}.commander-trigger{min-width:0;min-height:38px;display:flex;align-items:center;gap:9px;padding:5px 11px;border-color:#cbb06a4d;border-radius:4px;color:#d9d2c6;background:linear-gradient(135deg,#19202be6,#0a0f17c2);font-size:.72rem}.commander-trigger>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commander-trigger>b{color:#9b8a61;font-size:.7rem;font-weight:400}.commander-popover{position:absolute;z-index:40;top:calc(100% + 12px);right:0;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 96px);overflow-y:auto;padding:18px;border:1px solid rgba(139,149,165,.28);border-top-color:#cbb06a9e;background:linear-gradient(150deg,#151c27fa,#080d15fa);box-shadow:0 24px 80px #000000a6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:commander-popover-in .16s ease both}@keyframes commander-popover-in{0%{opacity:0;transform:translateY(-5px)}}.commander-popover-close{position:absolute;top:9px;right:9px;width:30px;height:30px;min-height:0;padding:0;border:0;color:#838d99;background:transparent;font-size:1.2rem}.commander-emblem{width:44px;height:44px;display:grid;place-items:center;margin-bottom:10px;clip-path:polygon(50% 0,92% 23%,92% 77%,50% 100%,8% 77%,8% 23%);color:#ddc985;background:radial-gradient(circle,#2d3540,#111720);font-family:Georgia,serif;font-size:.95rem}.commander-popover h2{margin:3px 0;font-family:Georgia,serif;font-weight:400;font-size:1.15rem}.commander-popover>p{margin:8px 0;color:#949daa;font-size:.68rem;line-height:1.45}.commander-popover>p i{margin-right:5px}.commander-popover>small{color:#6f7885;font-size:.62rem}.commander-popover input{width:100%;margin-top:10px}.commander-create-button{width:100%;margin-top:7px}.commander-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(139,149,165,.15);color:#737d89;font-size:.56rem;text-transform:uppercase}.commander-identity code{color:#d4c486;font-size:.65rem}.commander-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(139,149,165,.15)}.commander-meta span{display:grid;gap:3px;color:#737d89;font-size:.56rem;text-transform:uppercase}.commander-meta b{color:#d5cdbf;font-size:.72rem}.commander-settings-link{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:7px 10px;border-color:#8b95a529;border-radius:2px;color:#aaa28f;background:#080d1473;font-size:.66rem;text-align:left}html[data-reduced-motion=true] .commander-popover{animation:none}.mode-selection,.simple-menu-screen,.lobby-browser{position:relative;z-index:3;height:calc(100dvh - 118px);overflow-y:auto;padding:68px clamp(24px,5vw,90px) 80px}.mode-selection>header{max-width:720px;margin:0 auto 24px;text-align:center}.mode-selection h1,.simple-menu-screen>h1,.lobby-browser h2{margin:3px 0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:400}.mode-selection header p,.simple-menu-screen>p{color:#9ba3ae}.premium-mode-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.premium-mode-card{min-width:0;overflow:hidden;border:1px solid rgba(139,149,165,.22);border-top-color:#c7ad6466;background:#0b1019eb;box-shadow:0 20px 50px #0000004d}.mode-art{position:relative;height:160px;overflow:hidden;background:#0b1018}.mode-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0b1019,transparent 70%)}.mode-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.72);transition:transform .4s ease}.premium-mode-card:hover .mode-art img{transform:scale(1.025)}.mode-art span{position:absolute;z-index:1;left:18px;bottom:10px;color:#c7b77f;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.mode-card-body{padding:18px}.mode-card-body h2{margin:0;font-family:Georgia,serif;font-weight:400}.mode-card-body>p{min-height:76px;color:#9da5af;font-size:.78rem;line-height:1.55}.mode-facts{display:grid;gap:5px;padding:10px 0;border-block:1px solid rgba(139,149,165,.15);color:#a9b0ba;font-size:.68rem}.mode-facts span{display:flex;justify-content:space-between}.mode-facts b{color:#bba15d;letter-spacing:.1em}.mode-mechanics{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:122px}.mode-mechanics ul{margin:10px 0;padding:0;list-style:none;color:#aab1bb;font-size:.68rem;line-height:1.65}.mode-mechanics ul:first-child{color:#d4cab5}.mode-card-body>button{width:100%;display:flex;justify-content:space-between}.first-launch{position:relative;z-index:4;width:min(760px,calc(100% - 30px));margin:8vh auto;padding:clamp(24px,4vw,48px);border:1px solid rgba(203,176,106,.35);background:#090e17f0;box-shadow:0 30px 100px #000;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.first-launch h1{margin:5px;font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:400}.first-launch>p{color:#a6adb7;line-height:1.55}.first-launch-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.first-launch-options button{min-height:190px;display:grid;grid-template-rows:105px auto auto;gap:5px;overflow:hidden;padding:0 0 13px;border-radius:0;background:#101722}.first-launch-options img{width:100%;height:105px;object-fit:cover;filter:saturate(.65) brightness(.72)}.first-launch-options b{font-family:Georgia,serif;font-size:1.1rem}.first-launch-options em{padding:2px 5px;color:#1c1608;background:#cbb06a;font:600 .52rem Segoe UI;text-transform:uppercase}.first-launch-options small{color:#858e9b}.first-launch-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.first-launch-modes span{display:grid;padding:8px;border-top:1px solid #5f563c;color:#858e99;font-size:.66rem}.first-launch-modes b{color:#ddd3c0}.first-launch-actions{display:flex;justify-content:center;gap:9px;margin-top:22px}.simple-menu-screen{max-width:1100px;margin:0 auto}.tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.tutorial-grid article,.credits-screen section,.replay-list article,.screen-empty{padding:22px;border:1px solid rgba(139,149,165,.2);background:#0b111ae6}.tutorial-grid article>b{color:#bba15d;font-family:Georgia,serif;font-size:1.8rem}.tutorial-grid h2,.replay-list h2{font-family:Georgia,serif;font-weight:400}.tutorial-grid p,.credits-screen section p,.replay-list p,.screen-empty p{color:#9aa3ae;line-height:1.55}.replay-list{display:grid;gap:9px;margin:24px 0}.replay-list article{display:flex;align-items:center;justify-content:space-between}.replay-list h2,.replay-list p{margin:2px 0}.replay-badge{padding:4px 8px;color:#8ec397;border:1px solid rgba(111,174,116,.4);font-size:.66rem;text-transform:uppercase}.screen-empty{text-align:center}.screen-empty>span{color:#bba15d;font-size:2rem}.settings-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;padding:3vh 3vw;background:#02050ac7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-window{width:min(1280px,100%);height:min(900px,94vh);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(158,143,97,.48);background:#0c121c;box-shadow:0 30px 120px #000}.settings-header,.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid rgba(139,149,165,.18)}.settings-header h2{margin:0;font-family:Georgia,serif;font-weight:400}.settings-layout{min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr)}.settings-nav{min-height:0;display:flex;flex-direction:column;padding:14px 0;border-right:1px solid rgba(139,149,165,.16);overflow-y:auto;background:#090e16}.settings-nav button{min-height:42px;padding:8px 18px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:#929ba8;text-align:left;font-size:.75rem}.settings-nav button.active{color:#ece3d2;border-left-color:#cbb06a;background:linear-gradient(90deg,rgba(203,176,106,.11),transparent)}.settings-content{min-height:0;overflow-y:auto;padding:20px clamp(18px,3vw,38px) 45px}.settings-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.settings-section-heading h3{margin:2px 0;font:400 1.6rem Georgia,serif}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.settings-grid label,.settings-content>label{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,230px);align-items:center;gap:14px;min-height:54px;margin:0;padding:7px 0;border-bottom:1px solid rgba(139,149,165,.11)}.settings-grid label>span,.settings-content>label>span{display:grid;color:#d6d0c4}.settings-grid small,.settings-content label small{color:#78818d;font-size:.6rem}.settings-grid select,.settings-content label select,.binding-list input{min-height:36px;margin:0;padding-block:5px;font-size:.75rem}.setting-range{display:block;margin:12px 0}.setting-range>span{display:flex;justify-content:space-between;color:#cfc8bb;font-size:.76rem}.setting-range output{color:#bba15d}.setting-range input{width:100%;accent-color:#b99c53}.settings-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 18px;margin:12px 0}.setting-check{min-height:46px;display:flex;align-items:center;gap:9px;margin:0;padding:6px 0;border-bottom:1px solid rgba(139,149,165,.1)}.setting-check input{width:auto;min-height:0;margin:0;accent-color:#bba15d}.setting-check span{display:grid;color:#cfc9bd;font-size:.74rem}.setting-check small{color:#78818d;font-size:.58rem}.settings-notice{padding:10px 12px;border-left:2px solid #9e8955;color:#aba38f;background:#9e895514;font-size:.7rem;line-height:1.5}.settings-footer{justify-content:flex-end;border-top:1px solid rgba(139,149,165,.18);border-bottom:0}.settings-footer span{margin-right:auto;color:#818a97;font-size:.66rem}.settings-footer .danger-button{margin-right:8px}.settings-preview{height:138px;display:flex;align-items:center;gap:18px;margin-bottom:18px;padding:18px;border:1px solid rgba(139,149,165,.18);background:radial-gradient(circle at 20%,#1b2c3a,#080d15 47%);overflow:hidden}.settings-preview>div:last-child{display:grid;gap:4px}.settings-preview small{color:#8993a0}.preview-planet{width:98px;aspect-ratio:1;flex:none;border-radius:50%;background:url(/assets/planets/earth-sphere.webp) center/cover;box-shadow:inset -18px -5px 28px #000,0 0 30px #71909b1f}.preview-flat .preview-planet{border-radius:0;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);background-image:url(/assets/terrain/Bio1.png)}.binding-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.binding-list label{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:12px;margin:0;padding:5px 0;border-bottom:1px solid rgba(139,149,165,.1)}.binding-list label>span{display:grid;color:#d0c9bc}.binding-list label.conflict{color:#e69a87}.binding-list small{color:#cf6f5c}.network-status{display:flex;align-items:center;gap:10px;padding:13px;background:#6fae7412;border:1px solid rgba(111,174,116,.22)}.network-status i{width:9px;height:9px;border-radius:50%;background:#6fae74}.network-status span{display:grid}.network-status small{color:#82908a}.settings-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.lobby-browser{padding-top:52px}.browser-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;max-width:1540px;margin:0 auto 16px}.browser-header h2{font-size:2.4rem}.browser-header p{margin:3px 0;color:#8f98a4;font-size:.75rem}.browser-header-actions{display:flex;align-items:center;gap:8px}.network-pill{min-height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(139,149,165,.18);color:#8f98a5;background:#090e16bd;font-size:.67rem}.network-pill i{width:7px;height:7px;border-radius:50%;background:#6fae74}.browser-methods{max-width:1540px;display:flex;align-items:center;margin:0 auto;border-bottom:1px solid rgba(139,149,165,.18)}.browser-methods button{min-height:39px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#858e9a;font-size:.72rem}.browser-methods button.active{color:#e4ddcf;border-color:#c0a45d}.browser-methods span{margin-left:auto;color:#6f7885;font-size:.6rem}.browser-filters{max-width:1540px;display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(5,minmax(115px,1fr)) auto;gap:7px;margin:10px auto}.browser-filters input,.browser-filters select{min-height:36px;margin:0;padding:5px 8px;font-size:.7rem}.browser-filters button{min-height:36px;padding:5px 8px;font-size:.65rem}.browser-filter-toggles{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:12px}.browser-filter-toggles label{margin:0;font-size:.62rem}.browser-filter-toggles input{width:auto;min-height:0;vertical-align:middle;accent-color:#bba15d}.browser-error{max-width:1540px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px auto;padding:8px 12px;border-left:2px solid #cf6f5c;background:#963e301f;color:#e3a99c;font-size:.7rem}.browser-error button{min-height:30px}.browser-body{max-width:1540px;min-height:470px;display:grid;grid-template-columns:minmax(700px,1fr) 320px;gap:12px;margin:0 auto}.lobby-list{min-width:0;border:1px solid rgba(139,149,165,.18);background:#080d15e0}.lobby-row{min-height:65px;display:grid;grid-template-columns:minmax(170px,1.5fr) minmax(100px,1fr) 86px 125px 91px 78px 72px 112px;align-items:center;gap:9px;padding:7px 10px;border-bottom:1px solid rgba(139,149,165,.1);color:#b8bec7;font-size:.67rem;transition:background .14s ease,box-shadow .14s ease}.lobby-row:not(.lobby-columns):hover,.lobby-row.selected{background:#4e493638;box-shadow:inset 2px 0 #bba15d}.lobby-columns{min-height:34px;color:#727c88;background:#131a25e0;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}.lobby-name{min-width:0;display:grid}.lobby-name b{overflow:hidden;color:#e1dacf;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:.84rem;font-weight:400}.lobby-row small{display:block;overflow:hidden;color:#737d89;text-overflow:ellipsis;white-space:nowrap;font-size:.56rem}.lobby-row [data-label=Status]{display:flex;align-items:center;gap:5px}.status-mark{display:inline-block;width:8px;height:8px;border:1px solid currentColor;border-radius:50%;background:transparent}.status-waiting{color:#c9a95c}.status-ready{color:#78af7c;background:currentColor}.status-in_progress{color:#8b96a5;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.status-reconnecting{color:#b78361;border-style:dashed}.status-full{color:#ad7370;background:currentColor}.signal-bars{display:inline-block;width:10px;height:9px;margin-right:4px;background:linear-gradient(90deg,#778490 0 20%,transparent 20% 30%,#778490 30% 55%,transparent 55% 65%,#778490 65%);clip-path:polygon(0 70%,25% 70%,25% 45%,60% 45%,60% 20%,100% 20%,100% 100%,0 100%)}.lobby-row button.compact{width:100%;min-height:32px;padding:4px 6px;font-size:.6rem}.lobby-skeleton span{height:13px;border-radius:2px;background:linear-gradient(90deg,#8b95a512,#8b95a52e,#8b95a512);background-size:200% 100%;animation:skeleton 1.4s linear infinite}@keyframes skeleton{to{background-position:-200% 0}}.browser-empty{min-height:330px;display:grid;place-content:center;justify-items:center;padding:30px;color:#87919e;text-align:center}.browser-empty>span{color:#aa9358;font-size:2rem}.browser-empty h3{margin:8px 0 0;color:#d8d1c5;font-family:Georgia,serif;font-weight:400}.browser-empty p{font-size:.72rem}.browser-empty>div{display:flex;gap:8px}.lobby-details{min-width:0;padding:18px;border:1px solid rgba(139,149,165,.18);border-top-color:#bba15d73;background:#0b111af0}.lobby-details.empty{display:grid;align-content:center;justify-items:center;color:#7d8794;text-align:center}.detail-emblem{width:58px;height:58px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 23%,92% 77%,50% 100%,8% 77%,8% 23%);background:#202936;color:#bba15d}.lobby-details h3{margin:4px 0;font:400 1.35rem Georgia,serif}.lobby-details header p,.lobby-details.empty p{color:#858f9b;font-size:.68rem;line-height:1.5}.detail-status{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.detail-status span{display:flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid rgba(139,149,165,.16);color:#aab2bc;font-size:.57rem}.lobby-details dl{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin:0}.lobby-details dl>div{padding:6px 0;border-bottom:1px solid rgba(139,149,165,.1)}.lobby-details dt{color:#747e8b;font-size:.55rem;text-transform:uppercase}.lobby-details dd{margin:2px 0 0;color:#c9c2b6;font-size:.66rem}.detail-players{margin-top:13px}.detail-players h4{margin:0 0 4px;color:#8f98a3;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}.detail-players>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid rgba(139,149,165,.08)}.detail-players i{width:7px;height:7px;border-radius:50%}.detail-players span{display:grid}.detail-players b{color:#d7d0c4;font-size:.68rem}.detail-players small{color:#727c88;font-size:.52rem}.detail-players em{color:#7f8b96;font-size:.53rem;font-style:normal}.detail-warning{padding:7px;border-left:2px solid #9e8955;color:#a79d82;background:#9e895512;font-size:.58rem;line-height:1.45}.detail-join{width:100%;margin-top:12px}.disabled-reason{display:block;margin-top:5px;color:#808996;text-align:center;font-size:.55rem}.password-dialog label{text-align:left}@media (max-width: 1180px){.home-menu{grid-template-columns:minmax(0,660px);gap:35px;padding-inline:4vw}.premium-mode-grid{grid-template-columns:1fr;max-width:760px}.premium-mode-card{display:grid;grid-template-columns:250px 1fr}.mode-art{height:100%}.mode-card-body>p{min-height:0}.browser-body{grid-template-columns:1fr 290px}.lobby-row{grid-template-columns:minmax(160px,1.4fr) 96px 78px 116px 82px 72px 104px}.lobby-row>span:nth-child(7),.lobby-columns>span:nth-child(7){display:none}.browser-filters{grid-template-columns:repeat(4,minmax(120px,1fr))}.browser-search{grid-column:span 2}}@media (max-width: 1450px) and (min-width: 861px){.browser-body{grid-template-columns:minmax(0,1fr) 300px}.lobby-row{grid-template-columns:minmax(150px,1.4fr) 96px 78px 116px 82px 72px 104px}.lobby-row>span:nth-child(7),.lobby-columns>span:nth-child(7){display:none}.browser-filters{grid-template-columns:repeat(4,minmax(120px,1fr))}.browser-search{grid-column:span 2}}@media (max-width: 860px){.menu-root{overflow-y:auto}.menu-footer{position:relative}.home-menu{height:auto;min-height:calc(100dvh - 118px);grid-template-columns:1fr;align-items:start;gap:25px;padding-top:55px;padding-bottom:70px}.hero-title{font-size:clamp(2.6rem,10vw,4.8rem)}.home-actions{width:min(560px,100%)}.commander-card{width:min(520px,100%)}.menu-planet,.menu-planet-drag-target{right:-180px;width:75vw}.menu-planet{opacity:.72}.settings-overlay{padding:0}.settings-window{height:100dvh}.settings-layout{grid-template-columns:160px 1fr}.settings-grid,.settings-check-grid,.binding-list{grid-template-columns:1fr}.browser-header{align-items:flex-start;flex-direction:column}.browser-body{grid-template-columns:1fr}.lobby-details{position:fixed;z-index:30;inset:auto 10px 10px;max-height:72dvh;overflow-y:auto;box-shadow:0 20px 80px #000}.lobby-details.empty{display:none}.lobby-row,.lobby-columns{grid-template-columns:minmax(160px,1.5fr) 105px 80px 120px 105px}.lobby-row>span:nth-child(5),.lobby-row>span:nth-child(6),.lobby-row>span:nth-child(7),.lobby-columns>span:nth-child(5),.lobby-columns>span:nth-child(6),.lobby-columns>span:nth-child(7){display:none}.tutorial-grid{grid-template-columns:1fr 1fr}}@media (max-width: 620px){.menu-topbar{height:64px;padding-inline:14px}.menu-status span:first-child,.menu-status span:nth-child(2){display:none}.menu-footer{flex-direction:column;align-items:flex-start;padding:10px 14px}.menu-footer nav{flex-wrap:wrap}.global-back{top:72px;left:12px}.home-menu{padding:55px 14px 75px}.hero-desc{font-size:.82rem}.home-actions-secondary{grid-template-columns:1fr}.is-primary{min-height:56px}.commander-card{width:100%}.mode-selection,.simple-menu-screen,.lobby-browser{height:auto;min-height:calc(100dvh - 64px);padding:65px 12px 45px}.premium-mode-card{display:block}.mode-art{height:150px}.first-launch{margin:14px auto}.first-launch-options,.first-launch-modes{grid-template-columns:1fr}.settings-header{padding:10px 12px}.settings-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.settings-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(139,149,165,.16);padding:0}.settings-nav button{min-width:max-content;border-left:0;border-bottom:2px solid transparent}.settings-nav button.active{border-bottom-color:#cbb06a}.settings-content{padding:14px 12px 35px}.settings-section-heading{align-items:flex-start}.settings-grid label,.settings-content>label{grid-template-columns:1fr;gap:5px}.settings-footer{padding:8px;flex-wrap:wrap}.settings-footer span{flex-basis:100%;order:-1}.settings-footer button{flex:1;min-width:90px}.settings-footer .danger-button{margin:0}.browser-header-actions{width:100%;flex-wrap:wrap}.browser-filters{grid-template-columns:1fr 1fr}.browser-search{grid-column:1 / -1}.lobby-columns{display:none}.lobby-row{min-height:178px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:6px 12px;padding:12px}.lobby-row>span{display:block!important}.lobby-row>span:before{content:attr(data-label);display:block;color:#697381;font-size:.5rem;text-transform:uppercase}.lobby-row .lobby-name{grid-column:1 / -1}.lobby-row>span:last-child{grid-column:1 / -1}.lobby-details{inset:auto 4px 4px}.tutorial-grid{grid-template-columns:1fr}.menu-scroll .center-card{width:calc(100% - 16px);margin-top:70px;padding:16px}}html[data-ui-scale=large] .home-menu{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding-top:48px}html[data-ui-scale=large] .home-hero,html[data-ui-scale=large] .commander-card{width:min(620px,100%)}html[data-ui-scale=large] .commander-card{margin-bottom:30px}html[data-ui-scale=large] .premium-mode-grid{grid-template-columns:1fr;max-width:760px}html[data-ui-scale=large] .browser-body{grid-template-columns:1fr}html[data-ui-scale=large] .lobby-details.empty{display:none}@media (min-width: 861px) and (max-width: 1180px){.home-menu{grid-template-columns:minmax(0,620px);padding-inline:4vw}}@media (min-width: 861px) and (max-height: 820px){.home-menu{padding-top:12px;padding-bottom:46px}.home-hero{gap:clamp(8px,1.1vh,14px)}.hero-title{font-size:clamp(2.4rem,5vw,4.2rem)}.hero-slogan{font-size:clamp(1.05rem,1.5vw,1.5rem)}.home-actions{gap:clamp(8px,1.2vh,14px)}.is-primary{min-height:48px;padding-block:6px}.is-secondary{min-height:42px}}@media (max-width: 620px){.menu-header-actions{gap:7px}.menu-wordmark small{display:none}.commander-trigger{max-width:155px;padding-inline:9px}.commander-popover{position:fixed;top:70px;right:8px;width:min(340px,calc(100vw - 16px));max-height:calc(100dvh - 78px)}}html[data-ui-scale=large] .home-menu{grid-template-columns:minmax(0,620px);align-items:center;padding-top:28px}html[data-ui-scale=large] .home-hero{width:min(620px,100%)}.performance-overlay-toggle{position:fixed;left:10px;bottom:10px;z-index:10000;padding:5px 9px;border:1px solid #4fd5ff;border-radius:5px;background:#07141ee8;color:#bcefff;font:12px/1.2 ui-monospace,monospace}.performance-overlay{position:fixed;left:10px;bottom:10px;z-index:10000;width:min(330px,calc(100vw - 20px));padding:10px;border:1px solid #4fd5ff;border-radius:8px;color:#dff8ff;background:#06121af2;box-shadow:0 8px 28px #000b;font:12px/1.35 ui-monospace,monospace}.performance-overlay header,.performance-overlay footer,.performance-overlay dl div{display:flex;justify-content:space-between;gap:10px}.performance-overlay header{align-items:center;margin-bottom:6px}.performance-overlay dl{margin:0}.performance-overlay dl div{padding:2px 0;border-top:1px solid #ffffff12}.performance-overlay dt{color:#94b7c4}.performance-overlay dd{margin:0;text-align:right}.performance-overlay .warn dd{color:#ffb36a}.performance-overlay footer{margin-top:8px}.spectator-game{min-height:calc(100vh - 64px);padding:14px;display:grid;gap:12px}.spectator-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid #6f5f2a;background:#101520eb;border-radius:10px}.spectator-banner>div{display:flex;align-items:center;gap:12px}.spectator-banner small,.spectator-player small{color:var(--muted)}.spectator-badge{display:inline-flex;padding:4px 8px;border:1px solid #d2b85d;border-radius:999px;color:#f2d66f;font-size:.72rem;letter-spacing:.12em;font-weight:800}.spectator-planets{display:flex;flex-wrap:wrap;gap:8px}.spectator-planets button.active{border-color:#d2b85d;color:#f2d66f}.spectator-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:12px}.spectator-board{min-height:620px;position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden}.spectator-sidebar{padding:12px;border:1px solid var(--border);border-radius:12px;background:#0c121ceb;overflow:auto}.spectator-sidebar section+section{margin-top:20px}.spectator-player{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:7px 0}.spectator-player i{width:10px;height:10px;border-radius:50%}.spectator-player span{display:grid}.spectator-log{padding-left:22px;display:grid;gap:7px}.spectator-system-map{padding:28px}.spectator-system-map>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.spectator-system-map button{min-height:90px;display:grid;gap:5px;align-content:center}@media (max-width: 900px){.spectator-layout{grid-template-columns:1fr}.spectator-board{min-height:480px}}.players-hud{position:absolute;z-index:24;left:max(12px,env(safe-area-inset-left,0px));bottom:max(66px,calc(58px + env(safe-area-inset-bottom,0px)));width:clamp(224px,20vw,276px);max-height:min(42%,360px);overflow:hidden;color:var(--text);border:1px solid rgba(139,149,165,.52);border-top-color:#cbb06ab8;border-radius:10px;background:linear-gradient(155deg,#121924f5,#060a11f7),var(--panel);box-shadow:0 16px 38px #00000085,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.players-hud>header{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:6px 9px;color:#ead492;border-bottom:1px solid rgba(139,149,165,.28);background:#05090fad;font-size:.66rem;font-weight:900;letter-spacing:.13em}.players-hud>header small{color:var(--muted);font-size:.6rem}.players-hud-list{max-height:calc(min(42vh,360px) - 30px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(203,176,106,.62) rgba(4,8,14,.35)}.players-hud details{border-bottom:1px solid rgba(139,149,165,.16);background:#070c1447}.players-hud details:last-child{border-bottom:0}.players-hud details.local-player{background:#c1873a1c;box-shadow:inset 3px 0 #cbb06a}.players-hud details.active-player{background:color-mix(in srgb,var(--player-color, #cbb06a) 9%,rgba(12,18,28,.9));box-shadow:inset 3px 0 #79c996}.players-hud details.local-player.active-player{box-shadow:inset 3px 0 #f0d477,inset 0 0 18px #cbb06a14}.players-hud summary{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-width:0;min-height:42px;padding:5px 8px;cursor:pointer;list-style:none}.players-hud summary::-webkit-details-marker{display:none}.players-hud summary:after{content:"▸";grid-column:4;grid-row:1;align-self:center;color:#8d98a7;font-size:.65rem}.players-hud details[open] summary:after{content:"▾"}.players-hud-swatch{width:9px;height:24px;border:1px solid rgba(255,255,255,.55);border-radius:3px;box-shadow:0 0 8px color-mix(in srgb,currentColor 55%,transparent)}.players-hud-name{display:grid;min-width:0;gap:2px}.players-hud-name>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.players-hud-name>small{display:flex;flex-wrap:wrap;gap:3px}.players-hud-status-line{display:flex;flex-wrap:wrap;gap:3px}.players-hud-name em,.players-hud-status-line em{padding:1px 4px;color:#aeb8c5;border:1px solid rgba(139,149,165,.32);border-radius:999px;font-size:.48rem;font-style:normal;font-weight:800;letter-spacing:.04em}.players-hud .active-player .players-hud-status-line em:nth-child(1),.players-hud .active-player .players-hud-status-line em:nth-child(2){color:#a9e4b8;border-color:#6fae7485}.players-hud-score{grid-column:3;grid-row:1;display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px;color:#ead184}.players-hud-score b{font-size:.82rem;font-variant-numeric:tabular-nums}.players-hud-score small{font-size:.45rem;letter-spacing:.04em}.players-hud-details{display:grid;gap:7px;padding:2px 8px 8px 25px}.players-hud-details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0}.players-hud-details dl div{min-width:0;padding:4px;border:1px solid rgba(139,149,165,.18);border-radius:4px;background:#00000026}.players-hud-details dt{overflow:hidden;color:var(--muted);font-size:.48rem;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.players-hud-details dd{margin:1px 0 0;color:#dce3eb;font-size:.62rem;font-weight:800}.players-hud-details h4{margin:0 0 3px;color:#cbb06a;font-size:.56rem;letter-spacing:.05em;text-transform:uppercase}.players-hud-details ol{display:grid;gap:3px;margin:0;padding:0;list-style:none}.players-hud-details li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;color:#b8c1cc;font-size:.56rem;line-height:1.25}.players-hud-details li span{min-width:0;overflow-wrap:anywhere}.players-hud-details li small{color:#788493}.players-hud-details p{margin:0;color:var(--muted);font-size:.56rem}.sidebar{min-width:0;overflow:hidden}.sidebar-content,.professional-sidebar,.sidebar-tab-body,.command-tab-panel,.command-tab-panel>*,.build-sidebar-scroll,.build-sidebar-scroll>*,.upgrade-menu,.upgrade-category,.upgrade-card,.trade-command-tab,.trade-command-tab *{min-width:0}.professional-sidebar{width:100%;height:auto;min-height:0;flex:1 1 auto}.sidebar-collapse-toggle,.sidebar-command-header{flex:0 0 auto}.sidebar-tabs{flex:0 0 auto;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.sidebar-tabs button{min-width:0;padding-inline:3px;overflow-wrap:anywhere}.sidebar-tab-body{flex:1 1 auto;width:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(203,176,106,.58) rgba(4,8,14,.34);container:command-rail / inline-size}.sidebar-tab-body::-webkit-scrollbar,.build-sidebar-scroll::-webkit-scrollbar,.players-hud-list::-webkit-scrollbar,.nf-system-sidebar::-webkit-scrollbar{width:8px}.sidebar-tab-body::-webkit-scrollbar-track,.build-sidebar-scroll::-webkit-scrollbar-track,.players-hud-list::-webkit-scrollbar-track,.nf-system-sidebar::-webkit-scrollbar-track{background:#04080e57}.sidebar-tab-body::-webkit-scrollbar-thumb,.build-sidebar-scroll::-webkit-scrollbar-thumb,.players-hud-list::-webkit-scrollbar-thumb,.nf-system-sidebar::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#cbb06a94;background-clip:padding-box}.command-tab-panel>header{position:sticky;z-index:3;top:-2px;background:#0b1019fa}.command-tab-panel :where(p,h2,h3,h4,span,small,b,strong,label,dd,dt,li){overflow-wrap:anywhere}.command-tab-panel :where(button,input,select,textarea,fieldset,table,img){max-width:100%}.command-tab-panel table{width:100%;table-layout:fixed}.sidebar-overview-card>div{align-items:flex-start}.sidebar-overview-card b{max-width:64%;overflow:visible;text-overflow:clip;white-space:normal}.sidebar-tab-body .history-list,.sidebar-tab-body .player-turn-groups,.sidebar-tab-body .production-overview-scroll,.sidebar-tab-body .trade-modal-body,.sidebar-tab-body .combat-log,.sidebar-tab-body .route-history,.sidebar-tab-body .combat-sheet{max-height:none;overflow:visible}.trade-command-tab .trade-hold{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-command-tab .trade-hold-item{width:100%;white-space:normal}.trade-command-tab .trade-resource-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-command-tab .trade-resource-buttons span{overflow:visible;text-overflow:clip}.trade-command-tab .trade-submit{width:100%;min-width:0;align-self:stretch}.trade-command-tab .trade-target{align-items:stretch;flex-direction:column;gap:5px}.trade-command-tab .trade-equation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.trade-command-tab .trade-counter-compose{grid-template-columns:minmax(0,1fr)}.trade-command-tab .trade-counter-compose>span{display:none}.sidebar-tab-body .card-hand-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none}.sidebar-tab-body .card-hand-carousel li{width:auto;max-width:none;flex:none}.upgrade-menu{container-type:inline-size}.upgrade-category{padding:10px}.upgrade-category>header{align-items:flex-start;flex-direction:column;gap:3px}.upgrade-card{min-height:0}.upgrade-card>p{margin:0;line-height:1.45}.upgrade-card-heading{grid-template-columns:42px minmax(0,1fr) auto}.upgrade-state-label{width:fit-content;max-width:100%;white-space:normal}.upgrade-comparison dd{overflow-wrap:anywhere}.upgrade-card .cost-row{margin-bottom:0}.upgrade-card>button{width:100%}.upgrade-confirmation>div{display:grid;grid-template-columns:1fr 1fr}.upgrade-confirmation button{width:100%;min-width:0}.colony-target{grid-template-columns:repeat(2,minmax(0,1fr))}.colony-target>span:first-child{grid-column:1 / -1}.colony-target .target-eligible,.colony-target .target-ineligible{overflow-wrap:anywhere}.build-sidebar-scroll{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(203,176,106,.58) rgba(4,8,14,.34)}.build-sidebar-scroll :where(p,h2,h3,h4,span,small,b,strong,label,li){overflow-wrap:anywhere}.build-sidebar-scroll :where(button,input,select,textarea,fieldset,table,img){max-width:100%}.build-foot{flex-wrap:wrap}.build-foot button{flex:1 1 96px}.nf-system-sidebar{min-width:0;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(203,176,106,.58) rgba(4,8,14,.34)}.nf-system-sidebar .sidebar-content>*{min-width:0;max-width:100%}.nf-system-sidebar .production-overview-scroll,.nf-system-sidebar .history-list,.nf-system-sidebar .combat-log,.nf-system-sidebar .route-history,.nf-system-sidebar .combat-sheet{max-height:none;overflow:visible}.sidebar-tab-body .upgrade-menu,.sidebar-tab-body .spatial-upgrade-categories{gap:10px}.sidebar-tab-body .upgrade-category{display:grid;gap:8px;align-content:start}.sidebar-tab-body .upgrade-category>*{margin:0}.sidebar-tab-body .upgrade-card{gap:8px}.sidebar-tab-body .upgrade-state-label{white-space:nowrap}.sidebar-tab-body .upgrade-category p,.sidebar-tab-body .upgrade-card p,.sidebar-tab-body .upgrade-comparison dd{line-height:1.45}.sidebar-tab-body .upgrade-comparison,.sidebar-tab-body .observatory-choices{gap:6px}.sidebar-tab-body .observatory-choices .choice{min-width:40px;justify-content:center}@container command-rail (max-width: 340px){.upgrade-card-heading{grid-template-columns:38px minmax(0,1fr)}.upgrade-level{grid-column:2}.upgrade-comparison,.colony-target{grid-template-columns:1fr}.colony-target>span:first-child{grid-column:auto}.upgrade-confirmation>div{grid-template-columns:1fr}.trade-command-tab .trade-hold,.trade-command-tab .trade-resource-buttons,.sidebar-tab-body .card-hand-carousel{grid-template-columns:1fr}}@media (orientation: landscape) and (max-width: 1180px){.nf-system-layout:not(.sidebar-is-collapsed)>.status-stack{right:322px}.players-hud{width:224px;max-height:min(38%,300px)}.players-hud-list{max-height:calc(min(38vh,300px) - 30px)}}@media (orientation: portrait) and (max-width: 1100px),(max-width: 820px){.players-hud{bottom:max(58px,calc(52px + env(safe-area-inset-bottom,0px)));width:min(220px,calc(100% - 72px));max-height:min(34%,260px)}.players-hud-list{max-height:calc(min(34vh,260px) - 30px)}.board-wrap>.status-stack{top:54px;right:8px;width:min(240px,calc(100% - 244px))}.nf-system-layout:not(.sidebar-is-collapsed)>.status-stack{top:58px;right:min(372px,calc(100% - 52px));width:min(240px,calc(100% - 390px))}.nf-system-layout.sidebar-is-collapsed>.status-stack{top:58px;right:58px;width:min(240px,calc(100% - 76px))}}@media (max-width: 560px){.players-hud{left:6px;bottom:52px;width:min(204px,calc(100% - 64px));max-height:30%}.players-hud-list{max-height:calc(30vh - 30px)}.players-hud-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}.board-wrap>.status-stack,.nf-system-layout>.status-stack{top:54px;right:56px;width:min(220px,calc(100% - 118px))}.status-stack .status-banner{padding:6px 8px;font-size:.66rem}}@media (max-width: 620px){.board-wrap{--gameplay-log-width: 176px}.manual-dice-area{width:94%}}.create-sector,.join-sector{width:min(1180px,100%);margin:0 auto;padding:clamp(16px,3vw,32px);display:flex;flex-direction:column;gap:20px}.screen-header{display:flex;align-items:center;gap:18px}.screen-header h1{margin:2px 0 0;font-size:clamp(1.6rem,3vw,2.2rem)}.sector-identity{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--ui-radius)}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.field>span{font-weight:600;letter-spacing:.01em}.field small{color:var(--muted);font-weight:400}.field input{padding:11px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem}.field input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 74%)}.settings-shell{background:var(--panel);border:1px solid var(--border);border-radius:var(--ui-radius);overflow:hidden}.create-actions,.join-actions{display:flex;justify-content:flex-end;gap:12px}.create-actions .primary,.join-actions .primary{min-width:170px}@media (min-width: 721px){.create-sector{height:100dvh;overflow:hidden}.create-sector .settings-shell{flex:1;min-height:0}.create-sector .game-settings-panel{height:100%;min-height:0}.create-sector .settings-content{max-height:none}}.join-card{width:min(520px,100%);margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)}.field .code-input{font-size:clamp(1.8rem,6vw,2.6rem);letter-spacing:.35em;text-align:center;text-transform:uppercase;padding:14px 10px 14px 24px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700}.recent-sectors{width:min(520px,100%);margin:0 auto}.recent-sectors h2{font-size:1rem;color:var(--muted);margin-bottom:10px}.recent-sectors ul{list-style:none;display:flex;flex-direction:column;gap:8px}.recent-sectors li{display:flex;gap:8px;align-items:stretch}.recent-open{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer}.recent-open:hover{border-color:var(--accent)}.recent-code{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.12em}.game-settings-panel{display:grid;grid-template-columns:220px 1fr;min-height:460px}.settings-nav{border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg),transparent 30%);padding:12px 8px}.settings-nav-select{display:none;width:100%;padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px}.settings-nav-list{list-style:none;display:flex;flex-direction:column;gap:2px}.settings-nav-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;text-align:left;background:transparent;border:none;border-radius:8px;color:var(--muted);font-size:.9rem;cursor:pointer;transition:var(--ui-transition)}.settings-nav-list button:hover{background:color-mix(in srgb,var(--accent),transparent 88%);color:var(--text)}.settings-nav-list button.active{background:color-mix(in srgb,var(--accent),transparent 80%);color:var(--text);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.nav-flag{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--danger);color:#1a0d0a;font-weight:800;font-size:.7rem}.settings-content{padding:clamp(16px,2.4vw,26px);overflow-y:auto;max-height:min(72vh,760px)}.settings-section h3{margin:0 0 4px;font-size:1.15rem}.settings-section h3 .preset-current{float:right;font-size:.8rem;color:var(--muted);font-weight:500}.section-blurb{color:var(--muted);font-size:.88rem;margin:4px 0 16px;max-width:62ch}.settings-readonly-note{margin:0 0 14px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--gold),transparent 86%);border:1px solid color-mix(in srgb,var(--gold),transparent 66%);color:var(--gold);font-size:.85rem}.setting-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--border),transparent 40%)}.setting-label .setting-title{display:flex;align-items:center;gap:8px;font-weight:600}.setting-label p{margin:3px 0 0;color:var(--muted);font-size:.84rem;max-width:52ch}.setting-default{display:block;margin-top:4px;color:var(--steel);font-size:.76rem}.changed-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold),transparent 80%)}.setting-control select,.setting-control input[type=number]{padding:9px 11px;min-width:130px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text)}.info-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--border),transparent 40%)}.info-row span{color:var(--muted)}.inline-settings{display:flex;gap:16px;padding:10px 0}.inline-settings label{display:flex;align-items:center;gap:8px;color:var(--muted)}.seed-control{display:flex;gap:8px}.seed-control input{flex:1}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--border);transition:var(--ui-transition);cursor:pointer}.switch span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:var(--text);transition:var(--ui-transition)}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translate(20px)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:10px 0}.overview-stat{padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:4px}.overview-stat span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.overview-stat b{font-size:1.35rem}.overview-warning{margin-top:12px;width:100%;padding:12px;background:color-mix(in srgb,var(--danger),transparent 84%);border:1px solid color-mix(in srgb,var(--danger),transparent 60%);border-radius:8px;color:var(--danger);cursor:pointer;text-align:left}.mode-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.mode-choice{display:flex;flex-direction:column;gap:6px;padding:16px;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;transition:var(--ui-transition)}.mode-choice:hover:not(:disabled){border-color:var(--accent)}.mode-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 70%)}.mode-choice.disabled{opacity:.55;cursor:not-allowed}.mode-choice small{color:var(--muted);font-size:.82rem}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}.preset-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.preset-card.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 72%)}.preset-card h4{margin:0}.preset-card p{color:var(--muted);font-size:.84rem;flex:1}.preset-meta{display:flex;flex-wrap:wrap;gap:6px}.preset-meta span{font-size:.72rem;padding:3px 7px;border-radius:999px;background:var(--bg);color:var(--muted);border:1px solid var(--border)}.preset-card button{align-self:flex-start;padding:7px 16px}.preset-subhead{margin:20px 0 8px}.custom-preset-list{list-style:none;display:flex;flex-direction:column;gap:8px}.custom-preset-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.custom-preset-list li.active{border-color:var(--accent)}.custom-preset-list span{display:flex;flex-direction:column}.custom-preset-list small{color:var(--muted)}.custom-preset-actions{display:flex;gap:6px;flex-wrap:wrap}.custom-preset-actions button{padding:6px 10px;font-size:.8rem}.preset-save{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.preset-save input{flex:1;min-width:180px;padding:9px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text)}.card-browser{display:flex;flex-direction:column;gap:14px}.card-browser-summary{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:.88rem}.card-browser-summary b{color:var(--gold)}.deck-ok{color:var(--green);font-weight:600;margin-left:auto}.deck-bad{color:var(--danger);font-weight:600;margin-left:auto}.deck-validation{list-style:none;display:flex;flex-direction:column;gap:6px}.deck-validation .issue{display:flex;gap:8px;padding:8px 12px;border-radius:8px;font-size:.84rem}.deck-validation .issue.error{background:color-mix(in srgb,var(--danger),transparent 86%);border:1px solid color-mix(in srgb,var(--danger),transparent 62%);color:var(--danger)}.deck-validation .issue.warning{background:color-mix(in srgb,var(--gold),transparent 88%);border:1px solid color-mix(in srgb,var(--gold),transparent 68%);color:var(--gold)}.card-browser-toolbar{display:flex;flex-wrap:wrap;gap:8px}.card-browser-toolbar select,.card-search{padding:9px 11px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text)}.card-search{flex:1;min-width:180px}.card-browser-bulk{display:flex;flex-wrap:wrap;gap:8px}.card-browser-bulk button{padding:7px 12px;font-size:.82rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.card-grid-empty{color:var(--muted);padding:20px;text-align:center;grid-column:1 / -1}.card-tile{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:var(--ui-transition)}.card-tile.changed{border-color:color-mix(in srgb,var(--gold),transparent 40%)}.card-tile.disabled{opacity:.62}.card-tile-art{position:relative;border:none;padding:0;background:#05070c;cursor:pointer;aspect-ratio:3 / 2;overflow:hidden}.card-face{width:100%;height:100%;object-fit:cover;display:block}.card-tile.disabled .card-face{filter:grayscale(.7)}.card-face-hero{object-fit:contain;aspect-ratio:2 / 3;max-height:60vh}.card-badge{position:absolute;top:8px;padding:3px 8px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em}.hidden-badge{left:8px;background:#0a0e16d1;color:var(--purple);border:1px solid var(--purple)}.changed-badge{right:8px;background:#0a0e16d1;color:var(--gold);border:1px solid var(--gold)}.card-tile-body{display:flex;flex-direction:column;gap:4px;padding:12px}.card-tile-body h4{margin:0;font-size:.98rem}.card-tile-category{color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.card-tile-summary{color:var(--muted);font-size:.82rem;flex:1;min-height:2.4em}.card-tile-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.card-toggle{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;overflow:hidden}.qty-stepper button{width:30px;height:32px;border:none;background:var(--bg);color:var(--text);font-size:1.1rem;cursor:pointer}.qty-stepper button:disabled{opacity:.4;cursor:not-allowed}.qty-stepper input{width:44px;height:32px;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--panel);color:var(--text);text-align:center;font-size:.95rem;-moz-appearance:textfield}.qty-stepper input::-webkit-outer-spin-button,.qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card-tile-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.card-default{color:var(--steel);font-size:.74rem}.card-preview-modal{position:relative;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:22px;width:min(760px,100%);max-height:88vh;overflow:auto;padding:24px;background:var(--ui-panel-raised);border:1px solid var(--ui-border-strong);border-radius:14px;box-shadow:var(--ui-shadow)}.card-preview-art{display:grid;place-items:center;background:#05070c;border-radius:10px;overflow:hidden}.card-preview-body{display:flex;flex-direction:column;gap:10px}.card-preview-rules{color:var(--text);font-size:.95rem}.card-preview-meta{display:flex;flex-direction:column;gap:8px;margin:4px 0}.card-preview-meta div{display:grid;grid-template-columns:92px 1fr;gap:10px}.card-preview-meta dt{color:var(--muted);font-size:.82rem}.card-preview-meta dd{margin:0;font-size:.88rem}.card-preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;z-index:2}.modal-close:hover{border-color:var(--danger);color:var(--danger)}.lobby-screen{width:min(1100px,100%);margin:0 auto;padding:clamp(16px,3vw,30px);display:flex;flex-direction:column;gap:18px}.lobby-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.lobby-header h1{margin:2px 0 8px;font-size:clamp(1.5rem,3vw,2rem)}.lobby-mode-tag{display:inline-block;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent),transparent 82%);border:1px solid color-mix(in srgb,var(--accent),transparent 60%);color:var(--gold);font-size:.8rem;font-weight:600}.lobby-mode-tag.frontiers{background:color-mix(in srgb,var(--purple),transparent 82%);border-color:color-mix(in srgb,var(--purple),transparent 58%);color:var(--purple)}.sector-code-block{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sector-code-label{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.sector-code{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border:1px solid var(--ui-border-strong);border-radius:10px;color:var(--text);font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.22em;cursor:pointer}.sector-code:hover{border-color:var(--accent)}.copy-hint{font-size:.68rem;letter-spacing:normal;font-family:system-ui,sans-serif;font-weight:600;color:var(--accent);padding:2px 8px;border-radius:999px;background:var(--bg)}.lobby-body{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.lobby-roster,.lobby-summary{background:var(--panel);border:1px solid var(--border);border-radius:var(--ui-radius);padding:18px}.lobby-roster h2,.lobby-summary h2{margin:0 0 12px;font-size:1.05rem;display:flex;justify-content:space-between}.lobby-roster h2 span{color:var(--muted);font-weight:500}.seat-list{list-style:none;display:flex;flex-direction:column;gap:8px}.seat{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.seat.host{border-color:color-mix(in srgb,var(--gold),transparent 62%)}.seat.empty{border-style:dashed;opacity:.7}.seat-swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #0006}.seat-swatch.empty{background:transparent;border:2px dashed var(--border);box-shadow:none}.seat-name{display:flex;flex-direction:column;flex:1;min-width:0;font-weight:600}.seat-name small{font-weight:400;color:var(--muted);font-size:.76rem}.seat-name.muted{color:var(--muted);font-weight:500}.seat-status{display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%}.dot.online{background:var(--green)}.dot.offline{background:var(--steel)}.ready-tag{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px}.ready-tag.yes{background:color-mix(in srgb,var(--green),transparent 80%);color:var(--green)}.ready-tag.no{background:color-mix(in srgb,var(--steel),transparent 82%);color:var(--steel)}.ready-tag.host-tag{background:color-mix(in srgb,var(--gold),transparent 82%);color:var(--gold)}.seat-kick{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.seat-kick:hover{border-color:var(--danger);color:var(--danger)}.lobby-ai-controls{display:flex;align-items:flex-end;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.lobby-ai-controls label{display:flex;flex-direction:column;gap:6px;flex:1;font-size:.82rem;color:var(--muted)}.lobby-ai-controls select{padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text)}.summary-head{display:flex;justify-content:space-between;align-items:center}.edit-settings{padding:7px 14px;background:var(--bg);border:1px solid var(--accent);border-radius:8px;color:var(--accent);cursor:pointer;font-size:.82rem;font-weight:600}.edit-settings:hover{background:color-mix(in srgb,var(--accent),transparent 86%)}.summary-list{display:flex;flex-direction:column;gap:0}.summary-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--border),transparent 45%)}.summary-list dt{color:var(--muted);font-size:.85rem}.summary-list dd{margin:0;font-weight:600;text-align:right}.lobby-footer{display:flex;justify-content:center;gap:16px;padding-top:6px}.host-launch{display:flex;flex-direction:column;align-items:center;gap:8px}.launch-hint{color:var(--muted);font-size:.84rem}.primary.large{min-width:240px;padding:14px 24px;font-size:1.05rem}.settings-modal{width:min(1080px,100%);max-height:92vh;display:flex;flex-direction:column;background:var(--ui-panel-raised);border:1px solid var(--ui-border-strong);border-radius:14px;overflow:hidden;box-shadow:var(--ui-shadow)}.settings-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-modal-head h2{margin:0;font-size:1.15rem}.settings-modal .game-settings-panel{flex:1;min-height:0}.settings-modal-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid var(--border);flex-wrap:wrap}.save-note{color:var(--muted);font-size:.8rem}.settings-modal-foot>div{display:flex;gap:10px}@media (max-width: 1080px){.lobby-body{grid-template-columns:1fr}}@media (max-width: 980px){.game-settings-panel{grid-template-columns:1fr}.settings-nav{border-right:none;border-bottom:1px solid var(--border)}.settings-nav-select{display:block}.settings-nav-list{display:none}.card-preview-modal{grid-template-columns:1fr}.card-preview-art{max-height:40vh}.setting-row{grid-template-columns:1fr}.setting-control{justify-self:start}}@media (max-width: 560px){.card-grid{grid-template-columns:1fr 1fr}.lobby-header{flex-direction:column}.sector-code-block{align-items:flex-start}}.timer-setting{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timer-setting>select{flex:0 1 auto}.timer-custom{display:inline-flex;align-items:center;gap:6px;margin:0}.timer-custom input{width:5.5em}.timer-custom span{color:var(--muted);font-size:.85em}