:root{color:#f4eee2;font-synthesis:none;text-rendering:optimizelegibility;background:#061b2b;font-family:"Source Sans 3",Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:var(--layout-min-width,320px);min-height:var(--layout-min-height,100dvh);margin:0}body{overflow-x:hidden}button,input,select{font:inherit}button,select{color:inherit}button{border:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}h1,h2,h3,p{margin-top:0}.icon{flex:none;width:20px;height:20px;display:block}.lobby,.mobile-gate,.game-screen,.connection-error{--ui-canvas:#061b2b;--ui-panel:#08263b;--ui-panel-raised:#0d334b;--ui-panel-hover:#16445e;--ui-border:#d0e0e83d;--ui-border-strong:#c99a4ab8;--ui-text:#f4eee2;--ui-text-muted:#b7c5cf;--ui-text-disabled:#748794;--ui-accent:#d3a34c;--ui-accent-hover:#e8c574;--ui-focus:#f0cc7e;--ui-success:#8bc48e;--ui-warning:#e4b866;--ui-danger:#d47c78;--ui-info:#82b9db;color:var(--ui-text)}.panel-surface,.command-dock,.context-inspector,.minimap,.side-drawer,.result-dialog,.connection-card,.error-card{border:1px solid var(--ui-border);background:#08263bf5;border-radius:8px;box-shadow:0 12px 30px #03121e52}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-emblem{border:1px solid var(--ui-border-strong);width:40px;height:40px;color:var(--ui-accent);background:var(--ui-panel);border-radius:50%;flex:none;place-items:center;display:grid}.brand-emblem .icon{width:23px;height:23px}.brand-words{gap:1px;min-width:0;display:grid}.brand-words strong{white-space:nowrap;font-family:"Source Serif 4",Georgia,serif;font-size:1.08rem;line-height:1.1}.brand-words small{color:var(--ui-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.64rem}.brand-compact{gap:8px}.brand-compact .brand-emblem{width:32px;height:32px}.brand-compact .brand-emblem .icon{width:18px;height:18px}.brand-compact .brand-words strong{font-size:.94rem}.eyebrow,.micro-label{color:var(--ui-accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:760}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:750;transition:background-color .14s,border-color .14s,transform .14s;display:inline-flex}.button-primary{color:var(--ui-canvas);background:var(--ui-accent)}.button-primary:not(:disabled):hover{background:var(--ui-accent-hover)}.button-secondary{border-color:var(--ui-border-strong);background:var(--ui-panel-raised)}.button-danger{border-color:var(--ui-danger);color:var(--ui-text);background:#d47c7833}.button-row{flex-wrap:wrap;gap:10px;display:flex}.maritime-backdrop{z-index:-1;background:#087fbd;position:absolute;inset:0;overflow:hidden}.maritime-map{width:100%;height:100%}.backdrop-vignette{background:#04263e1f;position:absolute;inset:0}.backdrop-sea-drift{transform-box:fill-box;transform-origin:50%}.backdrop-sea-drift-a{animation:22s ease-in-out infinite alternate sea-drift-a}.backdrop-sea-drift-b{animation:29s ease-in-out infinite alternate sea-drift-b}@keyframes sea-drift-a{to{transform:translate(8px,3px)}}@keyframes sea-drift-b{to{transform:translate(-7px,-3px)}}.lobby{isolation:isolate;min-height:var(--layout-min-height,100dvh);background:var(--ui-canvas);gap:clamp(28px,3.5vw,52px);padding:20px clamp(20px,4vw,68px) 26px;display:grid;position:relative;overflow:hidden auto}.lobby:before{z-index:-2;background:linear-gradient(180deg, #087fbd 0%, #096da4 64%, var(--ui-canvas) 100%);content:"";height:min(900px,94vh);position:absolute;inset:0 0 auto}.lobby-header,.lobby-hero,.landing-steps,.lobby-race,.seat-panel,.lobby-footer{width:min(1240px,100%);margin-inline:auto}.lobby-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.lobby-nav,.lobby-footer nav{flex-wrap:wrap;align-items:center;gap:clamp(14px,2vw,28px);display:flex}.lobby-nav a,.lobby-footer a{color:var(--ui-text-muted);font-size:.78rem;text-decoration:none}.lobby-nav a:hover,.lobby-footer a:hover{color:var(--ui-text)}.lobby-nav a:last-child{border:1px solid var(--ui-border-strong);color:var(--ui-canvas);background:var(--ui-accent);border-radius:5px;padding:9px 14px;font-weight:750}.lobby-hero{border:1px solid var(--ui-border);background:#0786c2;border-radius:12px;grid-template-columns:minmax(370px,.7fr) minmax(0,1.3fr);min-height:clamp(540px,68vh,690px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 68px #02132161}.lobby-copy{z-index:2;background:linear-gradient(90deg,#041828fa 0%,#041f33f2 72%,#041f33b8 90%,#041f3300 100%);flex-direction:column;grid-column:1;justify-content:center;padding:clamp(36px,4vw,58px) clamp(32px,4.5vw,68px);display:flex;position:relative}.lobby-copy h1,.mobile-gate-copy h1,.error-card h1,.result-dialog h1{letter-spacing:-.025em;font-family:"Source Serif 4",Georgia,serif}.lobby-copy h1{max-width:11ch;margin:8px 0 15px;font-size:clamp(3.15rem,4.25vw,4.45rem);line-height:.98}.lobby-copy>p:not(.eyebrow){max-width:36rem;color:var(--ui-text-muted);margin-bottom:18px;font-size:1.05rem;line-height:1.55}.lobby-facts{border-top:1px solid var(--ui-border);flex-wrap:wrap;gap:14px;margin-bottom:20px;padding-top:13px;display:flex}.lobby-facts span{color:var(--ui-text-muted);background:0 0;align-items:center;gap:6px;padding:0;font-size:.72rem;display:inline-flex}.lobby-facts .icon{width:16px;height:16px;color:var(--ui-accent)}.join-form{gap:8px;display:grid}.join-form label{color:var(--ui-text-muted);font-size:.73rem;font-weight:700}.join-controls{grid-template-columns:minmax(160px,1fr) auto;gap:8px;display:grid}.join-controls input,.route-controls select{border:1px solid var(--ui-border);min-width:0;min-height:44px;color:var(--ui-text);background:var(--ui-canvas);border-radius:5px;padding:9px 12px}.join-controls .button-primary{min-width:148px;min-height:46px;padding-inline:20px}.field-error{color:var(--ui-danger);font-size:.72rem}.lobby-scene{z-index:0;background:#0786c2;min-width:0;margin:0;position:absolute;inset:0;overflow:hidden}.lobby-scene:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#08263b33,#0000 40%);position:absolute;inset:0}.lobby-scene .maritime-backdrop{z-index:0}.lobby-scene figcaption{z-index:2;border-left:2px solid var(--ui-accent);background:#061b2bc7;gap:2px;padding:10px 12px;display:grid;position:absolute;bottom:20px;right:22px}.lobby-scene figcaption span{font-family:"Source Serif 4",Georgia,serif}.lobby-scene figcaption small{color:var(--ui-text-muted);font-size:.68rem}.landing-steps{border:1px solid var(--ui-border);background:#08263b94;border-radius:10px;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);align-items:start;gap:38px;padding:clamp(28px,3vw,40px);display:grid}.section-intro h2,.lobby-race h2,.seat-panel h2{margin:8px 0 0;font-family:"Source Serif 4",Georgia,serif;line-height:1.05}.section-intro h2,.lobby-race h2{max-width:18ch;font-size:clamp(2rem,3.1vw,3.1rem)}.step-grid{border-top:1px solid var(--ui-border-strong);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step-card{border-right:1px solid var(--ui-border);align-content:start;gap:8px;min-height:184px;padding:22px;display:grid;position:relative}.step-card:last-child{border-right:0}.step-number{color:var(--ui-accent);letter-spacing:.1em;font-size:.68rem}.step-card .icon{color:var(--ui-accent)}.step-card h3{margin:4px 0 0;font-family:"Source Serif 4",Georgia,serif;font-size:1.22rem}.step-card p,.lobby-race p:not(.eyebrow){color:var(--ui-text-muted);margin:0;font-size:.82rem;line-height:1.5}.lobby-race{border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:42px;padding:38px 0;display:grid}.lobby-race>div{align-content:center;gap:8px;display:grid}.score-weights{border:1px solid var(--ui-border);background:var(--ui-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:20px 0 0;display:grid}.score-weights div{background:var(--ui-panel);justify-content:space-between;gap:12px;padding:11px 12px;display:flex}.score-weights dt{color:var(--ui-text-muted);font-size:.74rem}.score-weights dd{color:var(--ui-accent-hover);margin:0;font-weight:800}.departure-card{border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:8px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:18px;padding:22px;display:grid}.countdown{text-align:center;border:1px solid var(--ui-border-strong);border-radius:50%;place-content:center;width:96px;height:96px;display:grid}.countdown-value{font-family:"Source Serif 4",Georgia,serif;font-size:2.45rem;line-height:1}.countdown-label{color:var(--ui-text-muted);font-size:.61rem}.departure-copy{gap:5px;display:grid}.departure-copy span{color:var(--ui-text-muted);font-size:.76rem;line-height:1.4}.seat-panel{border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:8px;padding:24px}.seat-panel-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.seat-count{color:var(--ui-accent);font-weight:800}.seat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.seat{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:5px;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.seat-open{opacity:.58}.seat-current{border-color:var(--ui-accent)}.seat-number{color:var(--ui-text-muted);font-size:.62rem}.player-mark{border:1px solid var(--player-color);border-radius:4px;place-items:center;width:32px;height:32px;font-size:.66rem;font-weight:800;display:grid}.seat-details{min-width:0;display:grid}.seat-details strong,.seat-details small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-details strong{font-size:.76rem}.seat-details small{color:var(--ui-text-muted);font-size:.62rem}.you-chip{color:var(--ui-accent);font-size:.62rem;font-weight:800}.lobby-footer{border-top:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:20px;padding-top:6px;padding-bottom:4px;display:flex}.lobby-footer-brand{align-items:center;gap:18px;display:flex}.lobby-footer-brand>small{color:var(--ui-text-muted);font-size:.66rem}.lobby[data-layout-zoom=in] .lobby-hero{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);min-height:520px}.lobby[data-layout-zoom=in] .lobby-copy{padding:30px 38px}.lobby[data-layout-zoom=in] .lobby-copy h1{max-width:11ch;font-size:2.9rem}.lobby[data-layout-zoom=in] .lobby-copy>p:not(.eyebrow){font-size:.94rem}.mobile-gate,.connection-error{isolation:isolate;min-height:var(--layout-min-height,100dvh);background:#087fbd;place-items:center;padding:24px;display:grid;position:relative;overflow:hidden auto}.mobile-gate-card,.error-card{z-index:1;gap:20px;width:min(620px,100%);padding:clamp(26px,5vw,48px);display:grid;position:relative}.mobile-gate-copy h1{max-width:11ch;margin:8px 0 14px;font-size:clamp(2.5rem,8vw,4rem);line-height:1}.mobile-gate-copy p:last-child{color:var(--ui-text-muted);margin:0;line-height:1.55}.mobile-gate-action{gap:8px;display:grid}.error-card{text-align:center;background:var(--ui-panel);justify-items:center}.error-icon{border:1px solid var(--ui-danger);width:52px;height:52px;color:var(--ui-danger);border-radius:50%;place-items:center;display:grid}.error-card h1{margin-bottom:8px}.error-card>p:not(.eyebrow){color:var(--ui-text-muted)}.connection-overlay,.result-overlay{z-index:100;background:#03121ec7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.connection-overlay-compact{pointer-events:none;place-items:start center;padding-top:90px}.connection-card{align-items:center;gap:14px;width:min(430px,100%);padding:18px;display:flex}.connection-compass{color:var(--ui-accent)}.connection-card>div{gap:3px;display:grid}.connection-card span{color:var(--ui-text-muted);font-size:.75rem}.game-screen{isolation:isolate;width:100%;height:var(--layout-min-height,100dvh);background:#087fbd;grid-template:"top top""field minimap"minmax(0,1fr)"command minimap"124px/minmax(0,1fr) 280px;gap:8px;min-height:0;padding:10px;display:grid;position:relative;overflow:hidden}.game-world{z-index:-1;position:absolute;inset:0}.game-canvas,.game-canvas canvas{width:100%;height:100%;display:block}.top-hud{z-index:20;grid-area:top;gap:6px;min-width:0;display:grid}.app-bar{grid-template-columns:minmax(260px,.8fr) minmax(390px,1.15fr) auto;align-items:center;gap:14px;min-width:0;min-height:54px;padding:7px 10px;display:grid}.match-cluster{align-items:center;gap:9px;min-width:0;display:flex}.match-divider,.resource-divider{background:var(--ui-border);flex:none;width:1px;height:30px}.match-identity{min-width:0;display:grid}.match-identity small,.coin-stat small,.match-metrics small,.resource-source small,.resource-stat small{color:var(--ui-text-muted);text-transform:uppercase;font-size:.58rem;line-height:1.05}.match-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.live-chip{color:#d9f1d8;background:#539d5a61;border-radius:4px;align-items:center;gap:5px;margin-left:auto;padding:4px 7px;font-size:.67rem;font-weight:800;display:inline-flex}.protection-chip{border:1px solid color-mix(in srgb, var(--ui-success) 62%, var(--ui-border));min-height:26px;color:var(--ui-text);background:color-mix(in srgb, var(--ui-success) 12%, var(--ui-panel-raised));white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:.62rem;font-weight:750;display:inline-flex}.protection-chip .icon{width:14px;height:14px;color:var(--ui-success)}.live-chip i{background:var(--ui-success);border-radius:50%;width:6px;height:6px}.match-metrics{grid-template-columns:minmax(94px,.8fr) minmax(98px,.85fr) minmax(124px,1.3fr) minmax(92px,.8fr);gap:5px;min-width:0;display:grid}.match-metrics>span,.coin-stat{align-items:center;gap:7px;min-width:0;display:flex}.match-metrics>span>span,.coin-stat>span{min-width:0;display:grid}.match-metrics .icon,.coin-stat .icon{width:17px;height:17px;color:var(--ui-accent)}.match-metrics strong,.coin-stat strong{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0;font-size:.78rem}.leader-stat strong{text-overflow:ellipsis;overflow:hidden}.app-actions{justify-content:end;align-items:center;gap:4px;display:flex}.app-actions button{min-height:36px;color:var(--ui-text-muted);background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:.68rem;display:inline-flex}.app-actions button:hover,.app-actions button.is-active{border-color:var(--ui-border-strong);color:var(--ui-text);background:var(--ui-panel-hover)}.app-actions .icon{width:16px;height:16px;color:var(--ui-accent)}kbd,.status-key{border:1px solid var(--ui-border-strong);color:var(--ui-text-muted);background:var(--ui-canvas);border-radius:3px;padding:2px 4px;font-family:inherit;font-size:.57rem;line-height:1}.resource-cluster{align-items:center;gap:10px;min-width:0;min-height:46px;padding:5px 10px;display:flex}.resource-goods{flex:1;grid-template-columns:minmax(120px,.7fr) minmax(0,3fr);align-items:center;gap:10px;min-width:0;display:grid}.resource-source{min-width:0;display:grid}.resource-source strong{color:var(--ui-accent-hover);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.goods-strip{grid-template-columns:repeat(8,minmax(58px,1fr));gap:3px;min-width:0;display:grid}.resource-stat{border-radius:4px;grid-template-rows:auto auto;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:5px;min-width:0;padding:2px 4px;display:grid}.resource-stat:hover{background:var(--ui-panel-hover)}.resource-stat .resource-badge{grid-row:1/3}.resource-stat strong{font-variant-numeric:tabular-nums;font-size:.69rem}.resource-badge,.resource-glyph{color:var(--resource-ink);background:var(--resource-color);border-radius:4px;place-items:center;display:grid}.resource-badge{width:18px;height:18px}.resource-badge .icon{width:13px;height:13px}.game-screen[data-layout-mode=wide] .top-hud{gap:4px}.game-screen[data-layout-mode=wide] .app-bar{min-height:44px;padding-block:4px}.game-screen[data-layout-mode=wide] .match-cluster .brand-emblem{width:32px;height:32px}.game-screen[data-layout-mode=wide] .match-cluster .brand-emblem .icon{width:18px;height:18px}.game-screen[data-layout-mode=wide] .app-actions button{min-height:32px;padding-block:4px}.game-screen[data-layout-mode=wide] .resource-cluster{min-height:36px;padding-block:3px}.upper-left-overlay{z-index:21;pointer-events:none;gap:7px;width:min(300px,100vw - 20px);max-height:calc(100dvh - 316px);display:grid;position:absolute;top:120px;left:10px;overflow:auto}.upper-left-overlay>*{pointer-events:auto}.objective-tracker{overflow:hidden}.objective-tracker header{border-bottom:1px solid var(--ui-border);background:var(--ui-panel-raised);justify-content:space-between;align-items:center;min-height:35px;padding:0 8px 0 11px;display:flex}.objective-tracker header>span{min-width:0;color:var(--ui-accent);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.objective-tracker header>span>.icon{grid-row:1/3}.objective-tracker header small{color:var(--ui-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:800}.objective-tracker header strong{color:var(--ui-text);text-overflow:ellipsis;white-space:nowrap;font-family:"Source Serif 4",Georgia,serif;font-size:.76rem;line-height:1.1;display:none;overflow:hidden}.objective-tracker header button{width:27px;height:27px;color:var(--ui-text-muted);background:0 0;border-radius:3px}.objective-tracker header button:hover{background:var(--ui-panel-hover)}.objective-tracker>div{gap:6px;padding:11px 13px 13px;display:grid}.objective-tracker>div>strong{font-family:"Source Serif 4",Georgia,serif;font-size:1.05rem}.objective-tracker p{color:var(--ui-text-muted);margin:0;font-size:.75rem;line-height:1.4}.objective-tracker>div>small{border-top:1px solid var(--ui-border);color:var(--ui-accent-hover);padding-top:6px;font-size:.67rem;line-height:1.35}.objective-tracker.is-collapsed>div{display:none}.objective-tracker.is-collapsed header{border-bottom:0;min-height:47px}.objective-tracker.is-collapsed header strong{display:block}.notifications{gap:7px;display:grid}.toast{border:1px solid var(--ui-border);border-left:3px solid var(--ui-info);background:#08263bf7;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.toast-success{border-left-color:var(--ui-success)}.toast-warning{border-left-color:var(--ui-warning)}.toast-danger{border-left-color:var(--ui-danger)}.toast>span{gap:2px;min-width:0;display:grid}.toast strong,.toast small{overflow-wrap:anywhere}.toast strong{font-size:.76rem}.toast small{color:var(--ui-text-muted);font-size:.64rem}.toast button{color:var(--ui-text-muted);background:0 0;font-size:1rem}.bottom-frame{display:contents}.bottom-console{z-index:20;grid-area:command;min-width:0;min-height:0}.command-dock{min-width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) 27px;grid-template-columns:minmax(520px,590px) minmax(0,1fr);gap:8px;display:grid;overflow:visible}.command-dock[data-command-layout=guidance]{grid-template-columns:minmax(520px,590px) minmax(0,1fr)}.command-information{grid-template-columns:minmax(250px,.9fr) minmax(260px,1fr);gap:8px;min-width:0;min-height:0;display:grid}.command-fleet-panel,.command-context{border:1px solid var(--ui-border);background:#08263bf0;border-radius:5px;min-width:0;min-height:0}.command-fleet-panel{grid-template-rows:auto minmax(0,1fr);gap:3px;padding:5px 7px 6px;display:grid}.command-fleet-panel>small{color:var(--ui-accent);letter-spacing:.07em;text-transform:uppercase;font-size:.58rem;font-weight:800}.command-context{align-items:center;padding:7px 9px;display:grid}.command-primary{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:0;display:grid}.context-icon{border:1px solid var(--ui-border-strong);width:38px;height:38px;color:var(--ui-accent);background:var(--ui-panel-raised);border-radius:5px;flex:none;place-items:center;display:grid}.command-identity,.inspector-heading>span:last-child{gap:2px;min-width:0;display:grid}.ship-portrait{border:1px solid var(--ui-border-strong);background-color:#06304ae0;background-image:url(/art/rework/ships-64x160.png);background-position:var(--ship-frame-x) var(--ship-frame-y);background-repeat:no-repeat;background-size:1600% 800%;border-radius:5px;width:100%;height:100%;display:block;overflow:hidden}.command-portrait{width:64px;height:64px}.command-fleet-strip{scrollbar-width:thin;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.command-fleet-strip button{background:0 0;border:1px solid #0000;border-radius:4px;flex:none;width:58px;height:58px;padding:2px}.command-fleet-strip button:hover,.command-fleet-strip button[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-panel-hover)}.command-fleet-strip button[aria-pressed=true]{box-shadow:inset 0 -2px var(--ui-accent)}.command-context small,.inspector-heading small{color:var(--ui-accent);letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:800}.command-context strong{text-overflow:ellipsis;white-space:nowrap;font-family:"Source Serif 4",Georgia,serif;font-size:1.08rem;overflow:hidden}.command-context em{color:var(--ui-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-style:normal;overflow:hidden}.command-dock[data-command-layout=guidance] .command-context em{white-space:normal;line-height:1.25}.selection-meter{background:var(--ui-canvas);border-radius:2px;height:4px;margin-top:2px;display:block;overflow:hidden}.selection-meter i{background:var(--ui-success);height:100%;display:block}.command-grid{grid-template-columns:repeat(4,minmax(96px,160px));justify-content:start;align-items:center;gap:6px;min-width:0;padding:0 2px;display:grid}.command-button{border:1px solid var(--ui-border-strong);min-width:0;min-height:52px;color:var(--ui-text);background:var(--ui-panel-raised);border-radius:5px;grid-template:"icon label hotkey"/auto minmax(0,1fr) auto;place-items:center start;gap:8px;padding:7px 9px;display:grid;position:relative}.command-button:not(:disabled):hover,.command-button.is-selected{border-color:var(--ui-accent);background:var(--ui-panel-hover)}.command-button.is-selected{box-shadow:inset 0 -3px var(--ui-accent)}.command-button .icon{width:22px;height:22px;color:var(--ui-accent);grid-area:icon}.command-label{text-align:left;grid-area:label;font-size:.72rem;font-weight:750;line-height:1.05}.command-button kbd{grid-area:hotkey}.empty-command-hint{color:var(--ui-text-muted);grid-column:1/-1;align-items:center;gap:10px;padding-left:12px;display:flex}.command-dock[data-command-layout=guidance] .command-grid{grid-template-columns:minmax(0,1fr)}.command-dock[data-command-layout=harbor] .command-grid{grid-template-columns:repeat(4,minmax(96px,160px))}.command-dock[data-command-layout=single] .command-grid{grid-template-columns:minmax(120px,160px)}.empty-command-hint span{gap:2px;min-width:0;display:grid}.empty-command-hint strong{color:var(--ui-text);font-size:.78rem}.empty-command-hint small{max-width:48ch;font-size:.66rem;line-height:1.35}.order-feedback{border:1px solid var(--ui-border);width:fit-content;min-width:0;max-width:100%;color:var(--ui-text-muted);white-space:normal;background:#08263beb;border-radius:4px;flex-wrap:wrap;grid-column:1/-1;justify-self:start;align-items:center;gap:6px;padding:4px 8px;font-size:.68rem;display:flex}.order-feedback .icon{width:14px;height:14px;color:var(--ui-warning)}.details-action{border:1px solid var(--ui-border-strong);color:var(--ui-text);background:var(--ui-panel-hover);border-radius:4px;margin-left:auto;padding:5px 10px;font-size:.72rem}.game-screen[data-layout-mode=wide] .command-button{height:44px;min-height:44px;padding:5px 7px}.game-screen[data-layout-mode=wide] .command-button .icon{width:19px;height:19px}.inline-spinner{border:2px solid var(--ui-border-strong);border-top-color:var(--ui-accent);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite compass-turn}@keyframes compass-turn{to{transform:rotate(360deg)}}.workspace-layer{display:contents}.workspace-panel{z-index:30;grid-area:field;justify-self:end;width:min(390px,100vw - 20px);min-height:0;margin:0 0 0 auto;overflow:auto}.workspace-toolbar{z-index:2;background:inherit;justify-content:flex-end;padding:8px 10px 0;display:flex;position:sticky;top:0}.workspace-panel>.player-rail,.workspace-panel>.context-inspector,.workspace-panel>.side-drawer{min-height:100%}.workspace-layer.workspace-overview .workspace-panel{align-self:start;height:fit-content;max-height:100%}.workspace-layer.workspace-overview .workspace-panel>.player-rail{min-height:0}.workspace-layer.workspace-selection .workspace-panel{align-self:start;height:fit-content;max-height:100%}.workspace-layer.workspace-selection .workspace-panel>.context-inspector{min-height:0;max-height:100%}.workspace-layer.workspace-build .workspace-panel{align-self:start;width:min(760px,100vw - 20px);height:fit-content;max-height:100%}.workspace-layer.workspace-build .workspace-panel>.context-inspector{min-height:0;max-height:100%}.workspace-empty{color:var(--ui-text-muted);padding:20px}.minimap{z-index:20;grid-area:minimap;align-self:end;width:100%;height:190px;overflow:hidden}.minimap header{border-bottom:1px solid var(--ui-border);height:31px;color:var(--ui-text-muted);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 10px;font-size:.67rem;display:flex}.minimap canvas{width:100%;height:calc(100% - 31px);display:block}.player-rail{padding:14px}.overview-heading{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:11px;display:flex}.overview-heading>span{gap:2px;display:grid}.overview-heading>span small{color:var(--ui-accent);letter-spacing:.07em;text-transform:uppercase;font-size:.6rem;font-weight:800}.overview-heading>span strong{font-family:"Source Serif 4",Georgia,serif;font-size:1.08rem}.overview-heading>small{color:var(--ui-text-muted);text-align:right;font-size:.6rem}.overview-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0;display:grid}.overview-summary>span{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:4px;min-width:0;padding:7px;display:grid}.overview-summary small{color:var(--ui-text-muted);text-transform:uppercase;font-size:.57rem}.overview-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.player-fleet-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.player-fleet,.player-harbors{gap:4px;margin-top:12px;display:grid}.player-fleet-heading{color:var(--ui-text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.66rem}.player-fleet-row,.player-harbor-row{border-bottom:1px solid var(--ui-border);width:100%;min-width:0;color:inherit;text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 5px;display:grid}.player-fleet-row:hover,.player-harbor-row:hover,.player-fleet-row[aria-pressed=true]{background:#d3a34c1f}.player-fleet-row .icon,.player-harbor-row .icon{width:17px;height:17px;color:var(--ui-accent)}.overview-ship-portrait{width:38px;height:31px}.player-fleet-row>span:not(.ship-portrait),.player-harbor-row>span{min-width:0;display:grid}.player-fleet-row strong,.player-fleet-row small,.player-harbor-row strong,.player-harbor-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-fleet-row strong,.player-harbor-row strong{font-size:.75rem}.player-fleet-row small,.player-harbor-row small,.player-fleet-empty{color:var(--ui-text-muted);font-size:.64rem}.player-fleet-row b,.player-harbor-row b{color:var(--ui-text-muted);font-size:.68rem}.player-harbors{border-top:1px solid var(--ui-border);padding-top:10px}.overview-summary{border-top:1px solid var(--ui-border);margin-top:12px;padding-top:10px}.captain-ranking{border-top:1px solid var(--ui-border);margin-top:12px}.captain-ranking summary{color:var(--ui-text);cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;justify-content:space-between;align-items:center;gap:10px;padding:11px 2px;font-size:.72rem;font-weight:750;list-style:none;display:grid}.captain-ranking summary::-webkit-details-marker{display:none}.captain-ranking summary:after{color:var(--ui-accent);content:"+";font-size:1rem;line-height:1}.captain-ranking[open] summary:after{content:"−"}.captain-ranking summary small{color:var(--ui-text-muted);font-size:.64rem;font-weight:500}.captain-ranking ol{gap:3px;margin:0;padding:0;list-style:none;display:grid}.captain-ranking li{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:4px;grid-template-columns:22px 8px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px;display:grid}.captain-ranking li>b,.captain-ranking li>em{color:var(--ui-text-muted);font-size:.65rem;font-style:normal}.captain-ranking li>i{background:var(--player-color);border-radius:50%;width:7px;height:7px}.captain-ranking li>span{min-width:0;display:grid}.captain-ranking li strong,.captain-ranking li small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.captain-ranking li strong{font-size:.7rem}.captain-ranking li small{color:var(--ui-text-muted);font-size:.59rem}.captain-ranking li.is-current{border-color:var(--ui-accent)}.captain-ranking li.is-eliminated{opacity:.52}.context-inspector{min-height:0;box-shadow:none;background:0 0;border:0;padding:14px;overflow:auto}.inspector-heading{border-bottom:1px solid var(--ui-border);align-items:center;gap:10px;min-width:0;margin-bottom:12px;padding-bottom:10px;display:flex}.inspector-heading h2{margin:1px 0;font-family:"Source Serif 4",Georgia,serif;font-size:1.18rem}.inspector-heading p{color:var(--ui-text-muted);overflow-wrap:anywhere;margin:0;font-size:.68rem}.inspector-stats{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px;margin-bottom:10px;display:grid}.inspector-stat{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:4px;gap:2px;padding:7px;display:grid}.inspector-stat small,.section-heading small{color:var(--ui-text-muted);text-transform:uppercase;font-size:.58rem}.inspector-stat strong{overflow-wrap:anywhere;font-size:.72rem}.inspector-section{border-top:1px solid var(--ui-border);margin-top:10px;padding-top:10px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:.72rem;font-weight:750;display:flex}.producer-list{gap:5px;display:grid}.context-inspector.is-build{padding:12px}.build-surface{gap:12px;display:grid}.build-ledger{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.build-section{border-top:1px solid var(--ui-border);padding-top:10px}.build-section-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:7px;display:flex}.build-section-heading>span{align-items:center;gap:7px;display:flex}.build-section-heading .icon{width:17px;height:17px;color:var(--ui-accent)}.build-section-heading strong{font-size:.78rem}.build-section-heading small{color:var(--ui-text-muted);font-size:.62rem}.production-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.production-card{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:5px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:5px 8px;min-width:0;padding:7px;display:grid}.production-card.is-paused{border-color:color-mix(in srgb, var(--ui-warning) 55%, var(--ui-border))}.production-card-title{min-width:0;display:grid}.production-card-title strong{font-size:.72rem}.production-card-title small{color:var(--ui-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.59rem;overflow:hidden}.production-facts{grid-column:1/-1;grid-template-columns:.8fr .8fr 1.6fr;gap:4px;margin:0;display:grid}.production-facts>div{background:#03182775;border-radius:3px;gap:1px;padding:4px 5px;display:grid}.production-facts dt{color:var(--ui-text-muted);text-transform:uppercase;font-size:.52rem}.production-facts dd{overflow-wrap:anywhere;margin:0;font-size:.61rem}.production-card>.row-action{grid-column:3;justify-self:end}.build-reason{min-width:0;color:var(--ui-warning);grid-column:1/3;margin:0;font-size:.57rem;line-height:1.25}.shipyard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.shipyard-order{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:5px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px;display:grid}.shipyard-order>.icon{width:23px;height:23px;color:var(--ui-accent)}.shipyard-order>span{min-width:0;display:grid}.shipyard-order strong{font-size:.7rem}.shipyard-order small,.shipyard-order em{color:var(--ui-text-muted);overflow-wrap:anywhere;font-size:.58rem;font-style:normal}.shipyard-order em{color:var(--ui-warning);grid-column:2/-1}.ship-build-queue{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:7px 0 0;padding:0;list-style:none;display:grid}.ship-build-queue li{border:1px solid var(--ui-border);background:#03182775;border-radius:4px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:6px;display:grid}.ship-build-queue .icon{width:16px;height:16px;color:var(--ui-accent)}.ship-build-queue span{min-width:0;display:grid}.ship-build-queue strong{font-size:.62rem}.ship-build-queue small{color:var(--ui-text-muted);font-size:.56rem}.ship-build-queue li>i{background:var(--ui-canvas);border-radius:2px;grid-column:1/-1;height:3px;display:block;overflow:hidden}.ship-build-queue li>i>b{background:var(--ui-accent);height:100%;display:block}.ship-build-queue .queue-empty{color:var(--ui-text-muted);grid-column:1/-1;font-size:.62rem;display:block}.producer-row{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:4px;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-width:0;padding:6px;display:grid}.resource-glyph{width:28px;height:28px}.resource-glyph .icon{width:17px;height:17px}.producer-name{min-width:0;display:grid}.producer-name strong{font-size:.7rem}.producer-name small{color:var(--ui-text-muted);overflow-wrap:anywhere;font-size:.59rem}.level-pips{gap:2px;display:flex}.level-pips i{background:var(--ui-border-strong);border-radius:1px;width:4px;height:13px}.level-pips i.is-filled{background:var(--ui-accent)}.row-action,.small-action,.relation-actions button,.icon-button{border:1px solid var(--ui-border-strong);color:var(--ui-text);background:var(--ui-panel-hover);border-radius:4px;font-weight:700}.row-action,.small-action{min-width:44px;min-height:44px}.row-action{padding:5px 7px;font-size:.59rem}.route-builder label{color:var(--ui-text-muted);margin-bottom:5px;font-size:.61rem;display:block}.route-controls{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.small-action{padding:6px 10px;font-size:.64rem}.inspector-copy{color:var(--ui-text-muted);margin:7px 0;font-size:.7rem;line-height:1.45}.inspector-action{width:100%;margin-top:8px}.hull-meter{gap:5px;display:grid}.hull-meter>span{color:var(--ui-text-muted);justify-content:space-between;font-size:.66rem;display:flex}.hull-meter>div{background:var(--ui-canvas);border-radius:2px;height:6px;overflow:hidden}.hull-meter i{background:var(--ui-success);height:100%;display:block}.cargo-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px;display:grid}.cargo-grid span{border:1px solid var(--ui-border);border-radius:4px;align-items:center;gap:5px;padding:5px;display:flex}.cargo-grid b{font-size:.64rem}.fleet-list,.diplomacy-list,.final-ranking{margin:0;padding:0;list-style:none}.fleet-list{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.fleet-list li{border:1px solid var(--ui-border);border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding:6px;font-size:.65rem;display:grid}.route-chip,.resistance{border:1px solid var(--ui-border);border-radius:4px;align-items:center;gap:7px;margin-top:8px;padding:7px;font-size:.67rem;display:flex}.route-summary{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;margin-bottom:9px;display:grid}.route-summary>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.67rem;overflow:hidden}.empty-inspector{min-height:120px;color:var(--ui-text-muted);text-align:center;place-content:center;justify-items:center;display:grid}.empty-inspector p{max-width:260px;font-size:.68rem}.side-drawer{min-height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:14px;overflow:auto}.drawer-heading{z-index:2;border-bottom:1px solid var(--ui-border);background:var(--ui-panel);justify-content:space-between;align-items:center;gap:12px;margin:-4px -4px 12px;padding:4px 4px 10px;display:flex;position:sticky;top:0}.drawer-heading small{color:var(--ui-accent);text-transform:uppercase;font-size:.61rem}.drawer-heading h2{margin:2px 0 0;font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem}.icon-button{place-items:center;width:32px;height:32px;display:grid}.drawer-copy,.settings-note{color:var(--ui-text-muted);font-size:.72rem;line-height:1.45}.war-warning{border:1px solid var(--ui-warning);background:#e4b86624;border-radius:5px;gap:8px;margin-bottom:10px;padding:9px;display:flex}.war-warning span{display:grid}.war-warning small{color:var(--ui-text-muted);font-size:.64rem}.diplomacy-list{gap:6px;display:grid}.diplomacy-row{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:5px;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:9px;display:grid}.diplomacy-player-mark{border:1px solid var(--player-color);border-radius:4px;place-items:center;width:34px;height:34px;font-size:.64rem;display:grid}.diplomacy-player{min-width:0;display:grid}.diplomacy-player strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diplomacy-player small{color:var(--ui-text-muted);font-size:.61rem}.relation{font-size:.62rem}.relation-actions{flex-wrap:wrap;grid-column:2/-1;gap:5px;display:flex}.relation-actions button{padding:5px 7px;font-size:.61rem}.relation-actions .danger-link{border-color:var(--ui-danger)}.hostile-label{color:var(--ui-warning);font-size:.64rem}.settings-group{border-top:1px solid var(--ui-border);margin-top:14px;padding-top:12px}.settings-group h3,.shortcut-card h3{margin-bottom:8px;font-size:.76rem}.toggle-row{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:12px;padding:8px 0;display:grid}.toggle-row>span{display:grid}.toggle-row small{color:var(--ui-text-muted);font-size:.62rem}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row>i{border:1px solid var(--ui-border-strong);background:var(--ui-canvas);border-radius:12px;width:38px;height:21px;position:relative}.toggle-row>i b{background:var(--ui-text-muted);border-radius:50%;width:13px;height:13px;transition:transform .14s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i b{background:var(--ui-accent);transform:translate(17px)}.graphics-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.graphics-option{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:5px;gap:8px;padding:10px;display:grid}.graphics-option.is-selected{border-color:var(--ui-accent)}.graphics-option span{gap:3px;display:grid}.graphics-option small{color:var(--ui-text-muted);font-size:.62rem}.shortcut-card{border:1px solid var(--ui-border);border-radius:5px;margin-top:14px;padding:10px}.shortcut-card dl{gap:5px;margin:0;display:grid}.shortcut-card dl div{justify-content:space-between;display:flex}.shortcut-card dt,.shortcut-card dd{margin:0;font-size:.67rem}.result-dialog{text-align:center;width:min(760px,100%);max-height:calc(100dvh - 36px);padding:24px;overflow:auto}.result-emblem{border:1px solid var(--ui-border-strong);width:52px;height:52px;color:var(--ui-accent);border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.result-dialog h1{margin:8px 0;font-size:clamp(2rem,5vw,3.4rem)}.result-reason{color:var(--ui-text-muted)}.result-placement{margin:16px 0;display:grid}.result-placement strong{color:var(--ui-accent);font-family:"Source Serif 4",Georgia,serif;font-size:2.5rem}.result-placement small{color:var(--ui-text-muted)}.result-score-card{border:1px solid var(--ui-border);border-radius:6px;overflow:hidden}.result-score-card>header{background:var(--ui-panel-raised);justify-content:space-between;padding:11px;display:flex}.score-components{grid-template-columns:repeat(2,1fr);display:grid}.score-components>div{border-top:1px solid var(--ui-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;display:grid}.score-components span{text-align:left;display:grid}.score-components small{color:var(--ui-text-muted);font-size:.6rem}.final-ranking{margin-top:12px;display:grid}.final-ranking li{border-bottom:1px solid var(--ui-border);text-align:left;grid-template-columns:24px 10px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;display:grid}.final-ranking li.is-current{background:#d3a34c1f}.final-ranking i{background:var(--player-color);border-radius:50%;width:8px;height:8px}.result-action{margin-top:18px}.game-screen[data-layout-mode=compact]{grid-template:"top""field"minmax(0,1fr)"command"/minmax(0,1fr);gap:6px;padding:7px}.game-screen[data-layout-mode=compact] .app-bar{grid-template-columns:auto minmax(310px,1fr) auto;gap:7px;min-height:45px;padding:5px 7px}.game-screen[data-layout-mode=compact][data-layout-zoom=normal] .app-bar{grid-template:"brand actions""metrics metrics"/minmax(0,1fr) auto;row-gap:6px}.game-screen[data-layout-mode=compact][data-layout-zoom=normal] .match-cluster{grid-area:brand}.game-screen[data-layout-mode=compact][data-layout-zoom=normal] .match-metrics{grid-area:metrics}.game-screen[data-layout-mode=compact][data-layout-zoom=normal] .app-actions{grid-area:actions}.game-screen[data-layout-mode=compact] .match-cluster .match-divider,.game-screen[data-layout-mode=compact] .match-cluster .match-identity,.game-screen[data-layout-zoom=in] .match-cluster .brand-words,.game-screen[data-layout-mode=compact] .leader-stat,.game-screen[data-layout-zoom=in] .app-actions button span,.game-screen[data-layout-zoom=in] .app-actions kbd{display:none}.game-screen[data-layout-mode=compact] .match-cluster{min-width:32px}.game-screen[data-layout-mode=compact] .live-chip{padding:3px 5px;font-size:.6rem}.game-screen[data-layout-mode=compact] .match-metrics{grid-template-columns:minmax(82px,1fr) minmax(86px,1fr) minmax(84px,1fr)}.game-screen[data-layout-mode=compact] .resource-cluster{min-height:45px}.game-screen[data-layout-zoom=in] .top-hud{position:relative}.game-screen[data-layout-zoom=in] .resource-cluster{position:absolute;top:calc(100% + 6px);left:0;right:0}.game-screen[data-layout-zoom=in] .resource-cluster.is-collapsed{display:none}.game-screen[data-layout-zoom=in] .app-bar{grid-template-columns:76px minmax(244px,1fr) auto}.game-screen[data-layout-zoom=in] .match-cluster.has-protection{min-width:104px}.game-screen[data-layout-zoom=in] .match-cluster.has-protection .brand{display:none}.game-screen[data-layout-zoom=in] .app-bar.has-protection{grid-template-columns:104px minmax(244px,1fr) auto}.game-screen[data-layout-zoom=in] .match-cluster{gap:5px}.game-screen[data-layout-mode=compact] .resource-goods{grid-template-columns:minmax(100px,.55fr) minmax(0,2.6fr)}.game-screen[data-layout-mode=compact] .resource-stat small{display:none}.game-screen[data-layout-mode=compact] .goods-strip{grid-template-columns:repeat(8,minmax(32px,1fr))}.game-screen[data-layout-mode=compact] .upper-left-overlay{grid-area:field;grid-template-columns:minmax(0,260px) minmax(0,240px);justify-content:space-between;place-self:start stretch;align-items:start;column-gap:12px;width:calc(100% - 8px);max-height:calc(100% - 8px);margin:4px;position:relative;top:auto;left:auto;overflow:visible}.game-screen[data-layout-mode=compact] .upper-left-overlay>.objective-tracker{grid-area:1/1}.game-screen[data-layout-mode=compact] .upper-left-overlay>.notifications{scrollbar-width:thin;scrollbar-color:#3a6176 transparent;grid-area:1/2;width:100%;max-height:min(240px,30dvh);overflow:auto}.game-screen[data-layout-mode=compact] .upper-left-overlay.is-suppressed{display:none}.game-screen[data-layout-mode=compact] .objective-tracker:not(.is-collapsed)>div{max-height:170px;overflow:auto}.game-screen[data-layout-mode=compact] .command-dock{grid-template-rows:minmax(92px,1fr) auto;grid-template-columns:minmax(196px,.48fr) minmax(270px,1fr);height:auto;min-height:128px;padding:7px}.game-screen[data-layout-mode=compact] .command-information{grid-template-rows:minmax(0,1fr) 27px;grid-template-columns:minmax(0,1fr);gap:3px}.game-screen[data-layout-mode=compact] .command-context{grid-row:1;padding:4px 6px}.game-screen[data-layout-mode=compact] .command-primary{grid-template-columns:38px minmax(0,1fr);gap:7px}.game-screen[data-layout-mode=compact] .command-portrait{width:38px;height:38px}.game-screen[data-layout-mode=compact] .command-fleet-panel{background:0 0;border-color:#0000;grid-row:2;padding:1px 4px;display:block;overflow:hidden}.game-screen[data-layout-mode=compact] .command-fleet-panel>small{display:none}.game-screen[data-layout-mode=compact] .command-fleet-strip button{width:44px;height:44px}.game-screen[data-layout-mode=compact] .command-dock[data-command-layout=guidance]{grid-template-rows:minmax(64px,1fr) 24px;grid-template-columns:minmax(210px,.78fr) minmax(240px,1.22fr);min-height:100px}.game-screen[data-layout-mode=compact] .command-grid{grid-template-rows:repeat(2,minmax(44px,auto));grid-template-columns:repeat(2,minmax(96px,160px));place-content:center start;gap:5px}.game-screen[data-layout-mode=compact] .command-button{min-height:44px}.game-screen[data-layout-mode=compact] .workspace-layer{z-index:30;grid-area:field;min-width:0;min-height:0;display:none}.game-screen[data-layout-mode=compact] .workspace-layer.is-open{grid-template-rows:minmax(0,1fr);justify-self:end;width:min(390px,100%);max-height:100%;display:grid}.game-screen[data-layout-mode=compact] .workspace-layer.workspace-selection{grid-template-rows:auto;align-self:start}.game-screen[data-layout-mode=compact] .workspace-layer.workspace-build{grid-template-rows:minmax(0,1fr);align-self:stretch}.game-screen[data-layout-mode=compact] .workspace-layer.workspace-overview{--overview-map-height:166px;flex-direction:column;align-self:start;gap:6px;height:fit-content;max-height:100%;display:flex;overflow:hidden}.game-screen[data-layout-mode=compact] .workspace-panel{background:var(--ui-panel);grid-area:auto;width:100%;min-height:0;overflow:auto}.game-screen[data-layout-mode=compact] .workspace-layer.workspace-overview .workspace-panel{width:100%;height:fit-content;max-height:calc(100% - var(--overview-map-height) - 6px);flex:0 auto;overflow:auto}.game-screen[data-layout-mode=compact] .workspace-layer.workspace-selection .workspace-panel{height:fit-content;max-height:100%}.game-screen[data-layout-mode=compact] .workspace-layer.workspace-build .workspace-panel{width:100%;height:100%;max-height:100%}.game-screen[data-layout-mode=compact] .build-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.game-screen[data-layout-mode=compact] .production-grid,.game-screen[data-layout-mode=compact] .shipyard-grid,.game-screen[data-layout-mode=compact] .ship-build-queue{grid-template-columns:minmax(0,1fr)}.game-screen[data-layout-mode=compact] .workspace-panel>.player-rail,.game-screen[data-layout-mode=compact] .workspace-panel>.context-inspector,.game-screen[data-layout-mode=compact] .workspace-panel>.side-drawer{background:var(--ui-panel)}.game-screen[data-layout-mode=compact] .minimap{height:var(--overview-map-height,166px);flex:0 0 var(--overview-map-height,166px);grid-area:auto;display:none}.game-screen[data-layout-mode=compact] .workspace-overview .minimap{display:block}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .command-dock:not([data-command-layout=guidance]){grid-template-rows:minmax(92px,1fr) auto;grid-template-columns:184px minmax(0,1fr);min-height:128px}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .command-dock[data-command-layout=guidance]{grid-template-rows:minmax(68px,1fr) 24px;grid-template-columns:minmax(196px,.72fr) minmax(240px,1.28fr);min-height:104px}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .command-dock:not([data-command-layout=guidance]) .command-context{gap:3px}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .command-primary{grid-template-columns:38px minmax(0,1fr);gap:7px}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .command-portrait{width:38px;height:38px}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .command-dock:not([data-command-layout=guidance]) .command-grid{grid-template-rows:repeat(2,minmax(44px,1fr));grid-template-columns:repeat(2,minmax(64px,160px))}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .command-button{gap:6px;min-height:44px;padding:5px 7px}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .command-button .icon{width:18px;height:18px}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .command-context em{text-overflow:clip;white-space:normal;min-height:2.4em;line-height:1.2;overflow:visible}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .upper-left-overlay{grid-template-columns:minmax(0,220px) minmax(0,210px)}.game-screen[data-layout-zoom=in][data-layout-mode=compact] .workspace-layer.workspace-overview{--overview-map-height:132px}@media (width<=820px){.lobby{gap:34px;padding:18px}.lobby-header{flex-wrap:wrap;align-items:flex-start}.lobby-nav{justify-content:space-between;gap:8px;width:100%}.lobby-hero{grid-template-columns:1fr;min-height:600px}.lobby-copy{width:min(540px,100%);padding:36px 28px}.lobby-copy h1{font-size:clamp(2.8rem,8vw,4rem)}.lobby-scene{border-top:0;min-height:0}.landing-steps,.lobby-race{grid-template-columns:1fr;gap:22px}.step-grid{grid-template-columns:1fr}.step-card{border-right:0;border-bottom:1px solid var(--ui-border);min-height:0}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-screen[data-layout-mode=compact] .command-dock:not([data-command-layout=guidance]){grid-template-columns:minmax(184px,.46fr) minmax(0,1fr)}}@media (width<=620px){.game-screen[data-layout-mode=compact] .top-hud{gap:4px}.game-screen[data-layout-mode=compact] .app-bar{grid-template-columns:auto minmax(0,1fr) auto}.game-screen[data-layout-mode=compact] .match-cluster .live-chip{display:none}.game-screen[data-layout-mode=compact] .match-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.game-screen[data-layout-mode=compact] .match-metrics>span{gap:4px}.game-screen[data-layout-mode=compact] .match-metrics .icon{width:14px;height:14px}.game-screen[data-layout-mode=compact] .match-metrics small{font-size:.52rem}.game-screen[data-layout-mode=compact] .match-metrics strong{font-size:.7rem}.game-screen[data-layout-mode=compact] .app-actions{gap:1px}.game-screen[data-layout-mode=compact] .app-actions button{padding:5px}.game-screen[data-layout-mode=compact] .resource-cluster{padding:4px 6px}.game-screen[data-layout-mode=compact] .resource-goods{grid-template-columns:82px minmax(0,1fr);gap:4px}.game-screen[data-layout-mode=compact] .resource-source small,.game-screen[data-layout-mode=compact] .coin-stat small{display:none}.game-screen[data-layout-mode=compact] .command-dock:not([data-command-layout=guidance]){grid-template-rows:minmax(128px,1fr) 28px;grid-template-columns:172px minmax(0,1fr);min-height:164px}.game-screen[data-layout-mode=compact] .command-dock[data-command-layout=guidance]{grid-template-rows:minmax(92px,1fr) 28px;grid-template-columns:minmax(172px,.75fr) minmax(0,1.25fr);min-height:128px}.game-screen[data-layout-mode=compact] .command-dock:not([data-command-layout=guidance]) .command-context{gap:3px}.game-screen[data-layout-mode=compact] .context-icon{width:31px;height:31px}.game-screen[data-layout-mode=compact] .workspace-layer.workspace-overview{--overview-map-height:132px}.game-screen[data-layout-mode=compact] .workspace-overview .minimap{height:132px}.game-screen[data-layout-mode=compact] .command-dock:not([data-command-layout=guidance]) .command-grid{grid-template-rows:repeat(2,minmax(58px,1fr));grid-template-columns:repeat(2,minmax(64px,160px))}.game-screen[data-layout-mode=compact] .command-button{min-height:58px}.game-screen[data-layout-mode=compact] .command-button .icon{width:20px;height:20px}.game-screen[data-layout-mode=compact] .order-feedback{overflow:hidden}}@media (width<=719px),(pointer:coarse){.lobby-header .brand-words small{display:none}.lobby-nav{font-size:.68rem}.lobby-copy{padding:30px 22px}.lobby-copy h1{max-width:11ch;font-size:clamp(2.7rem,13vw,3.8rem)}.join-controls{grid-template-columns:1fr}.lobby-scene{min-height:0}.lobby-scene figcaption{display:none}.landing-steps{padding:24px 20px}.score-weights,.seat-grid{grid-template-columns:1fr}.departure-card{grid-template-columns:88px minmax(0,1fr);padding:16px}.countdown{width:82px;height:82px}.lobby-footer{flex-wrap:wrap;align-items:flex-start}.lobby-footer-brand{justify-content:space-between;width:100%}.lobby-footer nav{width:100%}.mobile-gate{align-items:start;padding:16px}.mobile-gate-card{gap:17px;padding:24px 20px}.mobile-gate-copy h1{font-size:clamp(2.5rem,12vw,3.4rem)}.score-components{grid-template-columns:1fr}}@media (height<=650px) and (width>=720px){.game-screen[data-layout-mode=compact]{gap:4px;padding:5px}.game-screen[data-layout-mode=compact] .resource-cluster{min-height:39px}.game-screen[data-layout-mode=compact] .command-dock:not([data-command-layout=guidance]){min-height:118px}}.lobby-start{align-content:start;gap:22px;padding-bottom:20px}.lobby-start:before{height:min(760px,90vh)}.game-start,.lobby-room,.game-help,.lobby-start .lobby-footer{width:min(620px,100%);margin-inline:auto}.game-start{border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:10px;min-height:0;display:block;box-shadow:0 18px 44px #02132142}.game-start-panel{background:var(--ui-panel);flex-direction:column;justify-content:center;min-width:0;padding:clamp(34px,5vw,54px);display:flex}.game-start-genre,.room-status>p{color:var(--ui-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:750}.game-start-panel h1{letter-spacing:-.025em;margin:0 0 14px;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(2.7rem,4.2vw,4rem);line-height:1}.game-start-summary{max-width:31rem;color:var(--ui-text-muted);margin:0 0 25px;font-size:1.05rem;line-height:1.55}.game-start-panel .join-form{max-width:430px}.game-start-fact{max-width:430px;color:var(--ui-text-muted);margin:14px 0 0;font-size:.72rem;line-height:1.45}.game-start-joined{width:fit-content;min-height:48px;color:var(--ui-text-muted);background:#8bc48e14;border:1px solid #8bc48e94;border-radius:6px;align-items:center;gap:11px;padding:9px 13px;display:flex}.game-start-joined .icon{color:var(--ui-success)}.game-start-joined span{gap:1px;display:grid}.game-start-joined strong{color:var(--ui-text)}.lobby-room{border:1px solid var(--ui-border);background:#08263be6;border-radius:8px;grid-template-columns:1fr;gap:18px;padding:18px;display:grid}.room-status{align-self:center}.room-status h2{margin:0 0 5px;font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem}.room-status>span{color:var(--ui-text-muted);font-size:.78rem}.room-player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.room-player{border:1px solid var(--ui-border);background:var(--ui-panel-raised);border-radius:4px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px 8px;display:grid}.room-player.is-you{border-color:var(--ui-accent)}.room-player .player-mark{width:28px;height:28px;font-size:.58rem}.room-player>span:last-child{min-width:0;display:grid}.room-player strong,.room-player small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-player strong{font-size:.72rem}.room-player small{color:var(--ui-text-muted);font-size:.6rem}.game-help{border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}.game-help summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:10px 4px;font-weight:750;display:flex}.game-help summary:after{color:var(--ui-accent);content:"+";font-size:1.25rem}.game-help[open] summary:after{content:"−"}.game-help-content{grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:28px;padding:8px 4px 22px;display:grid}.game-help-content ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.game-help-content li{color:var(--ui-text-muted);grid-template-columns:22px minmax(0,1fr);gap:9px;font-size:.78rem;line-height:1.45;display:grid}.game-help-content li .icon{width:18px;height:18px;color:var(--ui-accent)}.game-help-content li span{gap:3px;display:grid}.game-help-content strong{color:var(--ui-text)}.game-help-content>p{color:var(--ui-text-muted);margin:0;font-size:.78rem;line-height:1.5}.lobby-start .lobby-footer{margin-top:4px}@media (width<=820px){.game-start-panel{padding:38px clamp(24px,7vw,48px)}.game-start-panel h1{font-size:clamp(2.6rem,9vw,3.5rem)}.lobby-room,.game-help-content{grid-template-columns:1fr}.room-player-list{grid-template-columns:repeat(2,minmax(0,1fr))}.game-help-content ol{grid-template-columns:1fr}}.mobile-gate[data-layout-zoom=in] .mobile-gate-card{padding-inline:16px}.mobile-gate[data-layout-zoom=in] .mobile-gate-copy h1{max-width:13ch;font-size:2rem;line-height:1.02}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none;animation:none}}.reduce-motion .backdrop-sea-drift,.reduce-motion .inline-spinner{animation:none}