.has-universe .side-rail { bottom:18px; }
/* Arrival review: flat controls and a canvas behind both navigation rows. */
#lifeform-stage.universe-host {grid-template-rows:minmax(0,1fr);}
#lifeform-stage .universe-view {grid-area:1/1;min-height:0;}
#lifeform-stage .universe-dock {position:absolute;left:0;right:0;bottom:0;background:transparent!important;background-image:none!important;border:0;box-shadow:none;backdrop-filter:none;max-height:28%;overflow:auto;color:#dfedf3;text-shadow:0 1px 5px #000;pointer-events:none;}
#lifeform-stage .universe-dock button,#lifeform-stage .universe-dock nav {pointer-events:auto;}
#lifeform-stage .universe-bottom-overlay {bottom:calc(var(--universe-dock-height,160px) + 12px);}
#lifeform-stage .universe-colonies {display:flex;align-items:center;gap:18px;min-width:0;}
#lifeform-stage .universe-colonies>span {font-size:12px;color:#94d7b0;flex:none;min-width:120px;}
#lifeform-stage .universe-directions {flex:1;min-width:0;min-height:36px;}
#lifeform-stage .universe-discoveries {border-top-color:#cfdcc117;gap:18px;margin-top:9px;padding-top:9px;}
#lifeform-stage .universe-discoveries>div {width:120px;}
#lifeform-stage .universe-discoveries>div>span {color:#e1c77b;letter-spacing:0;}
#lifeform-stage .universe-discoveries nav {display:grid;grid-template-columns:repeat(var(--galaxy-columns,1),minmax(0,1fr));flex:1;min-width:0;overflow:hidden;gap:7px;}
#lifeform-stage .universe-discoveries button {display:grid;grid-template-columns:6px minmax(0,1fr);align-content:center;gap:3px 7px;min-width:0;text-align:left;}
#lifeform-stage .universe-discoveries button span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#lifeform-stage .universe-discoveries button small {grid-column:2;font-size:9px;color:#c7b686;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#lifeform-stage .universe-toolbar {position:relative;display:block;padding-left:76px;min-height:38px;width:100%;}
#lifeform-stage .universe-tools-toggle {position:absolute;left:0;bottom:0;width:64px;height:38px;min-height:38px;min-width:64px;padding:0;}
#lifeform-stage .universe-tools {width:100%;min-width:0;flex:none;}
#lifeform-stage :is(button,select,input,.universe-learn,.arrival-primary) {
 background-image:none!important;box-shadow:none!important;transform:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto;transition:background-color .15s,border-color .15s,color .15s;border-radius:5px;text-shadow:none;
}
#lifeform-stage button::before,#lifeform-stage button::after {display:none!important;}
#lifeform-stage button,#lifeform-stage select,#lifeform-stage .universe-learn,#lifeform-stage a.arrival-primary {background-color:rgba(6,17,27,.72)!important;border:1px solid #90a6b64d;color:#dce8ef;}
#lifeform-stage button:not(:disabled):hover {border-color:#d7d7bc;background-color:rgba(29,44,53,.8)!important;}
#lifeform-stage .universe-directions button {color:#a7e6bc;background-color:rgba(17,57,36,.72)!important;border-color:#78bb8e80;}
#lifeform-stage .universe-directions i {background:#93dcad;box-shadow:none;}
#lifeform-stage .universe-discoveries button {color:#edd58c;background-color:rgba(66,51,15,.68)!important;border-color:#bca45c80;}
#lifeform-stage .universe-discoveries i {width:5px;height:5px;background:#e5c874;box-shadow:none;}
#lifeform-stage button:is([aria-pressed="true"],[aria-expanded="true"],.is-active),#lifeform-stage .arrival-primary {border-color:#f2cf69!important;}
#lifeform-stage :is(button,select,input,a):focus-visible {outline:2px solid #f2cf69;outline-offset:2px;}
#lifeform-stage .universe-mode {border:0;background:rgba(6,17,27,.72);padding:3px 4px;border-radius:5px;}
#lifeform-stage .universe-hud,#lifeform-stage .universe-coordinate {box-shadow:none;}
#lifeform-stage .universe-arrival {position:absolute;right:24px;top:104px;z-index:35;width:min(380px,calc(100% - 48px));max-height:calc(100% - 150px);overflow:auto;overscroll-behavior:contain;padding:22px;color:#dce8ef;background:rgba(5,16,25,.92);border:1px solid #a3b7bf69;border-top-color:#e1c572;border-radius:3px;box-shadow:none;scrollbar-width:thin;}
#lifeform-stage .universe-arrival header {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;}
#lifeform-stage .universe-arrival header button {min-width:30px;padding:3px 8px;font-size:20px;line-height:24px;}
#lifeform-stage .arrival-signal {font:10px/1.6 Consolas,monospace;letter-spacing:.12em;color:#d8c58c;}
#lifeform-stage .universe-arrival[data-owned="true"] .arrival-signal {color:#96d9b3;}
#lifeform-stage .universe-arrival h2 {font-size:24px;font-weight:500;margin:8px 0 0;letter-spacing:.08em;}
#lifeform-stage .arrival-intro {font-size:13px;line-height:1.9;min-height:84px;margin:0 0 16px;white-space:pre-wrap;}
#lifeform-stage .is-typing .arrival-intro::after {content:"▍";color:#edcf7c;animation:arrival-caret 1s steps(2,end) infinite;}
#lifeform-stage .arrival-skip {font-size:10px;padding:3px 7px;margin:0 0 12px;}
#lifeform-stage .arrival-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
#lifeform-stage .arrival-actions button,#lifeform-stage .arrival-actions a {font-size:12px;padding:10px 12px;text-decoration:none;line-height:1.5;}
#lifeform-stage .arrival-actions .arrival-primary {width:100%;text-align:center;color:#f3db94;}
#lifeform-stage .arrival-status {font-size:12px;line-height:1.8;color:#d5c698;margin:12px 0 0;}
#lifeform-stage .arrival-status:empty {display:none;}
#lifeform-stage .arrival-progress {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;padding:14px 0;border-block:1px solid #b7c4cf24;}
#lifeform-stage .arrival-progress dt {font-size:10px;color:#9aafbc;}
#lifeform-stage .arrival-progress dd {font:17px/1.4 Consolas,monospace;margin:6px 0 0;color:#b6e6ca;}
#lifeform-stage .universe-arrival h3 {font-size:14px;line-height:1.8;font-weight:500;margin:10px 0;}
#lifeform-stage .arrival-results :is(p,li),#lifeform-stage .arrival-question>p {font-size:12px;line-height:1.8;color:#a6bac5;}
#lifeform-stage .arrival-results ul {padding-left:18px;margin:0;}
#lifeform-stage .arrival-question {border-top:1px solid #a9bac431;padding-top:16px;}
#lifeform-stage .arrival-question-step {color:#d8c58c;font:10px/1.6 Consolas,monospace;letter-spacing:.08em;}
#lifeform-stage .arrival-options {display:grid;gap:8px;margin-top:12px;}
#lifeform-stage .arrival-options button {display:flex;align-items:baseline;gap:10px;text-align:left;font-size:12px;line-height:1.7;padding:10px;}
#lifeform-stage .arrival-options button span {color:#d8c58c;font:11px Consolas,monospace;}
#lifeform-stage .arrival-options button:disabled {opacity:.78;cursor:default;}
#lifeform-stage .arrival-options button[aria-pressed="true"] {opacity:1;}
#lifeform-stage .arrival-feedback {font-size:12px;line-height:1.8;color:#b8cbd5;}
#lifeform-stage .arrival-feedback b {display:block;margin-bottom:4px;color:#ecd495;font-weight:500;}
@keyframes arrival-caret {50%{opacity:0;}}
@media(max-width:900px){
 #lifeform-stage .universe-discoveries {display:block;}
 #lifeform-stage .universe-discoveries>div {display:flex;justify-content:space-between;width:auto;margin-bottom:5px;}
 #lifeform-stage .universe-colonies {gap:10px;}
 #lifeform-stage .universe-colonies>span {min-width:0;font-size:10px;}
}
@media(max-width:760px){
 #lifeform-stage .universe-dock {padding:10px 12px;max-height:30%;}
 #lifeform-stage .universe-bottom-overlay {bottom:calc(var(--universe-dock-height,160px) + 10px);}
 #lifeform-stage .universe-toolbar {padding-left:62px;}
 #lifeform-stage .universe-tools-toggle {width:52px;min-width:52px;}
 #lifeform-stage .universe-arrival {right:12px;top:112px;width:calc(100% - 24px);max-height:min(calc(100% - 126px),calc(100dvh - 410px));padding:16px;}
 #lifeform-stage:is(:fullscreen,.is-expanded) .universe-arrival {max-height:calc(100dvh - 136px);}
 #lifeform-stage .universe-arrival h2 {font-size:21px;}
 #lifeform-stage .arrival-intro {min-height:0;}
 #lifeform-stage .universe-current {margin-bottom:5px;}
}
@media(prefers-reduced-motion:reduce){#lifeform-stage .is-typing .arrival-intro::after{animation:none;}}
.has-universe .cockpit-main { height:calc(100dvh - 74px); min-height:0; grid-template-columns:minmax(0,1fr) clamp(300px,25vw,380px); padding-bottom:18px; }
.has-universe.universe-sidebar-hidden .cockpit-main { grid-template-columns:minmax(0,1fr); }
.has-universe.universe-sidebar-hidden .mission-panel { display:none; }
.has-universe .mission-panel { min-height:0; overflow:auto; }
.has-universe .mission-panel .persistent-action-zone { position:relative; top:auto; right:auto; width:100%; transform:none; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 16px; }
.has-universe .mission-panel .persistent-action { padding:12px 8px; min-width:0; }
.has-universe .mission-panel .persistent-action small { display:none; }
.has-universe .cockpit-header { grid-template-columns:180px minmax(0,1fr) auto auto; gap:14px; }
.universe-header-settings { color:inherit; border:1px solid #9bc3d232; border-radius:12px; padding:10px 15px; background:#5077881a; cursor:pointer; }
.universe-host { --u-text:#dfedf3; --u-muted:#9db2c4; --u-panel:rgba(10,23,38,.94); position:relative; min-width:0; min-height:0; display:grid; grid-template-rows:minmax(0,1fr) auto; overflow:hidden; border:1px solid #a3c7db26; border-radius:24px; background:#020611; color:var(--u-text); }
.universe-host { grid-template-columns:minmax(0,1fr); }
.universe-view { position:relative; min-width:0; min-height:0; overflow:hidden; background:radial-gradient(ellipse at 45% 50%,#172438,#020611 70%); }
.universe-view canvas { width:100%; height:100%; display:block; touch-action:none; outline-offset:-3px !important; }
.universe-host button,.universe-host a { font:inherit; }
.universe-host button { cursor:pointer; color:inherit; border:1px solid #b2cbe326; border-radius:9px; padding:8px 12px; background:#334d622e; }
.universe-host button:hover,.universe-host button[aria-pressed="true"] { background:#6fb1ce30; border-color:#a5deec64; }
.universe-host button:focus-visible,.universe-host a:focus-visible { outline:2px solid #edc184; outline-offset:3px; }
.universe-host [hidden] { display:none !important; }
.universe-hud,.universe-coordinate { position:absolute; top:18px; pointer-events:none; color:#d7e4ef; font:12px/1.7 Consolas,monospace; letter-spacing:.03em; font-variant-numeric:tabular-nums; text-shadow:0 1px 2px #000; background:rgba(4,12,24,.84); backdrop-filter:blur(12px); padding:9px 12px; border:1px solid #b9d2eb2b; border-radius:10px; box-shadow:0 3px 16px #0003; }
.universe-hud { left:20px; display:grid; gap:2px; }
.universe-hud b { color:#fff; font-weight:600; }
.universe-coordinate { right:20px; }
.universe-bottom-overlay { position:absolute; left:16px; right:16px; bottom:max(16px,env(safe-area-inset-bottom)); display:flex; flex-direction:column; align-items:flex-start; gap:10px; pointer-events:none; }
.universe-toolbar { display:flex; align-items:flex-end; gap:6px; max-width:100%; pointer-events:auto; }
.universe-tools { display:flex; flex-wrap:wrap; gap:5px; min-width:0; }
.universe-toolbar button { font-size:11px; padding:8px 11px; background:#071320aa; backdrop-filter:blur(8px); white-space:nowrap; }
.universe-tools-toggle { flex:none; min-width:44px; color:#b7c6d4 !important; }
.tools-collapsed .universe-tools-toggle { background:#07132070; border-color:#b2cbe326; }
.universe-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.universe-status.is-error { position:static; width:auto; height:auto; clip-path:none; white-space:normal; margin:0; padding:8px 12px; border-radius:8px; background:#071320ed; color:#ffe3bb; font-size:12px; }
.universe-volume { display:grid; grid-template-columns:1fr auto; gap:8px; margin:12px 0; color:var(--u-muted); font-size:12px; }
.universe-volume input { width:100%; grid-row:2; grid-column:1/-1; accent-color:#abcbdc; }
.universe-discoveries { margin-top:13px; padding-top:12px; border-top:1px solid #9bbdde1a; display:flex; align-items:center; gap:18px; min-width:0; }
.universe-discoveries>div { display:grid; gap:4px; flex:none; }
.universe-discoveries>div>span { font-size:12px; letter-spacing:.14em; color:var(--u-text); }
.universe-discoveries small { font-size:10px; color:var(--u-muted); }
.universe-discoveries nav { display:flex; gap:7px; min-width:0; overflow:auto; scrollbar-width:thin; padding:3px; }
.universe-discoveries button { display:flex; align-items:center; gap:7px; flex:none; font-size:12px; padding:8px 10px; background:transparent; border-color:#b2cbe319; }
.universe-discoveries i { width:7px; height:7px; border-radius:50%; background:var(--discovery-color); box-shadow:0 0 10px var(--discovery-color); }
.universe-discovery-note { font-size:18px!important; letter-spacing:.1em; margin:28px 0; }
.universe-discovery-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.universe-discovery-actions [data-discovery-adopt] { background:#99c5dc25; border-color:#bce1f253; }
.universe-flight-control { position:absolute; top:86px; left:20px; display:flex; align-items:center; gap:12px; color:#dceaf5; font-size:12px; padding:7px 8px 7px 12px; border-radius:10px; background:#071320cc; backdrop-filter:blur(12px); }
.universe-flight-control button { padding:6px 12px; }
.universe-return-veil { pointer-events:none; position:absolute; inset:0; background:#020611; opacity:0; }
@media(max-width:900px){.universe-discoveries{display:block;}.universe-discoveries>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;}.universe-discoveries nav{padding-bottom:5px;}.universe-flight-control{left:12px;top:86px;}}
.universe-dock { position:relative; min-width:0; z-index:2; padding:15px 20px 18px; border-top:1px solid #acbfe318; background:linear-gradient(140deg,#101c2a,#071320); }
.universe-current { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.universe-current>span { color:var(--u-muted); font-size:10px; }
.universe-current>b { font-weight:500; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:55%; }
.universe-current button { padding:6px 13px; font-size:11px; }
.universe-directions { display:flex; align-items:center; gap:8px; overflow-x:auto; padding:3px; scrollbar-width:thin; }
.universe-directions button { display:flex; gap:8px; align-items:center; max-width:200px; white-space:nowrap; flex:none; font-size:12px; }
.universe-directions i { width:5px; height:5px; background:#b6c7f0; box-shadow:0 0 9px #84c7ea; border-radius:50%; flex:none; }
.universe-empty { color:var(--u-muted); font-size:12px; }
.universe-settings { position:absolute; z-index:30; right:16px; top:112px; width:250px; padding:16px; background:var(--u-panel); border:1px solid #aecad236; border-radius:16px; box-shadow:0 16px 60px #0008; }
.universe-settings header,.universe-dialog header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.universe-settings [data-settings-controls]>div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; }
.universe-settings [data-settings-controls]>div>span { color:var(--u-muted); font-size:12px; }
.universe-settings [data-settings-controls] button { font-size:12px; }
.universe-settings p { color:var(--u-muted); font-size:11px; line-height:1.8; }
.universe-dialog { color:var(--u-text); background:var(--u-panel); width:min(540px,calc(100vw - 32px)); max-height:80dvh; overflow:auto; padding:24px; border:1px solid #acc6d945; border-radius:20px; box-shadow:0 24px 80px #0008; }
.universe-dialog::backdrop { background:#02061188; backdrop-filter:blur(8px); }
.universe-dialog h2 { margin:0; font-size:20px; font-weight:500; }
.universe-dialog p { font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.universe-detail-meta { color:var(--u-muted); }
.universe-dialog article { margin:16px 0; padding-bottom:14px; border-bottom:1px solid #acc6d926; }
.universe-dialog article b { font-size:13px; font-weight:500; }
.universe-dialog small { font-size:10px; color:var(--u-muted); overflow-wrap:anywhere; }
.universe-dialog details { margin:20px 0; }
.universe-dialog summary { cursor:pointer; font-size:13px; }
.universe-records { display:grid; gap:8px; }
.universe-records button { display:flex; text-align:left; align-items:center; justify-content:space-between; gap:14px; }
.universe-records button span { white-space:nowrap; font-size:11px; color:var(--u-muted); }
.universe-learn { display:inline-block; padding:10px 18px; background:#8ccee427; color:#c4ebff; border-radius:10px; text-decoration:none; font-size:13px; }
.universe-host:fullscreen,.universe-host.is-expanded { width:100vw; height:100dvh; border:0; border-radius:0; }
.universe-host.is-expanded { position:fixed; inset:0; z-index:999; }
.has-universe:has(.universe-host.is-expanded) .cockpit-main {z-index:1000;}
html:has(#lifeform-stage.is-expanded),html:has(#lifeform-stage.is-expanded) body {overflow:hidden!important;overscroll-behavior:none;}
.universe-host:fullscreen .universe-dock,.universe-host.is-expanded .universe-dock { padding-left:max(24px,10vw); padding-right:max(24px,10vw); }
.universe-host.is-daylight { --u-text:#293f51; --u-muted:#587186; --u-panel:rgba(240,246,250,.98); border-color:#708da955; }
.universe-host.is-daylight .universe-dock { background:linear-gradient(140deg,#e9f1f7,#d9e6ef); }
.universe-host.is-daylight .universe-learn { color:#205e7c; }
.universe-host.is-daylight .universe-toolbar { color:#e0edf7; }
@media(max-width:1100px){.has-universe .cockpit-main { grid-template-columns:minmax(0,1fr) 300px; gap:12px; padding-right:14px; }.has-universe .cockpit-header{grid-template-columns:120px 1fr auto auto;padding:0 18px;gap:10px;}.has-universe .profile-meta{min-width:0;width:auto;}.has-universe .top-commands{gap:6px;}}
@media(max-width:760px){html[data-screen="home-usable"],html[data-screen="home-usable"] body,html[data-screen="home-usable"] #app {overflow:auto;}.has-universe.usable-cockpit{min-height:100dvh;height:auto;overflow:visible;}.has-universe .cockpit-header{height:auto;min-height:96px;grid-template-columns:1fr auto auto;gap:8px;padding:12px;}.has-universe .top-commands{grid-row:2;grid-column:1/-1;justify-content:space-between;}.has-universe .cockpit-brand{width:auto;}.has-universe .profile-meta .flight-meta-copy small{display:none;}.has-universe .side-rail{position:relative;inset:auto;width:auto;max-height:130px;margin:0 12px 10px;border-radius:14px;}.has-universe .side-rail-group{display:flex;flex-wrap:wrap;gap:3px;}.has-universe .side-rail a{min-height:36px;display:flex;padding:5px 8px;}.has-universe .side-rail-heading,.has-universe .side-rail-copy small,.has-universe .side-rail-divider{display:none;}.has-universe .cockpit-main{height:auto;display:flex;flex-direction:column;padding:0 12px 18px;min-height:0;}.has-universe .universe-host{height:580px;min-height:480px;border-radius:18px;}.has-universe .mission-panel{max-height:none;overflow:visible;width:100%;}.has-universe .universe-sidebar-hidden .mission-panel{display:none;}.universe-coordinate{top:18px;right:12px;font-size:8px;}.universe-hud{left:12px;font-size:9px;}.universe-bottom-overlay{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:9px;}.universe-tools{gap:5px;}.universe-toolbar button{font-size:11px;min-height:40px;padding:8px 10px;}.universe-dock{padding:12px;}.universe-status{font-size:10px;}.universe-host:fullscreen,.universe-host.is-expanded{height:100dvh;min-height:100dvh;}.universe-settings{top:110px;}.universe-dialog{padding:20px;}}
@media(prefers-reduced-motion:reduce){.has-universe *{scroll-behavior:auto!important;}}
@media(max-width:760px){.universe-hud,.universe-coordinate{top:12px;font-size:11px;padding:7px 9px;}.universe-coordinate{max-width:44%;line-height:1.7;}.universe-hud{left:12px;}.universe-toolbar{align-items:flex-end;}.universe-status.is-error{font-size:12px;}}

/* Navigation review: restore the persistent home actions without changing the columns. */
.has-universe .cockpit-controls.universe-action-footer {position:fixed;z-index:25;right:24px;bottom:18px;left:auto;width:clamp(300px,25vw,380px);height:78px;min-height:0;padding:0;background:transparent;border:0;}
.has-universe .universe-action-footer .persistent-action-zone {position:static;transform:none;width:100%;margin:0;display:grid;gap:8px;}
.has-universe .universe-action-footer .persistent-action {height:68px;min-width:0;padding:10px 12px;}
.has-universe .universe-action-footer .persistent-action small {display:none;}
.has-universe .mission-panel {padding-bottom:98px;}
.universe-tools {display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
.universe-function-tools {display:flex;flex-direction:column;gap:6px;}
.universe-function-tools button {min-width:54px;}
.universe-wonder-picker {box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:22px;color:var(--u-text,#e1edf3);background:var(--u-panel,#0a1824);border:1px solid #aecad245;border-radius:12px;overflow:auto;}
.universe-wonder-picker::backdrop {background:#020811a8;}
.universe-wonder-picker header {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;}
.universe-wonder-picker h2 {margin:0;font-size:18px;font-weight:500;}
.universe-wonder-picker header button {min-width:36px;min-height:36px;}
.universe-wonder-list {display:grid;gap:10px;}
.universe-wonder-list button {display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:18px;text-align:left;cursor:pointer;}
.universe-wonder-list b {display:block;font-size:14px;font-weight:500;}
.universe-wonder-list small {display:block;margin-top:8px;color:#9bb2c1;font-size:11px;line-height:1.7;}
.universe-wonder-go {flex-shrink:0;color:#d9c58d;font-size:12px;}
.universe-wonder-picker button:focus-visible {outline:2px solid #edc184;outline-offset:3px;}
@media(max-width:480px){.universe-wonder-picker{padding:18px;}.universe-wonder-list button{padding:14px;gap:10px;}}
.universe-view-tools {display:flex;align-items:center;flex-wrap:wrap;gap:5px;}
.universe-mode {display:flex;align-items:center;gap:6px;padding:5px 8px;color:#cbdfe9;background:#071320cc;border:1px solid #b2cbe326;border-radius:9px;font-size:11px;}
.universe-host select {font:inherit;color:#e1f1fa;background:#102331;border:1px solid #a6cdd43a;border-radius:6px;padding:4px;max-width:100%;}
.universe-host select:focus-visible,.universe-host input:focus-visible {outline:2px solid #edc184;outline-offset:2px;}
.universe-hud {pointer-events:auto;max-width:calc(100% - 32px);font-size:11px;}
.universe-tempo {display:flex;align-items:center;gap:10px;margin-top:4px;}
.universe-tempo>span {color:#9bb5c4;}
.universe-custom-speed {display:grid;gap:5px;margin-top:5px;}
.universe-custom-speed input {width:170px;max-width:100%;background:#071320;color:#e1f1fa;border:1px solid #a6cdd43a;border-radius:6px;padding:5px;}
.universe-coordinate {font-size:10px;max-width:45%;overflow-wrap:anywhere;text-align:right;}
.universe-flight-control {top:132px;}
.universe-film {position:absolute;left:20px;top:18px;display:flex;align-items:center;gap:12px;padding:9px 12px;background:#081423c9;backdrop-filter:blur(16px);border:1px solid #c4daf026;border-radius:12px;color:#deebf8;font-size:12px;font-variant-numeric:tabular-nums;max-width:calc(100% - 40px);z-index:3;}
#lifeform-stage.is-wonder-film :is(.universe-hud,.universe-coordinate){display:none;}
.universe-film [data-film-time] {color:#adbed0;font-size:11px;}
.universe-film button {border:0;background:#ffffff12;color:inherit;border-radius:8px;padding:7px 10px;cursor:pointer;min-height:36px;}
.universe-film button:hover {background:#ffffff24;}
.universe-film button:focus-visible {outline:2px solid #cae2fa;outline-offset:2px;}
.universe-film[hidden] {display:none;}
#lifeform-stage.is-cinema-clean .universe-film {visibility:hidden;pointer-events:none;}
@media(max-width:760px){.universe-film{left:12px;top:12px;gap:7px;max-width:calc(100% - 24px);padding:7px;font-size:11px;flex-wrap:wrap;}.universe-film button{padding:7px;min-height:40px;}}
.universe-settings {max-height:calc(100% - 128px);overflow:auto;}
.universe-host:fullscreen,.universe-host.is-expanded {grid-template-rows:minmax(0,1fr);}
.universe-host:fullscreen .universe-dock,.universe-host.is-expanded .universe-dock {position:absolute;left:0;right:0;bottom:0;background:transparent!important;border:0;box-shadow:none;backdrop-filter:none;max-height:27dvh;overflow:auto;text-shadow:0 1px 6px #000;color:#dfedf3;pointer-events:none;}
.universe-host:fullscreen .universe-dock button,.universe-host.is-expanded .universe-dock button,.universe-host:fullscreen .universe-dock nav,.universe-host.is-expanded .universe-dock nav {pointer-events:auto;}
.universe-host:fullscreen .universe-bottom-overlay,.universe-host.is-expanded .universe-bottom-overlay {bottom:calc(var(--universe-dock-height,130px) + 16px);}
@media(max-width:1100px) and (min-width:761px){.has-universe .cockpit-controls.universe-action-footer{right:16px;width:300px;}}
@media(max-width:760px){
 .has-universe .cockpit-controls.universe-action-footer{left:12px;right:12px;width:auto;bottom:max(10px,env(safe-area-inset-bottom));height:68px;}
 .has-universe .universe-action-footer .persistent-action{height:60px;min-height:60px;}
 .has-universe .mission-panel{padding-bottom:100px;}
 .universe-coordinate{font-size:9px;max-width:38%;}
 .universe-hud{font-size:10px;max-width:60%;padding:7px;}
 .universe-tempo{gap:4px;}.universe-tempo>span{display:none;}
 .universe-toolbar{width:100%;gap:5px;}.universe-tools{min-width:0;flex:1;}.universe-view-tools{gap:4px;}
 .universe-toolbar button{padding:7px 8px;min-height:36px;}.universe-mode{min-height:36px;}
 .universe-host:fullscreen .universe-dock,.universe-host.is-expanded .universe-dock{padding:10px 12px;max-height:24dvh;}
 .universe-host:fullscreen .universe-bottom-overlay,.universe-host.is-expanded .universe-bottom-overlay{bottom:calc(var(--universe-dock-height,160px) + 10px);}
}

/* The homepage keeps its geometry; commands share one flat type/material system. */
.universe-quality {display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:14px 0;color:#bdd0d9;font-size:12px;}
.universe-quality small {grid-column:1/-1;font:11px/1.5 system-ui;color:#93acb8;}
/* Fullscreen chrome can disappear without changing canvas size or dock layout. */
#lifeform-stage .universe-clean-controls {position:absolute;top:max(74px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:24;transition:opacity .25s;}
#lifeform-stage .universe-clean-controls[hidden] {display:none!important;}
#lifeform-stage .universe-clean-controls button {min-height:38px;padding:7px 12px;}
#lifeform-stage .universe-clean-feedback {position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;translate:-50% 0;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;margin:0;padding:9px 14px;border:1px solid #9bb8cb33;border-radius:6px;background:#071320dc;color:#cbdfe9;font:12px/1.8 system-ui;text-align:center;pointer-events:none;}
#lifeform-stage .universe-clean-feedback:empty {display:none;}
#lifeform-stage.is-cinema-clean :is(.universe-hud,.universe-coordinate,.universe-bottom-overlay,.universe-dock,.universe-settings,.universe-flight-control) {visibility:hidden!important;pointer-events:none!important;}
#lifeform-stage.is-creation-cinema :is(.universe-hud,.universe-coordinate,.universe-bottom-overlay,.universe-dock,.universe-settings,.universe-flight-control) {visibility:hidden!important;pointer-events:none!important;}
#lifeform-stage.is-creation-cinema .universe-clean-controls {display:none!important;}
#lifeform-stage.is-creation-cinema canvas {outline:none!important;}
#lifeform-stage.is-cinema-clean.is-cinema-idle {cursor:none;}
#lifeform-stage.is-cinema-clean.is-cinema-idle .universe-clean-controls {opacity:0;}
#lifeform-stage.is-cinema-clean .universe-clean-controls:focus-within {opacity:1;cursor:auto;}
@media(prefers-reduced-motion:reduce){#lifeform-stage .universe-clean-controls{transition:none;}}
html[data-screen="home-usable"] {--home-command-font:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;}
html[data-screen="home-usable"] :is(#app button,#app select,#app input,#app .side-rail a,#app .top-commands a,#app .mission-panel a,#app .profile-meta,dialog button,dialog a) {
 font-family:var(--home-command-font)!important;font-size:13px!important;font-weight:500!important;font-style:normal;line-height:1.5;letter-spacing:0!important;
 background-image:none!important;box-shadow:none!important;transform:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important;
 border-radius:6px!important;transition:background-color .15s,border-color .15s,color .15s!important;
}
html[data-screen="home-usable"] :is(.usable-cockpit button,.side-rail a,.top-commands a,dialog button,dialog a) {background-color:rgba(7,24,34,.84);border:1px solid #7695a34d;}
html[data-screen="home-usable"] #app :is(button,.side-rail a,.top-commands a,.profile-meta)::before,
html[data-screen="home-usable"] #app :is(button,.side-rail a,.top-commands a,.profile-meta)::after {display:none!important;}
html[data-screen="home-usable"] #app :is(button,a):is(.is-active,[aria-pressed="true"],[aria-current="location"]) {border-color:#f2cf69!important;}
html[data-screen="home-usable"] #app :is(button,.side-rail a,.top-commands a,.profile-meta) :is(b,strong,em) {font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;font-style:normal!important;letter-spacing:0!important;}
html[data-screen="home-usable"] :is(.usable-cockpit button,.side-rail a) small {font-family:var(--home-command-font)!important;font-size:10px!important;line-height:1.4;letter-spacing:0;}
html[data-screen="home-usable"] .top-commands {background-image:none!important;box-shadow:none!important;border-radius:8px;}
html[data-screen="home-usable"] #app .persistent-action i {background:none!important;box-shadow:none!important;border:0!important;border-radius:0;}
html[data-screen="home-usable"] #app .persistent-action i::before,
html[data-screen="home-usable"] #app .persistent-action i::after {display:none;}
html[data-screen="home-usable"] .v12-feature-lock {border:0;border-radius:0;width:12px;min-width:12px;color:#dcc480;}
html[data-screen="home-usable"] #app .side-rail a.is-v12-locked {column-gap:7px;}
#lifeform-stage .universe-function-tools {position:absolute;left:0;bottom:46px;width:64px;gap:6px;}
#lifeform-stage .universe-function-tools button {width:100%;min-width:0;height:38px;padding:0;}
#lifeform-stage .universe-directions {display:grid;grid-template-columns:repeat(var(--galaxy-columns,5),minmax(0,1fr));gap:7px;overflow:visible;}
#lifeform-stage :is(.universe-directions,.universe-discoveries) button {height:52px;min-height:52px;width:100%;min-width:0;padding:7px 10px;box-sizing:border-box;}
#lifeform-stage .universe-directions button {display:flex;align-items:center;justify-content:flex-start;gap:7px;text-align:left;}
#lifeform-stage .universe-directions button i {flex:none;}
#lifeform-stage .universe-discoveries button small {font-size:10px!important;line-height:14px;}
@media(max-width:900px){
 #lifeform-stage .universe-colonies {display:block;}
 #lifeform-stage .universe-colonies>span {display:block;margin-bottom:5px;}
}
@media(max-width:760px){
 #lifeform-stage .universe-function-tools{width:52px;}
 html[data-screen="home-usable"] .side-rail a {font-size:11px!important;}
}

/* Startup feedback stays within the universe viewport, including fullscreen. */
.universe-loading{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(2,6,17,.78),rgba(2,6,17,.24));}
.universe-loading-card{width:min(260px,70%);padding:24px;text-align:center;color:#e7edf5;background:rgba(8,16,28,.84);border:1px solid rgba(180,206,235,.12);border-radius:16px;box-shadow:0 16px 48px #0003;}
.universe-loading-card p{margin:0 0 18px;font-size:14px;letter-spacing:.06em;}
.universe-loading-track{height:3px;overflow:hidden;border-radius:4px;background:#ffffff1a;}
.universe-loading-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8aa6ce,#e6c497);border-radius:inherit;}
.universe-loading-card small{display:block;margin-top:10px;color:#acb8ca;font-size:12px;font-variant-numeric:tabular-nums;}
.universe-loading-card button{margin-top:16px;padding:7px 16px;border:1px solid #ffffff30;border-radius:20px;background:#ffffff0d;color:inherit;cursor:pointer;}
.universe-loading.has-graphics-error{overflow:auto;padding:76px 16px 96px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 35%,#0c1825,var(--light-space,#020611));}
.has-graphics-error .universe-loading-card{width:min(360px,100%);box-sizing:border-box;letter-spacing:normal;}
.has-graphics-error .universe-loading-card small{line-height:1.65;}
.universe-graphics-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:12px;}
.universe-graphics-actions[hidden]{display:none;}
.universe-graphics-actions a{padding:10px 12px;border-radius:20px;color:inherit;text-decoration:none;background:#ffffff12;}
.universe-graphics-actions button{margin:0;background:transparent;}
.universe-graphics-actions textarea{box-sizing:border-box;width:100%;height:130px;resize:vertical;background:#050b14;color:#d8e1ef;border:1px solid #ffffff30;border-radius:8px;padding:8px;font:11px/1.5 monospace;}
.universe-graphics-actions :is(a,button,textarea):focus-visible{outline:2px solid #b3d4ed;outline-offset:3px;}