:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9f8f5;font-synthesis:none;text-rendering:optimizelegibility;--ink:#e9f8f5;--muted:#83a0a4;--muted-bright:#abc3c5;--panel:#061217e6;--panel-solid:#07161b;--line:#7ce7da2b;--line-bright:#7ce7da57;--cyan:#49e6d4;--cyan-soft:#49e6d41c;--amber:#ffb45f;--red:#ff657a;--green:#76e5a6;--skin-accent:#62e8d3;--skin-accent-strong:#f3b563;--skin-panel:#071419eb;--skin-glow:#62e8d33d;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);background:#03080b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#03080b;width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:var(--bg);border-radius:7px;padding:10px 14px;font-weight:750;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:where(button,select,input,[tabindex],a):focus-visible{outline-offset:3px;outline:3px solid #fff2a6}.accessibility-dock{z-index:40;position:absolute;bottom:18px;left:200px;right:auto}#accessibility-toggle{border:1px solid var(--line-bright);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#040e12f0;border-radius:50%;font-weight:780;box-shadow:0 12px 36px #0000005c}.accessibility-panel{border:1px solid var(--line-bright);background:#040e12fa;border-radius:10px;gap:7px;width:210px;padding:12px;display:grid;position:absolute;bottom:50px;right:0;box-shadow:0 20px 60px #00000080}.accessibility-panel[hidden]{display:none}.accessibility-panel header{gap:4px;margin-bottom:4px;display:grid}.accessibility-panel button{border:1px solid var(--line);min-height:38px;color:var(--muted-bright);text-align:left;cursor:pointer;background:#ffffff06;border-radius:7px;padding:0 10px}.accessibility-panel button[aria-pressed=true]{border-color:var(--cyan);background:var(--cyan-soft);color:var(--ink)}.skin-picker{color:var(--muted-bright);gap:5px;font-size:.76rem;display:grid}.skin-picker select{border:1px solid var(--line);background:var(--panel-solid);min-height:38px;color:var(--ink);border-radius:7px;padding:0 9px}html[data-skin]{--cyan:var(--skin-accent);--amber:var(--skin-accent-strong);--panel:var(--skin-panel);--cyan-soft:var(--skin-glow)}.tutorial-guide{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 90% 0,#8de7a81a,#0000 40%),#040e12f5;border:1px solid #8de7a85c;border-radius:12px;width:min(440px,100% - 36px);padding:16px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #00000085}.tutorial-guide[data-step=start],.tutorial-guide[data-step=setup],.tutorial-guide[data-step=ready],.tutorial-guide[data-step=doctrine]{width:min(400px,100% - 48px);left:auto;right:24px;transform:none}.tutorial-guide[hidden]{display:none}.tutorial-guide>header,.tutorial-guide>div{justify-content:space-between;align-items:center;gap:10px;display:flex}#tutorial-progress{color:#8de7a8;font:700 .57rem/1 Cascadia Mono,Consolas,monospace}.tutorial-guide h2{letter-spacing:-.025em;margin-top:9px;font-size:1.1rem}.tutorial-guide p{color:var(--muted-bright);margin:8px 0 13px;font-size:.68rem;line-height:1.5}.tutorial-guide button{border:1px solid var(--line-bright);background:var(--cyan-soft);min-height:38px;color:var(--ink);cursor:pointer;border-radius:7px;padding:0 12px;font-weight:720}#tutorial-action{background:#8de7a81f;border-color:#8de7a86b}#tutorial-action[data-passive=true]{color:#baf4cc}#tutorial-skip{color:var(--muted);background:0 0;border-color:#0000;font-weight:620}[data-tutorial-focus=true]{z-index:10;outline-offset:4px;position:relative;outline:3px solid #fff2a6!important;box-shadow:0 0 0 8px #fff2a61f,0 0 36px #fff2a64d!important}.access-large-text{font-size:118%}.access-contrast{--bg:#000;--ink:#fff;--muted:#c8d4d6;--muted-bright:#eef6f7;--line:#ffffff52;--line-bright:#ffffff9e;--cyan:#4ffff0;--amber:#ffd86f;--red:#ff7088}.access-contrast :where(.command-panel,.attention-rail,.resource-dock,.overlay-dock){background:#000000f7}.access-reduce-motion *,.access-reduce-motion :before,.access-reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (forced-colors:active){:where(button,select,input,.command-panel,.attention-rail,.tutorial-guide){forced-color-adjust:auto}[data-tutorial-focus=true]{outline:4px solid highlight!important}}body{min-height:100dvh}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}[hidden]{display:none!important}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}kbd{min-width:19px;color:var(--muted);text-align:center;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:4px;padding:2px 5px;font:650 .62rem/1.2 Cascadia Mono,Consolas,monospace}.app-shell{isolation:isolate;width:100%;height:100dvh;min-height:560px;position:relative;overflow:hidden}.world-view{z-index:0;background:radial-gradient(circle,#154b4e30,#0000 42%),#03090c;outline:none;position:absolute;inset:0;overflow:hidden}.world-view:after{content:"";pointer-events:none;background:linear-gradient(90deg,#03080bad,#0000 13% 87%,#03080bad),linear-gradient(#03080bc7,#0000 18% 83%,#03080bad);position:absolute;inset:0}.world-view:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan)}.match-flow-layer{z-index:20;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.match-flow-backdrop{z-index:-1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(circle at 70% 18%,#49e6d421,#0000 32%),radial-gradient(circle at 18% 88%,#ffb45f14,#0000 34%),#02080be0;position:fixed;inset:0}.flow-card{border:1px solid var(--line-bright);background:linear-gradient(145deg,#0c2026f7,#051015fa);border-radius:18px;width:min(1120px,100%);box-shadow:0 28px 100px #0000008c}.flow-card__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:28px;padding:28px 30px 24px;display:flex}.flow-card__header h2,.flow-card--ended h2{letter-spacing:-.055em;margin-top:6px;font-size:clamp(1.8rem,4vw,3.4rem);font-weight:660;line-height:.98}.flow-card__header p,.flow-card--ended p{max-width:680px;color:var(--muted-bright);margin-top:10px;font-size:.86rem;line-height:1.55}.flow-service-state{border:1px solid var(--line);background:#030b0f9e;border-radius:10px;align-items:center;gap:12px;min-width:min(330px,42vw);padding:12px 14px;display:flex}.flow-service-state>div{gap:3px;display:grid}.flow-service-state strong{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.flow-service-state span:last-child{color:var(--muted);font-size:.66rem;line-height:1.35}.flow-lobby-grid,.planning-grid{grid-template-columns:minmax(270px,.76fr) minmax(420px,1.4fr);gap:26px;padding:26px 30px 30px;display:grid}.flow-setup{align-content:start;gap:16px;display:grid}.flow-section-heading{align-items:flex-start;gap:11px;display:flex}.flow-section-heading>span{border:1px solid var(--line-bright);width:26px;height:26px;color:var(--cyan);border-radius:50%;place-items:center;font:700 .62rem/1 Cascadia Mono,Consolas,monospace;display:grid}.flow-section-heading>div{gap:2px;display:grid}.flow-section-heading h3{letter-spacing:.035em;font-size:.85rem}.flow-section-heading p,.flow-time-note{color:var(--muted);font-size:.68rem;line-height:1.45}.team-size-options{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.team-size-options button,.doctrine-options button{border:1px solid var(--line);color:var(--muted-bright);cursor:pointer;transition:border-color .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out);background:#020a0eb3}.team-size-options button{border-radius:8px;min-height:42px;font-size:.72rem;font-weight:730}.team-size-options button:hover,.doctrine-options button:hover{border-color:var(--line-bright);color:var(--ink);transform:translateY(-1px)}.team-size-options button[aria-pressed=true],.doctrine-options button[aria-pressed=true]{background:var(--cyan-soft);color:var(--cyan);border-color:#49e6d4ad;box-shadow:inset 0 0 0 1px #49e6d41a}.nation-picker{grid-template-columns:1fr 1fr;gap:9px;display:grid}.nation-picker label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:.62rem;font-weight:700;display:grid}.nation-picker select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);letter-spacing:0;text-transform:none;background:#061319;border-radius:8px;outline:none;padding:0 10px;font-size:.76rem}.nation-picker select:focus{border-color:var(--cyan)}.nation-picker select:disabled{opacity:.55}.flow-primary-action{color:#021012;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#55ead9,#2db9b2);border:1px solid #49e6d4b8;border-radius:9px;min-height:46px;font-size:.75rem;font-weight:820;box-shadow:0 10px 28px #1fa79e33}.flow-primary-action[data-ready=true]{border-color:var(--line-bright);box-shadow:none;color:var(--muted-bright);background:#ffffff0e}.flow-rosters{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.flow-rosters--planning{grid-template-columns:1fr;align-content:start}.flow-team{border:1px solid var(--line);background:#020a0e85;border-radius:11px;min-width:0;overflow:hidden}.flow-team>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:0 13px;display:flex}.flow-team>header span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.57rem;font-weight:720}.flow-team>header strong{font-size:.72rem}.flow-team--alpha>header strong{color:var(--cyan)}.flow-team--bravo>header strong{color:var(--amber)}.flow-roster{margin:0;padding:0;list-style:none;display:grid}.flow-roster__item{border-bottom:1px solid #7ce7da17;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:55px;padding:8px 12px;display:flex}.flow-roster__item:last-child{border-bottom:0}.flow-roster__item[data-status=SILENT]{border-left:3px solid var(--amber);background:#ffb45f14}.flow-roster__item[data-status=DEFEATED]{border-left:3px solid var(--red);filter:saturate(.72);background:#ff657a17}.flow-roster__identity{gap:3px;min-width:0;display:grid}.flow-roster__main{align-items:center;gap:9px;min-width:0;display:flex}.flow-roster__crest,.building-art{background-color:#020a0db8;border:1px solid #7ce7da2e;border-radius:8px;flex:none;display:block;box-shadow:inset 0 0 16px #49e6d414}.flow-roster__crest{border-radius:50%}.flow-roster__identity strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.flow-roster__identity span,.flow-roster__state{color:var(--muted);font-size:.6rem;line-height:1.3}.flow-roster__state{text-align:right;flex:none;max-width:112px}.flow-roster__item[data-status=SILENT] .flow-roster__state{color:var(--amber)}.flow-roster__item[data-status=DEFEATED] .flow-roster__state{color:var(--red)}.flow-versus{place-items:center;display:grid}.flow-versus span{color:var(--muted);font:750 .66rem/1 Cascadia Mono,Consolas,monospace}.planning-clock{background:var(--cyan-soft);text-align:center;border:1px solid #49e6d457;border-radius:12px;min-width:106px;padding:12px;display:grid}.planning-clock strong{color:var(--cyan);font-variant-numeric:tabular-nums;font:650 clamp(2rem,5vw,3.5rem)/.9 Cascadia Mono,Consolas,monospace}.planning-clock span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:6px;font-size:.57rem;font-weight:730}.planning-grid{grid-template-columns:minmax(420px,1.35fr) minmax(260px,.65fr)}.doctrine-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px;display:grid}.doctrine-options button{text-align:left;border-radius:9px;align-content:center;gap:5px;min-height:78px;padding:12px;display:grid}.doctrine-options button:last-child{grid-column:1/-1}.doctrine-options button strong{font-size:.78rem}.doctrine-options button span{color:var(--muted);font-size:.64rem;line-height:1.4}.doctrine-options button:disabled:not([aria-pressed=true]){cursor:default;opacity:.42;transform:none}.flow-card--ended{text-align:center;width:min(620px,100%);padding:clamp(28px,6vw,64px)}.flow-card--ended .flow-primary-action{min-width:250px;margin-top:26px}.reconnection-banner{z-index:30;top:max(14px, env(safe-area-inset-top));background:#1e1309f5;border:1px solid #ffb45f94;border-radius:10px;align-items:center;gap:12px;width:min(520px,100% - 32px);padding:12px 15px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 44px #00000075}.reconnection-banner[data-connection=disconnected]{background:#1f090df5;border-color:#ff657a9e}.reconnection-pulse{background:var(--amber);border-radius:50%;flex:none;width:10px;height:10px;animation:1.4s ease-in-out infinite reconnect-pulse;box-shadow:0 0 0 5px #ffb45f1f}.reconnection-banner[data-connection=disconnected] .reconnection-pulse{background:var(--red);animation:none;box-shadow:0 0 0 5px #ff657a1f}.reconnection-banner>div{gap:3px;display:grid}.reconnection-banner strong{font-size:.72rem}.reconnection-banner span:last-child{color:var(--muted-bright);font-size:.65rem}.audio-dock{z-index:32;bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));position:fixed}.audio-dock__controls{border:1px solid var(--line-bright);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040f13f2;border-radius:999px;align-items:center;display:flex;overflow:hidden;box-shadow:0 12px 36px #0000006b}.audio-dock__controls button{min-height:38px;color:var(--muted-bright);cursor:pointer;background:0 0;border:0}#audio-toggle{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;padding:0 13px;font-size:.62rem;font-weight:760;display:inline-flex}.audio-settings-button{letter-spacing:.08em;text-transform:uppercase;padding:0 12px;font-size:.58rem;font-weight:720;border-left:1px solid var(--line)!important;color:var(--muted)!important}.audio-dock__controls button:hover{color:var(--ink);background:#49e6d412}.audio-speaker{width:12px;height:12px;color:var(--muted);border:1px solid;border-radius:3px 7px 7px 3px;position:relative}.audio-speaker:after{content:"";border-right:1px solid;border-radius:50%;width:4px;height:6px;position:absolute;top:2px;right:-5px}.audio-dock[data-audio-state=running] .audio-speaker{color:var(--cyan);box-shadow:0 0 9px #49e6d46b}.audio-dock[data-audio-state=muted] .audio-speaker,.audio-dock[data-audio-state=suspended] .audio-speaker{color:var(--amber)}.audio-panel{border:1px solid var(--line-bright);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#051217fa;border-radius:12px;width:min(330px,100vw - 32px);padding:16px;position:absolute;bottom:calc(100% + 9px);left:0;box-shadow:0 18px 58px #00000085}.audio-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:13px;display:flex}.audio-panel>header>div{gap:4px;display:grid}.audio-panel>header strong{color:var(--ink);font-size:.72rem}.audio-intensity{background:#ffffff12;border-radius:999px;width:72px;height:7px;position:relative;overflow:hidden}.audio-intensity:after{width:var(--audio-intensity,0%);border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--amber), var(--red));content:"";transition:width .3s var(--ease-out);position:absolute;inset:0}.audio-mixer{grid-template-columns:1fr;gap:6px;padding-block:13px;display:grid}.audio-mixer label{color:var(--muted-bright);justify-content:space-between;align-items:center;font-size:.62rem;font-weight:680;display:flex}.audio-mixer output{color:var(--muted);font-family:Cascadia Mono,Consolas,monospace;font-size:.58rem}.audio-mixer input[type=range]{width:100%;height:4px;accent-color:var(--cyan);cursor:pointer;margin:0 0 5px}.audio-test{border:1px solid var(--line-bright);background:var(--cyan-soft);width:100%;min-height:34px;color:var(--cyan);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border-radius:7px;font-size:.62rem;font-weight:740}.audio-panel>p{color:var(--muted);margin-top:10px;font-size:.6rem;line-height:1.4}@keyframes reconnect-pulse{50%{opacity:.45;transform:scale(.78)}}.render-canvas{width:100%;height:100%;display:block}.command-header{z-index:5;width:100%;min-height:78px;padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 13px max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#03090cf5,#03090cbf);justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute;top:0;left:0}.brand-lockup{gap:3px;display:grid}.brand-kicker,.eyebrow{color:var(--cyan);letter-spacing:.17em;text-transform:uppercase;font-size:.62rem;font-weight:760}h1{letter-spacing:-.045em;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:690;line-height:1}.brand-lockup:after{content:var(--game-tagline);color:var(--muted);letter-spacing:.04em;font-size:.65rem}.match-readout{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.match-readout>div{text-align:right;gap:2px;min-width:88px;display:grid}.match-readout>div strong{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.68rem}.phase-label{color:var(--muted-bright);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:740}.phase-label[data-phase=PLANNING]{color:var(--cyan)}.phase-label[data-phase=LIVE]{color:var(--amber)}.phase-label[data-phase=ENDED]{color:var(--red)}.connection-status,.renderer-label,.diagnostic-chip{border:1px solid var(--line);color:#acc2c4;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#040d11b8;border-radius:999px;align-items:center;min-height:29px;padding:0 10px;font-size:.62rem;font-weight:680;display:inline-flex}.status-light{background:var(--cyan);border-radius:50%;width:6px;height:6px;margin-right:7px;box-shadow:0 0 12px #49e6d4b8}.connection-status--error .status-light{background:var(--red);box-shadow:0 0 12px #ff657ab3}.resource-dock{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040e12e0;border-radius:10px;width:min(1120px,100% - 48px);position:absolute;top:83px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 38px #00000038}.resource-strip{grid-template-columns:repeat(10,minmax(90px,1fr));min-width:960px;display:grid}.resource-cell{border-right:1px solid var(--line);grid-template-columns:1fr auto;gap:3px 7px;min-width:0;padding:10px 11px 12px;display:grid;position:relative}.resource-cell:last-child{border-right:0}.resource-cell[data-low=true]{background:#ff657a0f}.resource-cell__label{color:var(--muted);letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;grid-column:1/-1;font-size:.55rem;font-weight:720;overflow:hidden}.resource-cell__value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;min-width:0;font-size:.87rem;overflow:hidden}.resource-cell__flow{color:var(--muted);align-self:center;font:660 .57rem/1 Cascadia Mono,Consolas,monospace}.resource-cell__flow[data-flow=positive]{color:var(--green)}.resource-cell__flow[data-flow=negative]{color:var(--red)}.resource-cell__meter{background:#ffffff12;border-radius:999px;height:2px;position:absolute;bottom:6px;left:10px;right:10px;overflow:hidden}.resource-cell__meter>span{border-radius:inherit;background:var(--cyan);transform-origin:0;width:100%;height:100%;transition:transform .22s var(--ease-out);display:block;transform:scaleX(0)}.resource-cell[data-low=true] .resource-cell__meter>span{background:var(--red)}.overlay-dock{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040e12e6;border-radius:10px;width:min(660px,100% - 680px);min-width:480px;display:grid;position:absolute;top:133px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 44px #00000042}.overlay-dock>header{display:none}.overlay-buttons{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.overlay-buttons button{border:0;border-right:1px solid var(--line);min-width:0;min-height:36px;color:var(--muted);cursor:pointer;transition:color .18s var(--ease-out), background-color .18s var(--ease-out), box-shadow .18s var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 7px;font:680 .61rem/1.1 Cascadia Mono,Consolas,monospace;display:flex}.overlay-buttons button:last-child{border-right:0}.overlay-buttons button:hover{color:var(--muted-bright);background:#ffffff09}.overlay-buttons button[aria-pressed=true]{background:var(--cyan-soft);box-shadow:inset 0 -2px 0 var(--cyan);color:var(--ink)}.overlay-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 8px}.overlay-dot--resources{color:#49e6d4}.overlay-dot--industry{color:#ffd36c}.overlay-dot--logistics{color:#69a8ff}.overlay-dot--military{color:#ff657a}.overlay-dot--forecast{color:#c98cff}.overlay-dot--alliance{color:#8de7a8}.overlay-summary{border-top:1px solid var(--line);color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px 7px;font:600 .55rem/1.2 Cascadia Mono,Consolas,monospace;overflow:hidden}.forecast-alert[hidden]{display:none}.forecast-alert{z-index:8;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:forecast-reveal .36s var(--ease-out) both;background:radial-gradient(circle at 50% 46%,#ff657a29,#0000 34%),#02070abd;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.forecast-alert__card{pointer-events:auto;background:linear-gradient(145deg,#15191bfa,#081014fa);border:1px solid #ffb45f80;border-radius:14px;width:min(620px,100vw - 32px);padding:22px;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000094,inset 0 1px #ffffff0a}.forecast-alert__card:before{background:var(--amber);height:3px;box-shadow:0 0 24px var(--amber);content:"";position:absolute;top:0;left:0;right:0}.forecast-alert[data-urgency=critical] .forecast-alert__card,.forecast-alert[data-urgency=impact] .forecast-alert__card{border-color:#ff657a9e}.forecast-alert[data-urgency=critical] .forecast-alert__card:before,.forecast-alert[data-urgency=impact] .forecast-alert__card:before{background:var(--red);box-shadow:0 0 28px var(--red)}.forecast-alert__eyebrow,.forecast-alert__certainty{color:var(--amber);letter-spacing:.14em;text-transform:uppercase;font:720 .62rem/1.2 Cascadia Mono,Consolas,monospace}.forecast-alert__header{justify-content:space-between;align-items:end;gap:24px;margin-top:14px;display:flex}.forecast-alert__header h2{letter-spacing:-.045em;margin-top:5px;font-size:clamp(1.55rem,4vw,2.65rem)}.forecast-alert__countdown{color:var(--amber);letter-spacing:-.08em;text-shadow:0 0 24px #ffb45f52;font:760 clamp(2rem,7vw,4rem)/.9 Cascadia Mono,Consolas,monospace}.forecast-alert[data-urgency=critical] .forecast-alert__countdown,.forecast-alert[data-urgency=impact] .forecast-alert__countdown{color:var(--red);animation:.9s ease-in-out infinite alternate forecast-pulse}.forecast-alert__detail{max-width:52ch;color:var(--muted-bright);margin-top:16px;line-height:1.55}.forecast-alert__actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.forecast-alert__actions button{border:1px solid var(--line-bright);background:var(--cyan-soft);min-height:42px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 15px}.forecast-alert__actions button:last-child{color:var(--muted-bright);background:0 0}.forecast-alert[data-mode=compact]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;width:min(620px,100% - 680px);min-width:480px;padding:0;animation:none;inset:142px auto auto 50%;transform:translate(-50%)}.forecast-alert[data-mode=compact] .forecast-alert__card{border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:12px;width:100%;padding:11px 13px;display:grid}.forecast-alert[data-mode=compact] .forecast-alert__eyebrow,.forecast-alert[data-mode=compact] .forecast-alert__certainty,.forecast-alert[data-mode=compact] .forecast-alert__detail,.forecast-alert[data-mode=compact] #forecast-alert-focus{display:none}.forecast-alert[data-mode=compact] .forecast-alert__header{align-items:center;margin:0}.forecast-alert[data-mode=compact] .forecast-alert__header h2{letter-spacing:0;margin:0;font-size:.78rem}.forecast-alert[data-mode=compact] .forecast-alert__countdown{letter-spacing:-.04em;font-size:1rem}.forecast-alert[data-mode=compact] .forecast-alert__actions{margin:0}.forecast-alert[data-mode=compact] .forecast-alert__actions button{min-height:30px;padding-inline:9px;font-size:.62rem}@keyframes forecast-reveal{0%{opacity:0}to{opacity:1}}@keyframes forecast-pulse{0%{opacity:.72}to{opacity:1}}.attention-rail,.command-panel{z-index:3;top:156px;bottom:max(18px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#091b20f0,#040e12e6);border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 22px 64px #00000047,inset 0 1px #ffffff06}.attention-rail{left:max(18px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;width:min(298px,100vw - 36px);display:grid}.attention-rail>header,.command-panel__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px 15px;display:flex}.attention-rail h2,.command-panel h2{letter-spacing:-.035em;margin-top:4px;font-size:1.18rem;font-weight:680}.attention-count{border:1px solid var(--line-bright);background:var(--cyan-soft);min-width:28px;height:28px;color:var(--cyan);border-radius:7px;place-items:center;font:750 .72rem/1 Cascadia Mono,Consolas,monospace;display:grid}.attention-list{scrollbar-color:var(--line-bright) transparent;scrollbar-width:thin;align-content:start;gap:7px;min-height:0;padding:10px;display:grid;overflow:auto}.attention-item{width:100%;min-height:64px;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .14s ease, background-color .14s ease, transform .14s var(--ease-out);background:#020a0d9e;border:1px solid #ffffff0e;border-radius:8px;grid-template-columns:7px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.attention-item:active{transform:scale(.98)}.attention-item__signal{background:var(--cyan);border-radius:999px;width:4px;height:26px;box-shadow:0 0 12px #49e6d459}.attention-item[data-severity=critical] .attention-item__signal{background:var(--red);box-shadow:0 0 12px #ff657a80}.attention-item[data-severity=warning] .attention-item__signal{background:var(--amber);box-shadow:0 0 12px #ffb45f73}.attention-item>span:nth-child(2){gap:3px;min-width:0;display:grid}.attention-item strong,.attention-item small{text-overflow:ellipsis;overflow:hidden}.attention-item strong{white-space:nowrap;font-size:.73rem;font-weight:690}.attention-item small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.61rem;line-height:1.35;display:-webkit-box}.attention-item__arrow{color:var(--muted);font-size:1.1rem}.attention-empty{color:var(--muted);text-align:center;padding:26px 14px;font-size:.72rem;line-height:1.5}.rail-shortcut{border-top:1px solid var(--line);color:var(--muted);padding:10px 14px;font-size:.61rem}.command-panel{right:max(18px, env(safe-area-inset-right));grid-template-rows:auto auto 1fr;width:min(390px,100vw - 36px);display:grid}.command-panel__header{align-items:center}.identity-chip{text-align:right;justify-items:end;gap:2px;min-width:0;display:grid}.identity-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:155px;font-size:.73rem;overflow:hidden}.identity-chip span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:720}.panel-tabs{border-bottom:1px solid var(--line);background:#020a0d8c;grid-template-columns:repeat(3,1fr);padding:6px;display:grid}.alliance-summary{border-bottom:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.alliance-summary>div{background:radial-gradient(circle at 80% 20%,#8de7a817,#0000 50%),#040e12f5;align-content:center;gap:4px;min-width:0;min-height:90px;padding:13px;display:grid}.alliance-summary strong{color:#8de7a8;font-variant-numeric:tabular-nums;font-size:1.35rem}.alliance-summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.alliance-section+.alliance-section{border-top:1px solid var(--line)}.ally-grid,.alliance-tech-grid{gap:8px;margin-top:13px;display:grid}.ally-card{border:1px solid var(--line);background:#020a0d9e;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.ally-card>div{gap:4px;min-width:0;display:grid}.ally-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.ally-card button,.alliance-tech button,.alliance-ledger button{color:#baf4cc;cursor:pointer;background:#8de7a814;border:1px solid #8de7a842;border-radius:6px;min-height:32px;padding:0 9px;font-size:.57rem;font-weight:720}.ally-card button:disabled,.alliance-tech button:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed;opacity:.72;background:0 0}.alliance-guidance{color:var(--muted);margin-top:9px;font-size:.63rem;line-height:1.5}.alliance-tech{border:1px solid var(--line);background:#020a0d9e;border-radius:8px;gap:9px;padding:11px;display:grid}.alliance-tech[data-state=ready]{background:#8de7a80b;border-color:#8de7a84d}.alliance-tech[data-state=completed]{background:#49e6d40e;border-color:#49e6d44d}.alliance-tech>header,.alliance-tech>footer{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.alliance-tech h4{margin-top:3px;font-size:.72rem}.alliance-tech>header>strong{color:#8de7a8;flex:none;font:700 .58rem/1.2 Cascadia Mono,Consolas,monospace}.alliance-tech>p{color:var(--muted-bright);font-size:.61rem;line-height:1.45}.alliance-tech>footer{align-items:center}.alliance-tech>footer small{color:var(--muted);font-size:.52rem;line-height:1.35}.alliance-tech__bar{background:#ffffff12;border-radius:99px;height:4px;overflow:hidden}.alliance-tech__bar>span{border-radius:inherit;transform-origin:0;background:#8de7a8;width:100%;height:100%;transition:transform .22s linear;display:block}.alliance-ledger{gap:6px;margin:9px 0 0;padding:0;list-style:none;display:grid}.alliance-ledger li{border:1px solid var(--line);color:var(--muted);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:.58rem;display:flex}.alliance-ledger span{gap:2px;display:grid}.panel-tabs button{min-height:40px;color:var(--muted);cursor:pointer;transition:background-color .15s ease, color .15s ease, transform .13s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;padding:0 10px;font-size:.7rem;font-weight:680;display:flex}.panel-tabs button:active{transform:scale(.98)}.panel-tabs button[aria-selected=true]{border-color:var(--line);background:var(--cyan-soft);color:var(--ink)}.command-panel__scroll{overscroll-behavior:contain;scrollbar-color:var(--line-bright) transparent;scrollbar-width:thin;min-height:0;overflow:auto}.identity-block{border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 20%,#49e6d417,#0000 36%);padding:20px 18px}.identity-block h3,.dependency-view h3{letter-spacing:-.045em;margin-top:5px;font-size:1.6rem;font-weight:680}.identity-block p{color:var(--muted-bright);margin-top:8px;font-size:.72rem;line-height:1.5}.overview-metrics{border-bottom:1px solid var(--line);background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.overview-metrics>div{background:#040e12f5;align-content:center;gap:5px;min-height:76px;padding:13px 16px;display:grid}.overview-metrics span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.58rem;font-weight:700}.overview-metrics strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.overview-metrics strong[data-health=warning]{color:var(--amber)}.panel-section{padding:18px}.panel-section>header,.dependency-view>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-section h4{margin-top:4px;font-size:.92rem;font-weight:680}.capacity-chip,.building-tier{border:1px solid var(--line);background:var(--cyan-soft);min-height:25px;color:var(--cyan);text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font:700 .58rem/1 Cascadia Mono,Consolas,monospace;display:inline-flex}.queue-list{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.queue-row{background:#020a0d94;border:1px solid #ffffff0e;border-radius:7px;gap:8px;padding:10px 11px;display:grid}.queue-row>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.queue-row strong{font-size:.7rem}.queue-row__identity{gap:2px;min-width:0;display:grid}.queue-row__identity small{color:var(--muted);font-size:.59rem}.cancel-button{color:#ff9aaa;cursor:pointer;min-height:30px;transition:background-color .14s ease, border-color .14s ease, transform .13s var(--ease-out);background:#ff657a0f;border:1px solid #ff657a33;border-radius:6px;padding:0 8px;font-size:.57rem;font-weight:700}.cancel-button:active{transform:scale(.96)}.queue-row__bar{background:#ffffff12;border-radius:999px;height:3px;overflow:hidden}.queue-row__bar span{background:var(--cyan);transform-origin:0;width:100%;height:100%;transition:transform .22s linear;display:block}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;margin-top:14px;padding:16px;font-size:.68rem;line-height:1.5}.group-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;padding:10px;display:flex;overflow-x:auto}.group-tabs::-webkit-scrollbar{display:none}.group-tab{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;transition:color .14s ease, background-color .14s ease, transform .13s var(--ease-out);background:#030c0fa6;border-radius:999px;flex:none;padding:0 10px;font-size:.62rem;font-weight:680}.group-tab:active{transform:scale(.97)}.group-tab[aria-pressed=true]{border-color:var(--line-bright);background:var(--cyan-soft);color:var(--cyan)}.building-list{border-bottom:1px solid var(--line);gap:7px;padding:10px;display:grid}.building-card{background:#020a0d99;border:1px solid #ffffff0e;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:7px;padding:5px;display:grid}.building-card[data-selected=true]{border-color:var(--line-bright);background:var(--cyan-soft)}.building-card__inspect{min-width:0;min-height:46px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:4px 6px;display:grid}.building-art{overflow:hidden}.building-card__inspect>span:last-child{gap:3px;min-width:0;display:grid}.building-card__inspect strong,.building-card__inspect small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.building-card__inspect strong{font-size:.7rem}.building-card__inspect small{color:var(--muted);font-size:.58rem}.dependency-view{background:radial-gradient(circle at 85% 15%,#49e6d417,#0000 36%);gap:11px;padding:18px;display:grid}.dependency-view h3{font-size:1.22rem}.dependency-cost{color:var(--muted);font-size:.64rem;line-height:1.45}.dependency-column{gap:6px;display:grid}.dependency-label{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.55rem;font-weight:720}.dependency-node,.dependency-empty{border:1px solid var(--line);min-height:44px;color:var(--ink);text-align:left;background:#030c0fb8;border-radius:7px;align-content:center;gap:2px;padding:7px 10px;display:grid}button.dependency-node{cursor:pointer;transition:border-color .14s ease, transform .13s var(--ease-out)}button.dependency-node:active{transform:scale(.98)}.dependency-node[data-state=met]{border-color:#76e5a640}.dependency-node[data-state=missing]{border-color:#ffb45f42}.dependency-node span,.dependency-empty{color:var(--muted);font-size:.56rem}.dependency-node strong{font-size:.67rem}.dependency-link{background:linear-gradient(var(--line-bright), transparent);width:1px;height:10px;margin:-4px 0 -4px 18px}.queue-button{min-height:48px;color:var(--ink);cursor:pointer;transition:background-color .14s ease, border-color .14s ease, transform .14s var(--ease-out);background:#49e6d421;border:1px solid #49e6d45c;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.queue-button:active:not(:disabled){transform:scale(.98)}.queue-button span{text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.queue-button strong{color:var(--cyan);text-transform:uppercase;flex:none;font-size:.62rem}.queue-button:disabled{color:var(--muted);cursor:not-allowed;background:#ffffff09;border-color:#ffffff14}.queue-button:disabled strong{color:var(--muted)}.queue-button--compact{justify-content:center;min-width:54px;min-height:36px;padding:0 9px;font-size:.6rem;font-weight:720}.map-controls{z-index:4;bottom:max(18px, env(safe-area-inset-bottom));gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.map-controls button{border:1px solid var(--line);min-width:42px;min-height:42px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .14s ease, background-color .14s ease, transform .13s var(--ease-out);background:#040e12e0;border-radius:8px;font-weight:750}.map-controls button:active{transform:scale(.96)}.map-selection{z-index:3;bottom:max(68px, calc(env(safe-area-inset-bottom) + 58px));border:1px solid var(--line);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040e12d6;border-radius:8px;gap:4px;min-width:min(320px,100vw - 36px);padding:10px 14px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.map-selection strong{font-size:.78rem}.map-selection>span:last-child{color:var(--muted);font-size:.6rem}.toast-region{z-index:10;right:max(22px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:none;justify-items:end;display:grid;position:fixed}.command-toast{border:1px solid var(--line-bright);max-width:min(340px,100vw - 32px);color:var(--ink);opacity:1;transition:opacity .15s ease, transform .18s var(--ease-out);background:#0a2025;border-radius:8px;padding:11px 14px;font-size:.7rem;transform:translateY(0)scale(1);box-shadow:0 16px 44px #00000057}@starting-style{.command-toast{opacity:0;transform:translateY(100%)scale(.98)}}.command-toast[data-tone=warning]{border-color:#ffb45f70}.command-toast[data-tone=success]{border-color:#76e5a670}.command-toast[data-leaving=true]{opacity:0;transform:translateY(25%)scale(.98)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.attention-rail,.command-panel,.resource-dock,.overlay-dock{transition:opacity .16s var(--ease-out), transform .19s var(--ease-out), visibility .19s;will-change:transform, opacity}.attention-rail[data-open=false]{visibility:hidden;opacity:0;transform:translate(calc(-100% - 28px))}.command-panel[data-open=false]{visibility:hidden;opacity:0;transform:translate(calc(100% + 28px))}.resource-dock[data-open=false],.overlay-dock[data-open=false]{visibility:hidden;opacity:0;transform:translate(-50%,calc(-100% - 20px))}.map-controls{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#02090cc2;border-radius:11px;align-items:center;max-width:calc(100vw - 28px);padding:5px;box-shadow:0 14px 38px #00000052}.map-controls .map-controls__drawer{min-width:72px;color:var(--muted-bright);letter-spacing:.035em;padding-inline:11px;font-size:.62rem}.map-controls button[data-active=true]{color:var(--cyan);background:#49e6d424;border-color:#49e6d480}.map-controls__count{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:4px;font:760 .56rem/1 Cascadia Mono,Consolas,monospace;display:inline-grid}.map-controls__divider{background:var(--line-bright);width:1px;height:26px;margin-inline:2px}.map-minimap{z-index:2;bottom:max(76px, calc(env(safe-area-inset-bottom) + 66px));left:max(18px, env(safe-area-inset-left));border:1px solid var(--line-bright);pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#02090ce6;border-radius:10px;width:220px;position:absolute;overflow:hidden;box-shadow:0 18px 46px #0000004d}.map-minimap canvas{cursor:crosshair;outline:none;width:100%;height:auto;display:block}.map-minimap canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan)}.map-minimap span{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.12em;padding:6px 9px;font:700 .52rem/1 Cascadia Mono,Consolas,monospace;display:block}.tutorial-guide header{grid-template-columns:1fr auto auto;align-items:center}.tutorial-guide #tutorial-collapse{border:1px solid var(--line);min-height:28px;color:var(--muted-bright);cursor:pointer;transition:border-color .14s ease, background-color .14s ease, transform .13s var(--ease-out);background:#ffffff09;border-radius:6px;padding:0 9px;font-size:.58rem}.tutorial-guide #tutorial-collapse:active{transform:scale(.97)}.tutorial-guide[data-collapsed=true]{width:auto;min-width:190px;padding:9px 10px}.tutorial-guide[data-collapsed=true] header{gap:10px}.tutorial-guide[data-collapsed=true] h2,.tutorial-guide[data-collapsed=true]>p,.tutorial-guide[data-collapsed=true]>div{display:none}@media (hover:hover) and (pointer:fine){.attention-item:hover,.building-card__inspect:hover,.dependency-node:hover{border-color:var(--line-bright)}.attention-item:hover{background:#49e6d413}.queue-button:hover:not(:disabled),.map-controls button:hover,.tutorial-guide #tutorial-collapse:hover{border-color:var(--cyan);background:#49e6d429}}@media (max-width:1120px){.attention-rail{width:264px}.command-panel{width:350px}.resource-dock{scrollbar-width:none;overflow-x:auto}.resource-dock::-webkit-scrollbar{display:none}.overlay-dock{width:min(600px,100% - 640px);min-width:420px}.overlay-buttons button{font-size:0}.overlay-buttons button:after{content:attr(data-overlay);text-transform:capitalize;font:680 .58rem/1.1 Cascadia Mono,Consolas,monospace}}@media (max-width:800px){.tutorial-guide{width:auto;bottom:12px;left:12px;right:12px;transform:none}.accessibility-dock{bottom:12px;left:auto;right:12px}html,body{overflow:auto}:is(html:has(.match-flow-layer:not([hidden])),body:has(.match-flow-layer:not([hidden]))){overflow:hidden}.app-shell{height:auto;min-height:100dvh;padding:0 max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#03080b;flex-direction:column;display:flex;overflow:hidden}.world-view{height:55vh;min-height:360px}.world-view:after{background:linear-gradient(#03080beb,#0000 24%,#03080b33 64%,#03080b 100%)}.match-flow-layer{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));place-items:start center;position:fixed;overflow:hidden}.flow-card{max-height:calc(100dvh - 24px);overflow:auto}.flow-card__header{gap:16px;padding:20px}.flow-card__header h2{font-size:clamp(1.7rem,8vw,2.6rem)}.flow-service-state{min-width:230px}.flow-lobby-grid,.planning-grid{grid-template-columns:1fr;padding:20px}.flow-rosters--planning{grid-template-columns:repeat(2,minmax(0,1fr))}.command-header{min-height:80px;margin-inline:calc(-1 * max(12px, env(safe-area-inset-left))) calc(-1 * max(12px, env(safe-area-inset-right)));flex:none;position:relative}.renderer-label,.diagnostic-chip{display:none}.match-readout>div{min-width:auto}.resource-dock{width:calc(100% - 24px);top:87px;overflow-x:auto}.resource-strip{min-width:1000px}.overlay-dock{scrollbar-width:none;width:calc(100% - 24px);min-width:0;top:137px;overflow-x:auto;transform:translate(-50%)}.overlay-dock::-webkit-scrollbar{display:none}.overlay-buttons{min-width:570px}.overlay-buttons button{min-height:40px}.overlay-summary{width:calc(100vw - 24px);position:sticky;left:0}.forecast-alert{padding:14px;position:fixed}.forecast-alert__card{width:100%;padding:18px}.forecast-alert[data-mode=compact]{width:auto;min-width:0;position:absolute;top:201px;left:12px;right:12px;transform:none}.attention-rail,.command-panel{border-radius:10px;width:100%;position:relative;inset:auto}.attention-rail{z-index:3;flex:none;max-height:270px;margin-top:calc(55vh - 80px)}.attention-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-shortcut{display:none}.command-panel{z-index:3;min-height:500px;max-height:none;margin-top:12px}.command-panel__scroll{max-height:none;overflow:visible}.map-controls{position:absolute;top:calc(55vh - 54px);bottom:auto}.map-selection{position:absolute;top:calc(55vh - 128px);bottom:auto}.toast-region{right:16px;bottom:max(16px, env(safe-area-inset-bottom))}}@media (max-width:520px){.audio-dock{bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left))}#audio-toggle{min-height:34px;padding-inline:11px;font-size:.57rem}.audio-settings-button{min-height:34px!important;padding-inline:10px!important}.audio-panel{width:calc(100vw - 20px);max-height:min(520px,100dvh - 66px);overflow:auto}.flow-card__header{padding:18px 16px;display:grid}.flow-service-state{width:100%;min-width:0}.flow-lobby-grid,.planning-grid{gap:18px;padding:18px 16px}.team-size-options{gap:4px}.team-size-options button{min-height:38px;font-size:.65rem}.flow-rosters,.flow-rosters--planning{grid-template-columns:1fr}.flow-versus{min-height:24px}.flow-card--planning .flow-card__header{grid-template-columns:1fr auto}.flow-card--planning .flow-card__header>div:first-child{min-width:0}.flow-card--planning .flow-card__header p{font-size:.72rem}.planning-clock{min-width:76px;padding:9px}.doctrine-options{grid-template-columns:1fr}.doctrine-options button:last-child{grid-column:auto}.flow-card--ended{padding:30px 20px}.flow-card--ended .flow-primary-action{width:100%;min-width:0}.command-header{min-height:96px;padding-top:max(12px, env(safe-area-inset-top));flex-wrap:wrap;gap:7px}.brand-lockup:after{display:none}.brand-kicker{font-size:.54rem}.match-readout{flex:1 0 100%;justify-content:space-between}.match-readout>div{text-align:left;align-items:center;gap:7px;display:flex}.connection-status{min-height:26px;padding-inline:8px;font-size:.55rem}.resource-dock{top:104px}.overlay-dock{top:154px}.forecast-alert[data-mode=compact]{top:218px}.attention-rail{margin-top:calc(55vh - 96px)}.attention-list{grid-template-columns:1fr}.attention-item{min-height:58px}.command-panel__header{padding-inline:14px}.identity-chip strong{max-width:130px}.identity-block,.panel-section,.dependency-view{padding:16px 14px}.map-selection{width:calc(100% - 32px)}.queue-button span{white-space:normal}}@media (max-width:900px){.map-controls{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));scrollbar-width:none;justify-content:flex-start;overflow-x:auto;transform:none}.map-controls::-webkit-scrollbar{display:none}.map-controls .map-controls__drawer{min-width:68px}.map-controls__divider{flex:0 0 1px}.map-minimap{bottom:max(72px, calc(env(safe-area-inset-bottom) + 62px));left:max(10px, env(safe-area-inset-left));width:148px}.map-minimap span{display:none}.map-selection{bottom:max(72px, calc(env(safe-area-inset-bottom) + 62px));min-width:0;max-width:calc(100vw - 178px);margin-left:76px}.attention-rail,.command-panel{top:132px;bottom:max(70px, calc(env(safe-area-inset-bottom) + 62px));width:calc(100vw - 20px)}.attention-rail{left:10px}.command-panel{right:10px}.resource-dock,.overlay-dock{width:calc(100vw - 20px);min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.attention-item,.panel-tabs button,.group-tab,.dependency-node,.queue-button,.overlay-buttons button,.forecast-alert,.forecast-alert__countdown,.map-controls button,.command-toast{transition-property:color,background-color,border-color,opacity!important;transition-duration:80ms!important}}