@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Oxanium:wght@500;600;700&display=swap";:root{color:#e8ede6;font-family:Barlow Condensed,Segoe UI,sans-serif;background:#071118;font-synthesis:none;--panel: rgba(6, 17, 22, .84);--panel-soft: rgba(9, 24, 28, .7);--line: rgba(181, 210, 201, .24);--warm: #e8b967;--cool: #78d9df;--danger: #e85a59;--green: #7bc689}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none}body{background:radial-gradient(circle at 50% 40%,#152c30,#071118 72%)}#game{display:block}button{color:inherit;font:inherit}#hud{position:fixed;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #000}.interactive,.interactive *{pointer-events:auto}.hidden{display:none!important}.topbar{position:absolute;inset:0 0 auto;height:86px;background:linear-gradient(180deg,rgba(3,11,15,.84),transparent)}.brand{position:absolute;left:26px;top:20px;color:#9db0aa;font:700 13px/1 Oxanium,sans-serif;letter-spacing:.18em}.brand strong{color:#f0d59d;font-size:20px;letter-spacing:.1em}.brand small{display:block;margin-top:7px;color:#d5e2db8f;font:600 8px/1 Oxanium,sans-serif;letter-spacing:.14em}.run-clock{position:absolute;left:50%;top:15px;width:220px;transform:translate(-50%);text-align:center}.phase{--phase-progress: 0%;position:relative;padding-bottom:7px;color:#f4dca7;font:700 19px/1 Oxanium,sans-serif;letter-spacing:.15em}.phase:before,.phase:after{content:"";position:absolute;left:0;bottom:0;height:2px}.phase:before{width:100%;background:#ffffff24}.phase:after{width:var(--phase-progress);background:linear-gradient(90deg,#74dbe3,#f0ba62);box-shadow:0 0 10px #e8b96794}.phase-timer{margin-top:5px;color:#fff;font:600 16px/1 Oxanium,sans-serif;letter-spacing:.08em}.runtime{position:absolute;right:24px;top:19px;max-width:390px;padding:9px 12px;border:1px solid var(--line);background:var(--panel);font:600 9px/1 Oxanium,sans-serif;letter-spacing:.08em}.runtime.online{color:#a9e7bc;border-color:#6fce8d85}.runtime.pending{color:#f2d89d}.runtime.offline{color:#ffaca4;border-color:#ff685494}.resource-panel{position:absolute;left:26px;top:79px;display:flex;gap:6px}.resource-panel span{min-width:94px;padding:7px 10px;border:1px solid var(--line);background:var(--panel);font:700 12px/1 Oxanium,sans-serif;letter-spacing:.06em}.resource-panel .scrap{color:#d9a067;border-left:3px solid #b66e35}.resource-panel .biomass{color:#9fd08d;border-left:3px solid #568b52}.resource-panel .lumen{color:#f4dc7f;border-left:3px solid #ddaf49}.combat-panel{position:absolute;right:24px;top:60px;display:flex;gap:5px}.combat-panel span{padding:7px 10px;background:#040d11b8;border-bottom:1px solid rgba(123,204,211,.35);color:#b9dfe0;font:600 11px/1 Oxanium,sans-serif}.consequences{position:absolute;left:26px;top:119px;display:flex;gap:7px}.state-chip{min-width:98px;padding:6px 9px;border:1px solid rgba(224,104,80,.32);background:#1b0d0db8;color:#d48978;font:700 10px/1 Oxanium,sans-serif}.state-chip small{display:block;margin-bottom:4px;color:#ebe6d78f;font-size:7px;letter-spacing:.11em}.state-chip.complete{color:#9fe6ad;border-color:#6bcd865c;background:#071e12b8}.cooldowns{position:absolute;left:50%;top:79px;transform:translate(-50%);color:#deebe6c7;font:600 10px/1 Oxanium,sans-serif;letter-spacing:.05em}.objective{position:absolute;left:50%;top:105px;transform:translate(-50%);padding:6px 11px;border:1px solid rgba(126,214,217,.24);background:#051216ad;color:#a8dadd;font:700 9px/1 Oxanium,sans-serif;letter-spacing:.08em}.preview-night{position:absolute;left:50%;top:135px;transform:translate(-50%);padding:8px 14px;cursor:pointer;border:1px solid rgba(232,185,103,.62);background:#30220ce6;color:#f5d58a;font:700 10px/1 Oxanium,sans-serif;letter-spacing:.08em;box-shadow:0 0 18px #e8b9671f}.preview-night:active{transform:translate(-50%) scale(.96)}.vitals{position:absolute;left:26px;bottom:25px;display:grid;gap:5px;width:245px}.vitals span{position:relative;padding:9px 12px;overflow:hidden;border:1px solid var(--line);background:var(--panel);font:700 14px/1 Oxanium,sans-serif}.vitals #health{border-left:4px solid #79c989}.vitals #core-health{border-left:4px solid #e3bd67;color:#f0d89f}.interact-hint{position:absolute;left:50%;bottom:133px;transform:translate(-50%);padding:8px 14px;border:1px solid rgba(232,185,103,.5);background:#110f07e0;color:#ffe1a6;font:700 12px/1 Oxanium,sans-serif;letter-spacing:.05em}.build-controls{position:absolute;left:50%;bottom:30px;display:flex;align-items:stretch;gap:5px;transform:translate(-50%)}.build-controls>small{display:flex;align-items:center;width:72px;padding:7px;color:#dfe9e380;font:600 7px/1.4 Oxanium,sans-serif;letter-spacing:.08em}.build-controls button{min-width:100px;padding:8px 10px;cursor:pointer;border:1px solid var(--line);background:var(--panel)}.build-controls button:active{transform:translateY(1px);border-color:var(--warm);background:#382b14e6}.build-controls b,.build-controls i{display:block;font-style:normal}.build-controls b{color:#dfe9e3;font:700 10px/1 Oxanium,sans-serif}.build-controls i{margin-top:5px;color:#d6af68;font:600 8px/1 Oxanium,sans-serif}.joystick{position:absolute;left:30px;bottom:126px;width:116px;height:116px;opacity:.52}.joystick-ring{position:absolute;inset:10px;border:2px solid rgba(203,223,216,.32);border-radius:50%;background:radial-gradient(circle,#314d4d3d,#040f1261)}.joystick-knob{position:absolute;left:38px;top:38px;width:40px;height:40px;border:2px solid rgba(220,240,234,.55);border-radius:50%;background:#487777a6;box-shadow:0 0 15px #6fd1d633}.joystick small{position:absolute;left:50%;bottom:-5px;transform:translate(-50%);color:#e1ebe68c;font:600 8px/1 Oxanium,sans-serif;letter-spacing:.12em}.action-cluster{position:absolute;right:26px;bottom:28px;width:226px;height:212px;opacity:.76}.action{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:62px;height:62px;cursor:pointer;border:1px solid rgba(194,224,217,.36);border-radius:50%;background:radial-gradient(circle,#203e40e6,#081519eb)}.action:active{transform:scale(.94);border-color:#f1ca78}.action b{color:#f5d98f;font:700 9px/1 Oxanium,sans-serif}.action span{margin-top:4px;color:#cfe0dc;font:700 8px/1.05 Oxanium,sans-serif;text-align:center}.skill-one{right:77px;top:0}.skill-two{right:3px;top:42px}.dash{right:72px;top:83px;width:74px;height:74px;border-color:#e8b96785}.interact{right:147px;top:53px;width:54px;height:54px}.weapon{right:150px;top:119px;width:48px;height:48px}.developer-panel{position:absolute;right:24px;top:98px;width:285px;padding:7px 10px;border:1px solid rgba(131,165,160,.2);background:#040c10a8;color:#c5dad4b3;font:500 9px/1.45 Consolas,monospace}.developer-panel summary{cursor:pointer;color:#cae1d9bd;font:600 8px/1 Oxanium,sans-serif;letter-spacing:.1em}.developer-panel pre{margin:8px 0;white-space:pre-wrap;font:inherit}.developer-panel button{width:100%;padding:6px;border:1px solid rgba(215,179,102,.35);background:#261d0ecc;color:#d9b96e;font:600 8px/1 Oxanium,sans-serif}.modal{position:absolute;inset:0;display:grid;place-items:center;background:#02080bc2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{min-width:560px;padding:28px;border:1px solid rgba(232,190,103,.45);background:linear-gradient(145deg,#142325fa,#071217fa);box-shadow:0 25px 90px #000000b3;text-align:center}.modal-card>small{color:#d5ad63;font:600 9px/1 Oxanium,sans-serif;letter-spacing:.22em}.modal-card h2,.modal-card h1{margin:10px 0 22px;color:#f2e1b9;font-family:Oxanium,sans-serif;letter-spacing:.08em}.result-card button{padding:11px 18px;cursor:pointer;border:1px solid #d4ad62;background:#3e2c11d9;color:#f4db9d;font:700 11px/1 Oxanium,sans-serif;letter-spacing:.08em}.failure{position:absolute;left:50%;top:108px;max-width:min(780px,90vw);transform:translate(-50%);padding:13px 17px;border:1px solid #e55e54;background:#3b0908f2;color:#ffe1dc;font:600 12px/1.35 Consolas,monospace}.keyboard-help{position:absolute;right:274px;bottom:7px;color:#d7e5de6b;font:600 8px/1 Oxanium,sans-serif;letter-spacing:.06em}@media(pointer:fine)and (min-width:900px){.joystick{opacity:.18}.action-cluster{opacity:.42}.action-cluster:hover{opacity:.86}}@media(max-width:900px),(max-height:560px){.topbar{height:68px}.brand{left:12px;top:11px}.brand strong{font-size:15px}.brand small{display:none}.run-clock{top:9px;width:145px}.phase{font-size:13px}.phase-timer{font-size:12px}.runtime{right:10px;top:10px;max-width:235px;padding:7px;font-size:7px}.resource-panel{left:10px;top:55px}.resource-panel span{min-width:67px;padding:5px 6px;font-size:8px}.combat-panel{right:10px;top:48px}.combat-panel span{padding:5px 6px;font-size:8px}.consequences{left:10px;top:82px}.state-chip{min-width:74px;padding:4px 6px;font-size:7px}.cooldowns,.developer-panel,.keyboard-help{display:none}.objective{top:82px;padding:4px 7px;font-size:7px}.preview-night{top:103px;padding:5px 8px;font-size:7px}.vitals{left:10px;bottom:9px;width:176px;gap:3px}.vitals span{padding:6px 8px;font-size:9px}.joystick{left:11px;bottom:64px;transform:scale(.8);transform-origin:bottom left;opacity:.72}.action-cluster{right:4px;bottom:0;transform:scale(.78);transform-origin:bottom right;opacity:.9}.build-controls{bottom:9px;transform:translate(-50%) scale(.82);transform-origin:bottom center}.build-controls>small{display:none}.interact-hint{bottom:78px;max-width:62vw;padding:6px 9px;font-size:8px;text-align:center}.modal-card{min-width:min(92vw,520px);padding:18px}}