:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--amber:#e3a047;--cyan:#58d5d0;--ink:#10151e;--panel:#0e161cd1;--line:#5fdbcf61;--text:#def4eb;--muted:#9bb7b3;--safe-top:max(10px, env(safe-area-inset-top));--safe-left:max(10px, env(safe-area-inset-left));--safe-right:max(10px, env(safe-area-inset-right));--safe-bottom:max(10px, env(safe-area-inset-bottom));--touch-scale:1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(12px,1.65vw,17px)}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:3px solid #fff}[hidden]{display:none!important}#app{touch-action:none;width:100vw;height:100vh;display:block}#interface{pointer-events:none;color:var(--text);position:fixed;inset:0}#boot-visual{z-index:30;color:#e9fff8;pointer-events:none;background:linear-gradient(90deg,#040c0feb,#06121480 45%,#050c0f14),url(/landing-concept.webp) 50%/cover;align-items:center;padding:max(6vw,2rem);transition:opacity .7s,visibility .7s;display:flex;position:fixed;inset:0}#boot-visual.ready{opacity:0;visibility:hidden}.boot-copy{text-shadow:0 3px 22px #061013;width:min(28rem,50vw)}.boot-copy>span{color:var(--cyan);letter-spacing:.22em;font-size:.62rem;font-weight:850}.boot-copy h1{color:#fff5dd;letter-spacing:-.055em;margin:.5rem 0;font-size:clamp(3rem,8vw,7rem);line-height:.78}.boot-copy p{color:#c2dcd5;max-width:24rem;font-weight:650}.boot-copy strong{color:var(--amber);letter-spacing:.15em;margin-top:1.6rem;font-size:.7rem;display:block}.glass-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#34746f33,#0000 52%),linear-gradient(#111d22e8,#091116d6);box-shadow:0 8px 28px #00000047,inset 0 0 0 1px #ffffff09,0 0 18px #36cfc20b}.eyebrow{color:var(--cyan);letter-spacing:.17em;font-size:.62rem;font-weight:850}.topbar{top:var(--safe-top);left:var(--safe-left);border-radius:.45rem;align-items:center;gap:.8rem;min-height:2.45rem;padding:.35rem .65rem;display:flex;position:absolute}.brand{letter-spacing:.09em;align-items:center;gap:.35rem;font-size:.78rem;display:flex}.brand-mark{color:var(--amber);font-size:1.2rem}.world-facts{border-left:1px solid var(--line);color:var(--muted);letter-spacing:.09em;flex-direction:column;padding-left:.65rem;font-size:.56rem;display:flex}.objective{top:var(--safe-top);text-align:center;border-radius:.45rem;flex-direction:column;gap:.08rem;width:min(32rem,38vw);padding:.42rem .75rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.objective strong{font-size:.85rem}.objective>span:last-child{color:var(--muted);font-size:.68rem}.biome-card{top:var(--safe-top);right:var(--safe-right);border-radius:.45rem;flex-direction:column;width:min(16rem,24vw);padding:.42rem .65rem;display:flex;position:absolute}.biome-card strong{font-size:.82rem}.biome-card span:last-child{color:var(--muted);font-size:.62rem}.facility-card{top:calc(var(--safe-top) + 3.6rem);right:var(--safe-right);border-radius:.55rem;width:min(18rem,31vw);padding:.55rem .65rem;position:absolute}.facility-heading{justify-content:space-between;gap:.5rem;display:flex}.facility-heading>div{flex-direction:column;display:flex}.facility-heading strong{font-size:.82rem}.efficiency{color:var(--amber);font-size:.68rem;font-weight:900}.requirements{gap:.18rem;margin-top:.35rem;display:grid}.requirement{color:#e9a299;justify-content:space-between;gap:.3rem;font-size:.64rem;display:flex}.requirement.met{color:#9ee7b0}.requirement small{color:var(--muted)}.vitals{left:var(--safe-left);top:calc(var(--safe-top) + 3.25rem);border-radius:.45rem;gap:.22rem;padding:.4rem .55rem;display:grid;position:absolute}.vitals>div{grid-template-columns:3rem 6.5rem;align-items:center;gap:.35rem;display:grid}.vitals span{color:var(--muted);letter-spacing:.08em;font-size:.55rem}.vitals meter{width:100%;height:.45rem;accent-color:var(--cyan)}.crosshair{width:1.6rem;height:1.6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair i{background:#e9fcf6e6;display:block;position:absolute;box-shadow:0 0 3px #102026}.crosshair i:first-child,.crosshair i:nth-child(2){width:.46rem;height:2px;top:calc(50% - 1px)}.crosshair i:first-child{left:0}.crosshair i:nth-child(2){right:0}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:2px;height:.46rem;left:calc(50% - 1px)}.crosshair i:nth-child(3){top:0}.crosshair i:nth-child(4){bottom:0}.target-prompt{border-radius:.35rem;flex-direction:column;align-items:center;padding:.25rem .6rem;font-size:.67rem;display:flex;position:absolute;top:calc(50% + 2rem);left:50%;transform:translate(-50%)}.target-prompt span{color:var(--muted)}.touch-zone{bottom:var(--safe-bottom);pointer-events:auto;width:min(28vw,15rem);height:min(42vh,13rem);position:absolute}.move-zone{left:var(--safe-left)}.look-zone{right:var(--safe-right)}gamekit-joystick{--gamekit-joy-size:clamp(78px, 11vw, 118px);--gamekit-joy-base-bg:#14393d80;--gamekit-joy-base-border:#5ce1d499;--gamekit-joy-thumb-bg:#dff8ebd1;--gamekit-joy-idle-opacity:.56}.action-cluster{right:calc(var(--safe-right) + min(22vw, 11rem));bottom:calc(var(--safe-bottom) + .5rem);pointer-events:none;width:8.6rem;height:7.6rem;position:absolute}.action-button{pointer-events:auto;width:calc(2.85rem * var(--touch-scale));height:calc(2.85rem * var(--touch-scale));background:#122c30c7;border:1px solid #5fdbcf94;border-radius:50%;font-size:1.1rem;font-weight:900;position:absolute;box-shadow:inset 0 0 0 2px #ffffff0a}.action-button:active{background:#2d756feb;transform:scale(.92)}.action-button:first-child{bottom:2.3rem;right:0}.action-button:nth-child(2){bottom:0;right:3rem}.action-button:nth-child(3){bottom:4.7rem;right:3rem}.action-button:nth-child(4){bottom:2.3rem;right:6rem}.primary-action{color:#ffd28d;border-color:#f0a443cc}.hotbar{left:50%;bottom:var(--safe-bottom);pointer-events:auto;border-radius:.55rem;gap:.18rem;padding:.3rem;display:flex;position:absolute;transform:translate(-50%)}.hotbar-slot{background:#101e23d1;border:1px solid #79aaa873;border-radius:.38rem;width:clamp(2.1rem,4.3vw,3.25rem);height:clamp(2.1rem,4.3vw,3.25rem);padding:0;position:relative}.hotbar-slot.selected{border-color:var(--amber);transform:translateY(-.25rem);box-shadow:0 0 0 2px #e3a04742}.slot-cube{background:var(--item-color);border-radius:.18rem;position:absolute;inset:24%;box-shadow:inset -.25rem -.25rem #0003,inset .15rem .15rem #ffffff29}.slot-cube:after{content:"";border:1px solid #ffffff38;border-radius:.1rem;position:absolute;inset:12%;box-shadow:inset 0 0 .35rem #00000047}.slot-key{color:var(--muted);font-size:.52rem;position:absolute;top:.08rem;left:.18rem}.hotbar-slot small{font-size:.55rem;font-weight:800;position:absolute;bottom:.08rem;right:.16rem}.menu-button{right:var(--safe-right);bottom:calc(var(--safe-bottom) + min(42vh, 13rem) + .35rem);pointer-events:auto;border-radius:.5rem;width:2.5rem;height:2.5rem;position:absolute}.toast-stack{left:50%;bottom:calc(var(--safe-bottom) + 4.6rem);gap:.3rem;width:min(30rem,60vw);display:grid;position:absolute;transform:translate(-50%)}.toast{border:1px solid var(--line);text-align:center;background:#0d1a1eed;border-radius:.4rem;padding:.5rem .8rem;font-size:.72rem;animation:.18s ease-out toast-in}.toast.good{border-color:#67de8db3}.toast.warn{border-color:#ee995fcc}.panels{pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.panel-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04090db8;position:absolute;inset:0}.field-computer{border-radius:.7rem;width:min(44rem,84vw);max-height:80vh;position:relative;overflow:hidden}.field-computer header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.7rem .9rem;display:flex}.field-computer header>div{flex-direction:column;display:flex}.field-computer header button{background:0 0;border:0;font-size:1.6rem}.panel-tabs{gap:.35rem;padding:.6rem .8rem 0;display:flex;overflow-x:auto}.panel-tabs button{border:1px solid var(--line);white-space:nowrap;background:#1b393c99;border-radius:999px;padding:.35rem .7rem}.panel-content{color:var(--muted);max-height:calc(80vh - 7rem);padding:1rem;line-height:1.5;overflow:auto}.panel-content>p{margin-top:0}.cargo-grid,.craft-grid,.research-grid,.specialization-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.55rem;display:grid}.craft-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.craft-recipe{align-items:center}.craft-recipe>div{flex-direction:column;display:flex}.computer-card{background:linear-gradient(145deg,#295c5940,#0a1318a6);border:1px solid #66b5b147;border-radius:.5rem;flex-direction:column;gap:.28rem;min-height:7.5rem;padding:.65rem;display:flex}.computer-card.compact{flex-direction:row;justify-content:space-between;min-height:auto}.computer-card strong{color:var(--text);text-transform:capitalize}.computer-card p{margin:0;font-size:.72rem;line-height:1.35}.computer-card small{font-size:.62rem}.research-summary{border-left:3px solid var(--amber);background:#e3a04714;align-items:baseline;gap:.75rem;margin-bottom:.7rem;padding:.55rem .7rem;display:flex}.research-node.locked{opacity:.46}.research-node.complete{border-color:#67de8d7a}.computer-action{background:#6f451a8c;border:1px solid #e3a04799;border-radius:.35rem;align-self:flex-start;margin-top:auto;padding:.32rem .58rem}.computer-action:disabled{opacity:.55}.specialization.active{border-color:var(--specialization);box-shadow:inset 0 0 1.5rem color-mix(in srgb, var(--specialization) 10%, transparent)}.skill-line{grid-template-columns:repeat(2,1fr);gap:.3rem;display:grid}.skill-line>span{background:#ffffff0a;border-radius:.3rem;flex-direction:column;padding:.3rem;font-size:.64rem;display:flex}.skill-line>span.earned{color:var(--text);outline:1px solid var(--specialization)}.settings-grid{background:#15313373;gap:.5rem;padding:.7rem;display:grid}.settings-grid label{align-items:center;gap:.55rem;display:flex}.settings-grid input[type=range]{accent-color:var(--cyan);margin-left:auto}.remap-grid{flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem;display:flex}.remap-grid .computer-action{text-transform:capitalize;margin-top:0}.world-actions{flex-wrap:wrap;gap:.55rem;margin-top:.8rem;display:flex}.world-actions .computer-action{margin-top:0}body.left-handed .move-zone{left:auto;right:var(--safe-right)}body.left-handed .look-zone{right:auto;left:var(--safe-left)}body.left-handed .action-cluster{right:auto;left:calc(var(--safe-left) + min(22vw, 11rem));transform:scaleX(-1)}body.large-ui{font-size:clamp(15px,2vw,20px)}body.reduced-motion *,body.reduced-motion :before,body.reduced-motion :after{transition-duration:1ms!important;animation-duration:1ms!important}@keyframes toast-in{0%{opacity:0;transform:translateY(.7rem)}}@media (hover:hover) and (pointer:fine){.touch-zone,.action-cluster{opacity:.18}.touch-zone:hover,.action-cluster:hover{opacity:1}}@media (width<=760px){.boot-copy{width:48vw}.boot-copy h1{font-size:clamp(2.5rem,11vw,4.5rem)}.boot-copy p{font-size:.72rem}.world-facts,.vitals{display:none}.objective{left:var(--safe-left);width:48vw;top:calc(var(--safe-top) + 2.8rem);text-align:left;transform:none}.biome-card{width:35vw}.facility-card{top:calc(var(--safe-top) + 3rem);width:39vw}.hotbar-slot:nth-child(n+8){display:none}}@media (height<=500px){.topbar{gap:.45rem;min-height:2.1rem;padding:.25rem .5rem}.brand{font-size:.67rem}.world-facts{font-size:.48rem}.objective{width:min(24rem,34vw);padding:.28rem .58rem}.objective strong{font-size:.72rem}.objective>span:last-child{display:none}.biome-card{top:calc(var(--safe-top) + 2.65rem);width:min(14rem,23vw);padding:.3rem .52rem}.biome-card strong{font-size:.7rem}.biome-card span:last-child{white-space:nowrap;text-overflow:ellipsis;font-size:.52rem;overflow:hidden}.vitals{left:auto;right:var(--safe-right);top:var(--safe-top);gap:.35rem;padding:.3rem .45rem;display:flex}.vitals>div{grid-template-columns:.85rem 2.7rem;gap:.2rem;display:grid}.vitals span{font-size:0}.vitals>div:first-child span:after{content:"♥"}.vitals>div:nth-child(2) span:after{content:"◆"}.vitals>div:nth-child(3) span:after{content:"●"}.vitals span:after{color:var(--cyan);font-size:.64rem}.vitals meter{height:.35rem}.hotbar{gap:.12rem;padding:.22rem}.hotbar-slot{width:clamp(2rem,4vw,2.7rem);height:clamp(2rem,4vw,2.7rem)}.hotbar-slot:nth-child(n+8){display:none}.menu-button{width:2.2rem;height:2.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}