@import"https://fonts.googleapis.com/css2?family=Doto:wght@700;800&family=Share+Tech+Mono&display=swap";:root{--planet-name-font: "Doto", Inter, ui-sans-serif, system-ui, sans-serif;--planet-label-font: "Share Tech Mono", "Roboto Mono", Consolas, monospace;--readout-font: "Roboto Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--signal-yellow: #f5d75f;--ui-white: rgba(255, 255, 255, .92);--ui-muted: rgba(255, 255, 255, .58);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05070a;color:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.game{position:relative;width:100%;height:100%;background:radial-gradient(circle at 58% 42%,rgba(29,68,95,.18),transparent 34%),#05070a}.hidden,[hidden]{display:none!important}.app-version{position:fixed;right:8px;bottom:5px;z-index:30;color:#ffffff52;font-family:var(--readout-font);font-size:8px;letter-spacing:0;line-height:1;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.9)}.announcement-bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;gap:10px;align-items:center;justify-content:center;min-height:34px;padding:8px 14px;color:#fffffff0;background:linear-gradient(90deg,#f5d75f29,#060d12f5 24%,#060d12f5 76%,#f5d75f29),#060d12f5;border-bottom:1px solid rgba(245,215,95,.72);box-shadow:0 0 22px #f5d75f29,0 10px 28px #00000057;font-family:var(--planet-label-font);font-size:11px;letter-spacing:.08em;line-height:1.25;text-align:center;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.announcement-bar a{color:var(--signal-yellow);font-weight:700;text-decoration:none;pointer-events:auto;text-shadow:0 0 12px rgba(245,215,95,.36)}.announcement-bar a:hover,.announcement-bar a:focus-visible{color:#fff;outline:0}.auth-view{display:grid;width:100%;height:100%;padding-top:28px;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(37,89,108,.28),transparent 34%),#05070a}.auth-panel{width:min(390px,calc(100vw - 32px));color:var(--ui-white);text-shadow:0 2px 12px rgba(0,0,0,.86)}.auth-brand{display:grid;justify-items:center;gap:10px;margin-bottom:20px}.auth-logo{width:min(360px,86vw);height:auto;display:block;filter:drop-shadow(0 0 24px rgba(245,215,95,.18))}.auth-kicker,.auth-form label span{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.auth-title{margin:3px 0 18px;color:var(--signal-yellow);font-family:var(--planet-name-font);font-size:34px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.auth-tabs{display:flex;gap:10px;margin-bottom:18px}.auth-tab,.auth-submit{color:var(--ui-muted);border:0;border-bottom:1px solid rgba(255,255,255,.16);background:transparent;font-family:var(--planet-label-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.auth-tab{padding:5px 0;font-size:11px}.auth-tab.active,.auth-tab:hover,.auth-submit:hover,.auth-submit:focus-visible{color:var(--signal-yellow);border-color:var(--signal-yellow);outline:0}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:5px}.auth-form input{width:100%;padding:9px 0;color:var(--ui-white);border:0;border-bottom:1px solid rgba(255,255,255,.22);background:transparent;font-family:var(--readout-font);font-size:15px;outline:0}.auth-form input:focus{border-color:var(--signal-yellow)}.auth-message{min-height:18px;margin:0;color:#ff786f;font-family:var(--readout-font);font-size:12px}.auth-message.success{color:#7ed7ff}.auth-submit{justify-self:start;padding:6px 0;color:var(--signal-yellow);font-size:12px}.auth-submit:disabled{color:var(--ui-muted);cursor:wait}.scene{position:absolute;top:0;right:0;bottom:0;left:0}.topbar{position:absolute;top:56px;left:18px;right:18px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(230px,290px);gap:12px;align-items:start;pointer-events:none}.player-info{position:relative;display:grid;grid-template-columns:38px minmax(0,auto) 30px;gap:9px;align-items:center;justify-self:start;min-width:190px;color:var(--ui-white);text-shadow:0 2px 12px rgba(0,0,0,.86);pointer-events:auto}.commander-avatar{display:grid;width:38px;height:38px;place-items:center;color:var(--signal-yellow);border:1px solid rgba(245,215,95,.48);background:linear-gradient(135deg,#f5d75f2e,#7ed7ff12),#02080c57;box-shadow:inset 0 0 16px #f5d75f14,0 0 18px #0000005c;font-family:var(--planet-label-font);font-size:13px;letter-spacing:.04em}.player-readout{display:grid;gap:2px;min-width:0}.player-readout span{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.player-readout strong{overflow:hidden;color:var(--signal-yellow);font-family:var(--readout-font);font-size:15px;font-weight:400;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.commander-menu-button{display:grid;width:30px;height:30px;place-items:center;color:var(--ui-muted);border:0;border-bottom:1px solid rgba(255,255,255,.2);background:transparent;cursor:pointer}.commander-menu-button svg{width:17px;height:17px}.commander-menu-button:hover,.commander-menu-button:focus-visible,.player-info.menu-open .commander-menu-button{color:var(--signal-yellow);border-color:var(--signal-yellow);outline:0}.commander-menu{position:absolute;top:calc(100% + 10px);left:47px;z-index:25;display:none;min-width:138px;padding:5px 0;background:linear-gradient(90deg,#02080cdb,#02080c80);border-left:1px solid rgba(245,215,95,.58);box-shadow:0 16px 32px #00000052;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-info.menu-open .commander-menu{display:grid}.commander-menu button{padding:7px 10px;color:var(--ui-muted);border:0;background:transparent;font-family:var(--planet-label-font);font-size:10px;letter-spacing:.1em;text-align:left;text-transform:uppercase;cursor:pointer}.commander-menu button:disabled{color:#ffffff47;cursor:default}.logout-button{color:#ff948c!important}.commander-menu button:hover:not(:disabled),.commander-menu button:focus-visible{color:var(--signal-yellow);outline:0}.logout-button:hover,.logout-button:focus-visible{color:#fff!important}.planet-summary{position:absolute;left:18px;bottom:18px;width:min(360px,calc(100vw - 36px));padding:0;color:#f4f7fb;text-shadow:0 2px 12px rgba(0,0,0,.86);pointer-events:none}.planet-summary-head{display:grid;gap:2px}.planet-summary-head span{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.planet-summary-head strong{color:var(--signal-yellow);font-family:var(--planet-name-font);font-size:30px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 18px rgba(245,215,95,.28),0 2px 14px rgba(0,0,0,.9)}.planet-scanline{display:none}.planet-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin-top:8px;color:var(--ui-white);font-size:12px;line-height:1.25}.planet-stats span{display:grid;gap:2px;white-space:nowrap}.planet-stats b{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:9px;font-weight:400;letter-spacing:.09em;text-transform:uppercase}.planet-stats em{font-family:var(--readout-font);font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:0}.game.system-view .build-menu,.game.system-view .cell-tooltip,.game.system-view .planet-summary,.game.system-view .resources{display:none!important}.view-switch{position:absolute;right:18px;bottom:24px;z-index:26;display:grid;grid-template-columns:repeat(2,42px);gap:9px;pointer-events:auto}.view-mode-button{display:grid;width:42px;height:42px;place-items:center;color:#ffffff85;border:1px solid rgba(255,255,255,.16);background:#02080c42;box-shadow:0 12px 24px #00000038;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.view-mode-button:hover,.view-mode-button:focus-visible,.view-mode-button.active{color:var(--signal-yellow);border-color:#f5d75fb8;outline:0;box-shadow:0 0 18px #f5d75f24,0 12px 24px #00000047}.view-glyph{position:relative;display:block;width:26px;height:26px}.planet-glyph{border:1px solid currentColor;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.72),transparent 0 12%,transparent),radial-gradient(circle at 55% 58%,currentColor 0 42%,transparent 43%)}.planet-glyph i{position:absolute;right:-4px;bottom:6px;left:-4px;height:7px;border:1px solid currentColor;border-top:0;border-radius:50%;opacity:.6;transform:rotate(-18deg)}.system-glyph:before{position:absolute;top:50%;left:50%;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;opacity:.42;transform:translate(-50%,-50%);content:""}.system-glyph:after{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;transform:translate(-50%,-50%);content:""}.system-glyph i{position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor}.system-glyph i:nth-child(1){top:2px;left:11px}.system-glyph i:nth-child(2){right:1px;top:13px}.system-glyph i:nth-child(3){bottom:3px;left:6px}.system-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;display:none;pointer-events:none}.game.system-view .system-hud{display:block}.system-panel{position:absolute;top:50%;right:18px;width:min(300px,calc(100vw - 36px));color:var(--ui-white);transform:translateY(-50%);pointer-events:auto;text-shadow:0 2px 12px rgba(0,0,0,.9)}.system-panel:before{position:absolute;top:0;bottom:0;left:-12px;width:1px;background:linear-gradient(180deg,transparent,rgba(245,215,95,.72),transparent);content:""}.system-panel-head{display:grid;gap:3px;margin-bottom:13px}.system-panel-head span,.system-panel-grid b{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:9px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.system-panel-head strong{color:var(--signal-yellow);font-family:var(--planet-name-font);font-size:25px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 18px rgba(245,215,95,.24),0 2px 14px rgba(0,0,0,.9)}.system-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}.system-panel-grid span{display:grid;gap:2px;min-width:0}.system-panel-grid em{overflow:hidden;color:var(--ui-white);font-family:var(--readout-font);font-size:12px;font-style:normal;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.system-tooltip{position:fixed;top:0;left:0;z-index:28;width:210px;padding:9px 10px;color:var(--ui-white);background:linear-gradient(90deg,#02080ce0,#02080c94);border-left:1px solid rgba(126,215,255,.7);opacity:0;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.92);transform:translate(-999px,-999px);transition:opacity .1s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.system-tooltip.visible{opacity:1}.system-tooltip-title{overflow:hidden;color:var(--signal-yellow);font-family:var(--planet-label-font);font-size:12px;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.system-tooltip-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:7px;font-size:11px}.system-tooltip-grid span{color:var(--ui-muted);font-family:var(--planet-label-font);letter-spacing:.06em;text-transform:uppercase}.system-tooltip-grid b{overflow:hidden;color:var(--ui-white);font-family:var(--readout-font);font-weight:400;text-align:right;text-overflow:ellipsis;white-space:nowrap}.system-planet-label{display:grid;gap:1px;min-width:128px;padding:0;color:var(--ui-white);background:transparent;border:0;font-family:var(--planet-label-font);line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.9);text-align:right;pointer-events:none}.system-planet-label b{color:var(--signal-yellow);font-family:var(--readout-font);font-size:13px;font-weight:400;letter-spacing:0}.system-planet-label span,.system-planet-label em{overflow:hidden;color:var(--ui-muted);font-size:10px;font-style:normal;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.system-planet-label.inhabited{color:#fffffff2}.system-planet-label.inhabited em{color:#7ed7ff}.system-planet-label.current{text-shadow:0 0 14px rgba(245,215,95,.24),0 2px 10px rgba(0,0,0,.9)}.system-planet-label.selected{text-shadow:0 0 14px rgba(255,255,255,.18),0 2px 10px rgba(0,0,0,.9)}.attack-report{position:absolute;right:18px;bottom:18px;z-index:12;display:none;width:min(300px,calc(100vw - 36px));color:var(--ui-white);pointer-events:auto;text-shadow:0 2px 12px rgba(0,0,0,.86)}.attack-report.visible{display:block}.attack-report-card{position:relative;display:grid;gap:3px;padding:11px 34px 11px 12px;border-left:1px solid rgba(255,120,111,.88);background:linear-gradient(90deg,#ff464e29,#02080cb8);box-shadow:0 0 24px #ff464e1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.attack-report-card.active{border-left-color:var(--signal-yellow);background:linear-gradient(90deg,#f5d75f2e,#02080cb8);box-shadow:0 0 24px #f5d75f1f}.attack-report-card span,.attack-report-card em{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:10px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.attack-report-card strong{color:#ff948c;font-family:var(--readout-font);font-size:15px;font-weight:400;font-variant-numeric:tabular-nums}.attack-report-card.active strong{color:var(--signal-yellow)}.attack-report-close{position:absolute;top:7px;right:9px;padding:0;color:var(--ui-muted);border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer}.attack-report-close:hover,.attack-report-close:focus-visible{color:#fff;outline:0}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:none;align-items:center;justify-content:center;padding:24px;background:#0000006b;pointer-events:auto}.confirm-dialog.visible{display:flex}.confirm-panel{width:min(380px,calc(100vw - 32px));padding:18px 18px 16px;color:var(--ui-white);border-left:1px solid rgba(255,120,111,.84);background:linear-gradient(135deg,#ff464e24,#02080ce0 42%),#02080ce0;box-shadow:0 0 32px #ff464e24,0 18px 54px #0000007a;text-shadow:0 2px 12px rgba(0,0,0,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.confirm-kicker{color:#ff948c;font-family:var(--planet-label-font);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.confirm-panel strong{display:block;margin-top:5px;color:var(--ui-white);font-family:var(--planet-label-font);font-size:16px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.confirm-panel p{margin:10px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.45}.confirm-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:18px}.confirm-actions button{padding:5px 0;border:0;border-bottom:1px solid rgba(255,255,255,.16);background:transparent;font-family:var(--planet-label-font);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.confirm-cancel{color:var(--ui-muted)}.confirm-delete{color:#ff948c}.confirm-actions button:hover,.confirm-actions button:focus-visible{color:#fff;border-color:currentColor;outline:0}.resources{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:7px;padding:2px 0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto}.resource-toggle{display:none}.resource-details{display:flex;flex-direction:column;gap:7px}.resource{min-width:0;padding:3px 2px 0}.resource-row{display:grid;grid-template-columns:minmax(58px,.72fr) minmax(74px,1fr) minmax(66px,auto);gap:9px;align-items:center;min-height:18px}.resource-label{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.resource-value{color:var(--ui-white);font-family:var(--readout-font);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.resource.overflow .resource-value{color:#ff786f}.resource-rate{display:inline-flex;gap:4px;align-items:center;justify-content:flex-end;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.resource-rate svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.resource-rate.positive{color:#72d692}.resource-rate.negative{color:#ff786f}.resource-rate.neutral{color:#81909a}.resource-bar{width:100%;height:3px;margin-top:5px;overflow:hidden;border-radius:999px;background:#ffffff1a}.resource-bar span{display:block;height:100%;border-radius:inherit;background:var(--resource-color);box-shadow:0 0 12px color-mix(in srgb,var(--resource-color) 72%,transparent)}.resource.overflow .resource-bar span{background:#ff786f;box-shadow:0 0 12px #ff786f6b}.resource-overflow{display:block;margin-top:3px;color:#ff786fd1;font-family:var(--planet-label-font);font-size:8px;letter-spacing:.07em;line-height:1.15;text-transform:uppercase}.resource-chip{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;align-items:center;min-width:0;padding:2px 0 7px;color:var(--ui-white);font-family:var(--readout-font);font-size:12px;font-variant-numeric:tabular-nums}.resource-chip.overflow{color:#ff786f}.resource-chip svg{color:var(--resource-color)}.resource-chip.negative .resource-chip-value,.resource-chip.danger .resource-chip-value{color:#ff786f}.resource-chip.positive:not(.alert) .resource-chip-value{color:#fff}.resource-chip-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-chip-bar{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;border-radius:999px;background:#ffffff1a}.resource-chip-bar span{display:block;height:100%;border-radius:inherit;background:var(--resource-color)}.resource-chip.full .resource-chip-bar span{box-shadow:0 0 10px var(--resource-color)}.build-menu{position:absolute;top:0;left:0;width:max-content;min-width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(420px,calc(100vh - 24px));display:flex;flex-direction:column;overflow:visible;color:var(--ui-white);background:#03090dc7;border-left:1px solid rgba(245,215,95,.68);box-shadow:0 18px 44px #00000061;text-shadow:0 2px 12px rgba(0,0,0,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translate3d(-999px,-999px,0);transition:opacity .12s ease;z-index:12}.build-menu.visible{opacity:1;pointer-events:auto}.panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 12px 8px;border-bottom:1px solid rgba(255,255,255,.18)}.panel-identity{min-width:0}.panel-title{min-width:0;overflow:hidden;color:var(--signal-yellow);font-family:var(--planet-name-font);font-size:18px;font-weight:800;letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 18px rgba(245,215,95,.25),0 2px 14px rgba(0,0,0,.9)}.sector-readouts{display:flex;gap:12px;align-items:center;margin-top:4px;min-width:0}.primary-readout{display:inline-flex;gap:5px;align-items:center;color:var(--primary-color);font-family:var(--readout-font);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.primary-readout svg{flex:0 0 auto}.richness-readout{display:grid;grid-template-columns:auto minmax(72px,112px);gap:7px;align-items:center;min-width:0}.richness-text{display:inline-flex;gap:5px;align-items:baseline;color:var(--ui-white);font-family:var(--readout-font);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.richness-text b{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:8px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.richness-bar{display:block;height:3px;overflow:hidden;border-radius:999px;background:#ffffff1f}.richness-bar span{display:block;width:var(--richness);height:100%;border-radius:inherit;background:var(--signal-yellow);box-shadow:0 0 12px #f5d75f57}.biome-chip{align-self:start;min-width:0;padding:2px 0;border:0;text-align:center;font-family:var(--planet-label-font);font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.panel-close{width:22px;height:22px;display:grid;place-items:center;padding:0;color:var(--ui-muted);border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer}.panel-close:hover,.panel-close:focus-visible{color:var(--signal-yellow);outline:0}.panel-body{padding:7px 12px 10px;overflow-y:auto}.empty-state{margin:2px 0 0;color:var(--ui-white);font-family:var(--planet-label-font);line-height:1.5}.stat{min-width:0;padding:0 0 5px;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent}.stat-label{display:block;color:var(--ui-muted);font-family:var(--planet-label-font);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.stat-value{display:block;margin-top:2px;color:var(--ui-white);font-family:var(--readout-font);font-size:13px;font-variant-numeric:tabular-nums}.buildings{display:grid;grid-template-columns:38px minmax(128px,max-content) max-content max-content max-content;column-gap:10px;row-gap:0;overflow:visible;padding-bottom:0;scrollbar-width:thin}.building-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}.category-option{padding:4px 0;color:var(--ui-muted);border:0;border-bottom:1px solid rgba(255,255,255,.16);background:transparent;font-family:var(--planet-label-font);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.category-option:hover,.category-option:focus-visible,.category-option.active{color:var(--signal-yellow);border-color:var(--signal-yellow);outline:0}.build-option{position:relative;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;width:100%;min-height:62px;padding:8px 2px;color:var(--ui-white);border:0;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;background:transparent;text-align:left;cursor:pointer}.build-option:enabled:hover,.build-option:focus-visible{color:#fff;border-color:#f5d75f9e;background:linear-gradient(90deg,rgba(245,215,95,.12),rgba(245,215,95,.035) 42%,transparent);outline:0}.build-option:disabled{color:#ffffff61;cursor:not-allowed;background:linear-gradient(90deg,rgba(255,70,78,.12),rgba(255,70,78,.035) 46%,transparent);border-bottom-color:#ff464e42}.build-main{position:relative;display:grid;grid-column:1 / 3;grid-template-columns:subgrid;align-items:center;min-height:100%}.build-blocker{position:absolute;z-index:3;left:38px;top:1px;color:#ff5c62d1;font-family:var(--planet-label-font);font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase;text-shadow:0 0 8px rgba(255,70,78,.28);pointer-events:none}.facility-panel{display:grid;gap:10px}.facility-panel.disabled .facility-name{color:#ff948c}.facility-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:2px 0 8px;border-bottom:1px solid rgba(255,255,255,.14)}.facility-health{display:grid;gap:5px;padding:0 0 2px}.facility-health span{display:flex;justify-content:space-between;gap:10px;color:var(--ui-muted);font-family:var(--planet-label-font);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.facility-health em{color:#ff948c;font-family:var(--readout-font);font-style:normal;letter-spacing:0}.facility-health-bar{height:3px;overflow:hidden;background:#ffffff21}.facility-health-bar span{display:block;height:100%;background:linear-gradient(90deg,#ff5c62,#f5d75f)}.facility-health.disabled .facility-health-bar span{background:#ff5c62;box-shadow:0 0 10px #ff464e52}.facility-icon{display:grid;width:32px;height:32px;place-items:center;color:var(--signal-yellow)}.facility-name{min-width:0;overflow:hidden;color:var(--ui-white);font-family:var(--planet-label-font);font-size:13px;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.facility-upgrade-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(126px,.72fr) minmax(0,1fr);gap:9px;align-items:stretch}.facility-level-card{display:grid;grid-template-rows:auto 1fr;gap:10px;min-width:0;min-height:116px;padding:10px;border:1px solid rgba(255,255,255,.13);background:#01080c61}.facility-level-card.current{color:#ffffffc7;border-color:#ffffff29}.facility-level-card.next{border-color:#f5d75fb8;background:#f5d75f13;box-shadow:inset 0 0 0 1px #f5d75f29,0 0 22px #f5d75f14}.facility-card-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;min-width:0}.facility-card-head span{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.facility-card-head b{color:var(--ui-white);font-family:var(--readout-font);font-size:16px;font-weight:400;font-variant-numeric:tabular-nums}.facility-level-card.current .facility-card-head b{color:#ffffffd1}.facility-level-card.next .facility-card-head b{color:var(--signal-yellow);font-size:19px;text-shadow:0 0 18px rgba(245,215,95,.28)}.facility-level-card .build-chips{justify-content:flex-start}.facility-level-card .build-section{padding-left:0;border-left:0}.facility-upgrade-action{display:grid;grid-template-columns:1fr;gap:4px;align-items:center;justify-items:center;min-width:0;min-height:116px;padding:9px 8px;color:var(--signal-yellow);border:1px solid rgba(245,215,95,.92);background:#f5d75f29;box-shadow:0 0 0 1px #f5d75f1f,0 0 26px #f5d75f29;cursor:pointer}.facility-upgrade-action:enabled:hover,.facility-upgrade-action:focus-visible{color:#fff;border-color:var(--signal-yellow);background:#f5d75f3d;box-shadow:0 0 0 1px #f5d75f33,0 0 34px #f5d75f3d;outline:0}.facility-upgrade-action:disabled{color:#ffffff61;border-color:#ffffff1f;background:#ffffff06;cursor:not-allowed;opacity:.72}.upgrade-arrow{color:currentColor;font-family:var(--readout-font);font-size:25px;line-height:1}.upgrade-label{color:var(--signal-yellow);font-family:var(--planet-label-font);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.upgrade-target{color:#fff;font-family:var(--readout-font);font-size:12px;font-variant-numeric:tabular-nums;line-height:1}.facility-upgrade-action .build-status{color:#ffffffd1}.facility-upgrade-action .build-section{justify-items:center;padding-left:0;border-left:0;text-align:center}.facility-upgrade-action .build-section b{color:#f5d75fdb}.facility-upgrade-action .build-chips{justify-content:center;font-size:11px}.facility-secondary-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.facility-move-action,.facility-delete-action{justify-self:start;padding:5px 0;border:0;background:transparent;font-family:var(--planet-label-font);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.facility-move-action{color:#72d692db;border-bottom:1px solid rgba(114,214,146,.34)}.facility-delete-action{color:#ff786fd6;border-bottom:1px solid rgba(255,120,111,.32)}.facility-move-action:disabled{color:#ffffff52;border-color:#ffffff1f;cursor:not-allowed}.facility-move-action:hover,.facility-move-action:focus-visible,.facility-delete-action:hover,.facility-delete-action:focus-visible{color:#fff;border-color:currentColor;outline:0}.build-icon{display:grid;width:38px;height:38px;place-items:center;justify-self:start;color:var(--signal-yellow);background:transparent}.build-name{display:block;align-self:center;color:var(--ui-white);font-family:var(--planet-label-font);font-size:13px;font-weight:400;letter-spacing:.05em;line-height:1.15;text-align:left;text-transform:uppercase}.build-name em{color:var(--ui-muted);font-family:var(--readout-font);font-size:12px;font-style:normal;letter-spacing:0}.build-metric{display:grid;gap:3px;min-width:0;padding-left:12px;border-left:1px solid rgba(255,255,255,.16)}.build-metric b{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:8px;font-weight:400;letter-spacing:.08em;line-height:1;text-transform:uppercase}.build-metric span{color:var(--ui-white);font-family:var(--readout-font);font-size:13px;font-variant-numeric:tabular-nums;line-height:1}.build-status{display:block;color:var(--ui-muted);font-family:var(--readout-font);font-size:9px;font-variant-numeric:tabular-nums;line-height:1.15}.build-status.negative{color:#ffcf72}.build-section{display:grid;gap:4px;min-width:0;padding-left:10px;border-left:1px solid rgba(255,255,255,.16)}.build-section b{color:var(--ui-muted);font-family:var(--planet-label-font);font-size:8px;font-weight:400;letter-spacing:.08em;line-height:1;text-transform:uppercase}.build-chips{display:flex;flex-wrap:wrap;gap:5px 6px;min-width:0;align-items:center;justify-content:flex-start;color:#ffffffe0;font-family:var(--readout-font);font-size:10px;font-variant-numeric:tabular-nums}.no-flow{color:var(--ui-muted);font-family:var(--readout-font);font-size:10px}.cost-chip{display:inline-flex;gap:3px;align-items:center;color:var(--resource-color);line-height:1;white-space:nowrap}.cost-chip svg{flex:0 0 auto}.cost-chip.positive{color:#72d692}.cost-chip.negative{color:#ff786f}.cell-label{color:var(--signal-yellow);font-family:var(--planet-label-font);font-size:11px;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 14px rgba(245,215,95,.32),0 2px 8px #000;pointer-events:none}.building-health{width:46px;height:7px;padding:1px;background:#02080cc7;border:1px solid rgba(255,255,255,.32);box-shadow:0 2px 8px #000c;pointer-events:none}.building-health span,.building-health i{display:block;height:100%}.building-health span{background:#ffffff24}.building-health i{background:linear-gradient(90deg,#ff5c62,#f5d75f)}.building-health.disabled{border-color:#ff5c62c2}.building-health.disabled i{background:#ff5c62}.cell-tooltip{position:fixed;top:0;left:0;min-width:170px;padding:9px 10px;color:var(--ui-white);background:#02080cbd;border-left:1px solid rgba(245,215,95,.75);opacity:0;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.9);transform:translate(-999px,-999px);transition:opacity .12s ease;z-index:10}.cell-tooltip.visible{opacity:1}.tooltip-title{color:var(--signal-yellow);font-family:var(--planet-label-font);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.tooltip-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:7px;font-size:11px}.tooltip-grid span{color:var(--ui-muted);font-family:var(--planet-label-font);letter-spacing:.06em;text-transform:uppercase}.tooltip-grid b{color:var(--ui-white);font-family:var(--readout-font);font-weight:400;text-align:right;white-space:nowrap}@media(max-width:860px){.announcement-bar{min-height:42px;flex-wrap:wrap;gap:2px 8px;padding:7px 10px;font-size:10px}.topbar{position:absolute;grid-template-columns:1fr;top:58px}.player-info{max-width:min(220px,calc(100vw - 230px))}.view-switch{right:12px;bottom:24px;grid-template-columns:repeat(2,38px);gap:7px}.view-mode-button{width:38px;height:38px}.view-glyph{width:23px;height:23px}.system-panel{top:188px;right:18px;bottom:74px;width:min(210px,46vw);transform:none}.system-panel-head strong{font-size:18px}.system-panel-grid{grid-template-columns:1fr;gap:8px}.system-panel-grid em{font-size:11px}.resources{position:absolute;top:0;right:0;grid-column:auto;grid-row:auto;width:min(174px,40vw);justify-self:end;gap:0;padding:0}.resource-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;width:100%;padding:0;color:var(--ui-white);border:0;background:transparent;text-align:left;cursor:pointer}.resource-toggle:focus-visible{outline:1px solid rgba(245,215,95,.68);outline-offset:5px}.resource-details{position:absolute;top:calc(100% + 9px);right:0;width:min(236px,calc(100vw - 24px));display:none;gap:6px;padding:8px 0 0;background:linear-gradient(90deg,#02080cb8,#02080c47);border-left:1px solid rgba(245,215,95,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.resources.expanded .resource-details{display:flex}.resources.expanded .resource-toggle{margin-bottom:2px}.resource{padding:2px 8px 2px 10px}.resource-row{grid-template-columns:minmax(58px,.58fr) minmax(74px,1fr) minmax(62px,auto);gap:7px}.resource-label{font-size:10px}.resource-value{font-size:12px}.resource-rate{font-size:10px}.resource-chip{grid-template-columns:auto auto;justify-content:end;gap:4px;padding:0;font-size:11px;line-height:1}.resource-chip svg{width:12px;height:12px}.resource-chip-bar{display:none}.resources.has-alert:not(.expanded) .resource-toggle{filter:drop-shadow(0 0 10px rgba(255,120,111,.16))}.planet-summary{left:12px;bottom:12px;width:min(340px,calc(100vw - 24px))}.attack-report{right:12px;bottom:140px;width:min(300px,calc(100vw - 24px))}.build-menu{width:min(420px,calc(100vw - 24px));max-height:min(430px,calc(100vh - 72px))}.panel-head{padding:8px 10px 7px}.panel-title{font-size:17px}.biome-chip{font-size:9px}.panel-body{padding:7px 10px 9px}.sector-readouts{width:100%;gap:10px}.richness-readout{grid-template-columns:auto minmax(58px,1fr);flex:1 1 auto}.buildings{grid-template-columns:34px minmax(0,1fr) auto;column-gap:8px;row-gap:0}.build-option{grid-template-columns:subgrid;grid-template-rows:auto auto auto;row-gap:7px;min-height:0;padding:10px 0}.build-main{grid-column:1 / 3;grid-row:1}.build-icon{width:32px;height:32px}.build-name{font-size:11px;line-height:1.1}.build-option:disabled .build-name{padding-top:10px}.build-blocker{top:2px;left:40px;font-size:9px}.build-metric{grid-column:3;grid-row:1;align-self:start;justify-items:end;padding-left:8px}.build-option .build-section{grid-column:2 / -1;display:grid;grid-template-columns:42px minmax(0,1fr);gap:6px;align-items:center;padding-left:0;border-left:0}.build-option>.build-section:nth-of-type(3){grid-row:2}.build-option>.build-section:nth-of-type(4){grid-row:3}.build-option .build-section b{font-size:8px}.build-option .build-chips{gap:4px 6px;font-size:10px}.facility-upgrade-flow{grid-template-columns:1fr;gap:8px}.facility-summary{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding-bottom:7px}.facility-icon{width:28px;height:28px}.facility-name{font-size:11px}.facility-level-card{min-height:0;gap:7px;padding:8px 9px}.facility-card-head span{font-size:8px}.facility-card-head b,.facility-level-card.next .facility-card-head b{font-size:16px}.facility-level-card .build-section{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center}.facility-level-card .build-section b{font-size:8px}.facility-level-card .build-chips{gap:4px 7px;font-size:10px}.facility-upgrade-action{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 8px;justify-items:start;min-height:0;padding:8px 9px}.upgrade-arrow{grid-column:1;grid-row:1 / 3;align-self:center;font-size:18px;transform:rotate(90deg)}.upgrade-label{grid-column:2;grid-row:1;font-size:11px;line-height:1}.upgrade-target{grid-column:2;grid-row:2;font-size:11px}.facility-upgrade-action .build-status{grid-column:4;grid-row:1;align-self:start;white-space:nowrap}.facility-upgrade-action .build-section{grid-column:3 / 5;grid-row:2;display:flex;gap:7px;align-items:center;justify-self:end;text-align:right}.facility-upgrade-action .build-chips{gap:4px 6px;font-size:10px}.facility-secondary-actions{gap:10px}}
