:root{--bg: #070a12;--panel: rgba(17, 23, 36, .72);--panel-soft: rgba(13, 18, 30, .65);--border: #1d2536;--border-strong: #2c3850;--cyan: #57c7d4;--gold: #d4a557;--green: #9bd457;--red: #e66;--dm: #8a5fe0;--text: #d8dfe9;--dim: rgba(216, 223, 233, .62);--faint: rgba(216, 223, 233, .4);--font-display: "Chakra Petch", "IBM Plex Sans", sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--glow-cyan: 0 0 18px rgba(87, 199, 212, .22);--nav-h: 60px;--nav-clear: var(--nav-measured-h, calc(var(--nav-h) + var(--safe-b)));--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--hud-bottom: var(--hud-measured-h, calc(100px + env(safe-area-inset-top, 0px)) );color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 600px at 12% -10%,rgba(87,199,212,.06),transparent 60%),radial-gradient(900px 700px at 88% 8%,rgba(138,95,224,.05),transparent 55%),linear-gradient(180deg,#070a129e,#070a12c7),url(/assets/ui/space-bg.jpg) center / cover no-repeat,var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 11% 23%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 31% 67%,rgba(255,255,255,.34) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 47% 12%,rgba(190,230,240,.45) 50%,transparent 51%),radial-gradient(1px 1px at 63% 41%,rgba(255,255,255,.3) 50%,transparent 51%),radial-gradient(1px 1px at 71% 83%,rgba(255,255,255,.42) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 84% 27%,rgba(212,200,240,.4) 50%,transparent 51%),radial-gradient(1px 1px at 92% 62%,rgba(255,255,255,.32) 50%,transparent 51%),radial-gradient(1px 1px at 22% 88%,rgba(255,255,255,.28) 50%,transparent 51%),radial-gradient(1px 1px at 55% 72%,rgba(255,255,255,.24) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 6% 52%,rgba(190,230,240,.35) 50%,transparent 51%);background-size:100% 100%}::selection{background:#57c7d447}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em}button{font-family:var(--font-body);transition:filter .15s ease,transform .12s ease,box-shadow .2s ease,border-color .15s ease}button:hover:not(:disabled){filter:brightness(1.25);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font-family:var(--font-body);transition:border-color .15s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)!important;box-shadow:0 0 0 3px #57c7d424}:focus-visible{outline:2px solid rgba(87,199,212,.55);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#2c3850 transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#2c3850;border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#3a4a68;background-clip:content-box;border:2px solid transparent}*::-webkit-scrollbar-track{background:transparent}.app-shell[data-chat-open=true]>main{margin-inline-start:max(442px,calc((100% - 1640px)/2))!important}.hud{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#0a0e18e0,#0a0e18b8);border-bottom:1px solid rgba(87,199,212,.12);box-shadow:0 12px 34px #00000059}.res-row{flex-wrap:wrap}.res-row>*,.res-chips>*{flex:0 0 auto;white-space:nowrap}.res-chips{display:flex;align-items:center;gap:10px}.alarm-chip{box-shadow:inset 0 0 10px #ee666652;animation:novarchy-alarm-breathe 2.4s ease-in-out infinite}@keyframes novarchy-alarm-breathe{0%,to{box-shadow:inset 0 0 4px #ee66662e}50%{box-shadow:inset 0 0 16px #ee66669e}}@media(prefers-reduced-motion:reduce){.alarm-chip{animation:none;box-shadow:inset 0 0 10px #ee666652}}.nav-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--dim);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:8px 13px;border-radius:var(--radius-s);cursor:pointer;position:relative;white-space:nowrap}.nav-tab:hover:not(:disabled){color:var(--text);filter:none;transform:none;background:#d8dfe90d}.nav-tab[data-active=true]{color:var(--cyan);background:#57c7d414;border-color:#57c7d447;box-shadow:var(--glow-cyan);text-shadow:0 0 12px rgba(87,199,212,.5)}.nav-sep{width:1px;height:16px;margin:0 6px;background:linear-gradient(180deg,transparent,var(--border-strong),transparent);flex:0 0 auto}.build-card{transition:filter .15s ease,border-color .15s ease}@media(hover:hover){.build-card:hover{filter:brightness(1.12)}}.tab-content{animation:tab-in .28s ease both}.modal-in{animation:modal-in .22s cubic-bezier(.2,.9,.3,1) both}@keyframes modal-in{0%{opacity:0;transform:scale(.965) translateY(8px)}to{opacity:1;transform:none}}@keyframes anchorage-pulse{0%,to{box-shadow:0 0 14px #8a5fe080}50%{box-shadow:0 0 22px #8a5fe0d9}}@keyframes anchorage-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes tab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tab-content,.modal-in,.modal-in-sheet{animation:none}button{transition:none}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){html,body,#root{height:100%;height:100dvh}body{min-height:100dvh}.app-shell{display:flex;flex-direction:column;height:100%;height:100dvh}.app-shell>main{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-shell[data-immersive=true]>main{position:fixed;top:0;right:0;bottom:0;left:0;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden;z-index:1}.app-shell[data-immersive=true] .hud{position:fixed;top:0;left:0;right:0;z-index:30;background:linear-gradient(180deg,#070a12e0,#070a12a8 62%,#070a1200);padding-bottom:24px;border-bottom:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;padding-top:env(safe-area-inset-top,0px)}.app-shell[data-immersive=true] .hud button,.app-shell[data-immersive=true] .hud select,.app-shell[data-immersive=true] .hud input,.app-shell[data-immersive=true] .hud a,.app-shell[data-immersive=true] .hud label{pointer-events:auto}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:35;padding-left:max(4px,var(--safe-l))!important;padding-right:max(4px,var(--safe-r))!important}.siege-edge{position:fixed;top:0;right:0;bottom:0;left:0;z-index:36;pointer-events:none;box-shadow:inset 0 0 0 2px #e669,inset 0 0 56px #ee666638;animation:novarchy-siege-edge 2.4s ease-in-out infinite}@keyframes novarchy-siege-edge{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.siege-edge{animation:none;opacity:.7}}.battle-toast{position:fixed;left:max(12px,var(--safe-l));right:max(100px,calc(var(--safe-r) + 100px));bottom:calc(var(--nav-clear) + 14px);z-index:34;animation:novarchy-toast-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes novarchy-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.battle-toast-drain{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left center;opacity:.75;animation:novarchy-toast-drain 10s linear forwards}@keyframes novarchy-toast-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.battle-toast,.battle-toast-drain{animation:none}}.nav-ico .nav-art{filter:saturate(.35) brightness(.9);opacity:.85;transition:filter .15s ease,opacity .15s ease}.nav-ico.nav-ico-on .nav-art{filter:drop-shadow(0 0 7px rgba(87,199,212,.55));opacity:1}.nav-art,.hub-art{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app-shell>main{padding-bottom:calc(var(--nav-clear) + 12px)!important}body{background-attachment:scroll}.hud{position:static}html,body{overscroll-behavior:none}.app-shell{-webkit-tap-highlight-color:transparent}button,[role=button],.chip-row>*{touch-action:manipulation}.hud,.bottom-nav,.bottom-sheet header,.chip-row{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app-shell input,.app-shell textarea{user-select:text;-webkit-user-select:text}.tap:active{transform:scale(.96);filter:brightness(1.12)}.modal-in-sheet{animation:modal-in-sheet .22s cubic-bezier(.2,.8,.2,1)}@keyframes modal-in-sheet{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.bottom-nav{transition:transform .18s ease}body[data-placing=true] .bottom-nav{transform:translateY(110%)}.nav-rail{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px!important}.nav-rail::-webkit-scrollbar{display:none}.res-row{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px!important;padding-bottom:4px}.res-row::-webkit-scrollbar{display:none}.res-row>*{flex:0 0 auto;white-space:nowrap}.res-chips{display:contents}[role=dialog] button,[role=dialog] select,[role=dialog] input[type=range]{min-height:44px}.app-shell .res-pill,.app-shell .alarm-chip{min-height:36px;height:36px}.hue-swatch{width:44px!important;height:44px!important}input,select,textarea{font-size:16px!important}.hud header{flex-wrap:wrap}.build-aside{flex:1 1 100%!important;max-height:46vh!important;order:1}.base-scene{order:2}}[role=dialog] .build-aside{flex:1 1 auto!important;max-height:none!important;border:none;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;overflow:visible}.app-shell[data-immersive=true]>main>.tab-content{height:100%}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.hud>div{padding:max(6px,var(--safe-t)) max(10px,var(--safe-r)) 0 max(10px,var(--safe-l))!important}.hud section{padding:4px 0 6px!important}.hud .res-row{gap:8px!important}.app-shell[data-immersive=true] .hud>div{padding-top:6px!important}}.chip-row{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip-row>*{flex:0 0 auto}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.app-shell>main{overflow-x:hidden}.app-shell>main input,.app-shell>main select,.app-shell>main textarea{max-width:100%}.app-shell>main table{display:block;overflow-x:auto;max-width:100%}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.app-shell>main,.app-shell>main :where(div,section,article,li,span,p,table,nav,header,aside){min-width:0}.app-shell>main{width:100%;max-width:100%!important;box-sizing:border-box}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.app-shell button,.app-shell select,.app-shell input[type=text],.app-shell input[type=search],.app-shell input[type=number],.app-shell input:not([type]),.app-shell input[type=checkbox],.app-shell input[type=radio],.app-shell input[type=range]{min-height:44px}.app-shell button.inline-link,[role=dialog] button.inline-link{min-height:0}.app-shell>main button:where([aria-label],.icon-btn){min-width:44px}.app-shell button.pc-inline{min-height:0;padding:12px 0!important;margin:-12px 0}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){input,select,textarea{font-size:16px!important}}html{background:var(--bg)}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.app-shell>main h2{font-size:14px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:2px 0 8px!important;font-weight:600}.app-shell>main h3{font-size:13px!important;margin:2px 0 6px!important}.app-shell>main{padding-left:10px!important;padding-right:10px!important;padding-top:10px!important}.app-shell>main th,.app-shell>main td{padding:6px 8px!important;font-size:12.5px;white-space:nowrap}.app-shell>main section,.app-shell>main aside{padding:10px!important}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.app-shell>main p{font-size:13px;line-height:1.4;margin:6px 0}.app-shell>main>.tab-content>*>*{margin-top:8px}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.app-shell>main table{display:block;border-collapse:separate;min-width:0!important;width:100%}.app-shell>main thead{display:none}.app-shell>main tbody{display:block}.app-shell>main tbody tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:9px 11px!important;margin-bottom:6px;border:1px solid var(--border);border-radius:10px;background:#ffffff06}.app-shell>main tbody td{display:inline-flex;align-items:baseline;gap:5px;padding:0!important;border:0!important;text-align:left!important;white-space:normal}.app-shell>main tbody td:first-child{flex:1 1 100%;font-weight:600;margin-bottom:2px}.app-shell>main tbody td[data-label]:before{content:attr(data-label);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:500}.app-shell>main tbody td:first-child[data-label]:before{content:none}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.app-shell>main tbody td:has(button){flex:1 1 100%;justify-content:flex-end;margin-top:5px}.app-shell>main tbody td:has(button):before{content:none}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.app-shell>main .chip-row>button{border-radius:999px!important;min-height:36px!important;padding:0 13px!important;font-size:12.5px!important}.app-shell>main tbody td[data-label]:before{font-family:Chakra Petch,system-ui,sans-serif}.app-shell>main tbody td,.app-shell>main .res-row{font-variant-numeric:tabular-nums}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.app-shell>main .chip-row>button{min-height:44px!important}}@media(max-width:720px),(max-height:500px)and (orientation:landscape){.chat-hint{display:none}}@media(max-height:500px)and (orientation:landscape){.battle-toast{left:max(84px,calc(var(--safe-l) + 84px))}:root{--hud-h: 68px}.hud>div{display:flex!important;align-items:center!important;gap:14px!important;padding-top:4px!important;padding-bottom:2px!important}.hud>div>header{flex:0 1 auto!important;min-width:0!important}.hud>div>section{flex:1 1 auto!important;padding:0!important;justify-content:flex-end!important;align-items:center!important}.bottom-nav button{flex-direction:row!important;align-items:center!important;gap:7px!important;min-height:44px!important;padding:2px 0!important}.bottom-nav{padding-top:2px!important;padding-bottom:calc(2px + env(safe-area-inset-bottom,0px))!important}.bottom-sheet{box-sizing:border-box!important;max-height:calc(100% - var(--hud-h))!important;padding-bottom:0!important}}