@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink:#cfe3d4;--ink-dim:#7e968a;--panel:#070c09c7;--panel-edge:#8cb49647;--amber:#e0a83e;--amber-hot:#ffcf6e;--red:#d3452f;--red-deep:#8e2417;--cyan:#74c7c4;--violet:#9d8fd4;--green:#7fae62;--font-display:"Chakra Petch", "Trebuchet MS", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--ink);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;background:#05070a;font-size:13px;overflow:hidden}#app,#app canvas{position:fixed;inset:0}.hidden{display:none!important}.dim{color:var(--ink-dim);letter-spacing:.08em;font-size:.75em;font-weight:400}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#crosshair{color:#cfe3d4d9;text-shadow:0 0 4px #000000e6;font-size:18px;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#mine-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel{background:var(--panel);border:1px solid var(--panel-edge);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:8px 12px;box-shadow:inset 0 0 24px #00000073}.panel-title{font-family:var(--font-display);letter-spacing:.22em;color:var(--amber);border-bottom:1px solid #e0a83e40;margin-bottom:6px;padding-bottom:3px;font-size:11px;font-weight:700}.row{justify-content:space-between;gap:18px;padding:1px 0;display:flex}.row span:first-child{color:var(--ink-dim)}.row span:last-child{color:var(--ink);font-weight:500}#topleft{flex-direction:column;gap:8px;width:268px;display:flex;position:absolute;top:14px;left:14px}#topright{flex-direction:column;gap:8px;width:230px;display:flex;position:absolute;top:14px;right:14px}#clock-panel{font-family:var(--font-display);align-items:baseline;gap:12px;display:flex}#day-label{font-size:15px;font-weight:700}#time-label{color:var(--ink-dim)}#phase-label{letter-spacing:.2em;margin-left:auto;font-size:10px;font-weight:600}.phase-day{color:var(--amber-hot)}.phase-dusk{color:var(--amber)}.phase-night{color:var(--red);animation:2.4s ease-in-out infinite pulse-dim}@keyframes pulse-dim{0%,to{opacity:1}50%{opacity:.45}}#incursion-alert{text-align:center;color:var(--red);letter-spacing:.12em;margin-top:6px;font-weight:600;animation:.9s steps(2,end) infinite pulse-dim}.sig-row{align-items:center;gap:8px;padding:1.5px 0;display:flex}.sig-row>span{width:76px;color:var(--ink-dim);font-size:11px}.sig-bar{background:#ffffff0f;border:1px solid #ffffff14;flex:1;height:7px}.sig-bar>div{background:linear-gradient(90deg, var(--green), var(--amber) 60%, var(--red));width:0%;height:100%;transition:width .4s}#score-panel .row span:last-child{color:var(--amber-hot)}#objectives .obj{color:var(--ink);letter-spacing:.02em;padding:1.5px 0;font-size:11.5px}#objectives .obj.done{color:var(--ink-dim);-webkit-text-decoration:line-through #7fae62b3;text-decoration:line-through #7fae62b3}.warn{color:var(--amber-hot);border-color:#d3452f99;font-size:12px}#assault-banner{text-align:center;border:1px solid var(--red);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:#140402b8;padding:10px 34px;position:absolute;top:12%;left:50%;transform:translate(-50%)}#assault-title{font-family:var(--font-display);letter-spacing:.34em;color:var(--red);font-size:20px;font-weight:700;animation:1.6s ease-in-out infinite pulse-dim}#assault-remaining{color:var(--ink);margin-top:2px}#toasts{text-align:center;flex-direction:column;align-items:center;gap:6px;width:60%;display:flex;position:absolute;top:21%;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--panel-edge);padding:6px 16px;font-size:13px;animation:.25s ease-out toast-in}.toast.important{border-color:var(--amber);color:var(--amber-hot)}.toast.bad{border-color:var(--red);color:#f0b0a4}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}#prompt{color:var(--ink);border:1px solid var(--panel-edge);letter-spacing:.06em;background:#0000008c;padding:4px 14px;font-size:12px;position:absolute;top:58%;left:50%;transform:translate(-50%)}#bottomleft{flex-direction:column;gap:5px;width:240px;display:flex;position:absolute;bottom:14px;left:14px}.stat-row{align-items:center;gap:8px;display:flex}.stat-label{font-family:var(--font-display);letter-spacing:.18em;color:var(--ink-dim);width:30px;font-size:10px;font-weight:700}.bar{border:1px solid var(--panel-edge);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);background:#0000008c;flex:1;height:12px}.fill{width:100%;height:100%;transition:width .3s}.fill.health{background:linear-gradient(#e05b42,#a02c1a)}.fill.sanity{background:linear-gradient(#86d4d0,#3b7f7c)}.fill.hunger{background:linear-gradient(#e8bd63,#a97e26)}#recovery-status{letter-spacing:.04em;border-left:3px solid var(--green);background:#0006;margin-top:4px;padding:3px 8px;font-size:11px}#recovery-status.rec-ok{border-color:var(--green);color:#b5d4a8}#recovery-status.rec-warn{border-color:var(--amber);color:var(--amber-hot)}#recovery-status.rec-bad{border-color:var(--red);color:#f0a294;animation:1.2s infinite pulse-dim}#hotbar{pointer-events:none;gap:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slot{background:var(--panel);border:1px solid var(--panel-edge);flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.slot.selected{border-color:var(--amber);box-shadow:0 0 10px #e0a83e59,inset 0 0 8px #e0a83e26}.slot .icon{width:26px;height:26px;image-rendering:pixelated}.slot .count{color:var(--ink);text-shadow:0 1px 2px #000;font-size:10px;position:absolute;bottom:1px;right:3px}.slot .key{color:var(--ink-dim);font-size:9px;position:absolute;top:1px;left:3px}.slot .iname{white-space:nowrap;color:var(--ink-dim);font-size:9px;display:none;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.slot.selected .iname{display:block}#vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#a014088c 100%);transition:opacity .3s;position:absolute;inset:0}#sanity-fx{pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#825aa00d 0 2px,#0000 2px 5px),radial-gradient(#0000 40%,#3c145080 100%);position:absolute;inset:0}#sanity-fx.jitter{animation:.18s steps(2,end) infinite san-jitter}@keyframes san-jitter{0%{transform:translate(0)}50%{transform:translate(2px,-1px)}to{transform:translate(-1px,1px)}}#night-fade{opacity:0;pointer-events:none;background:#000;transition:opacity .8s;position:absolute;inset:0}.screen{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030504d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen-inner{border:1px solid var(--panel-edge);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(160deg,#0e1410f7,#080b09f7);min-width:420px;max-width:560px;max-height:84vh;padding:26px 34px;overflow-y:auto;box-shadow:0 0 60px #000c}.screen-inner.wide{min-width:700px;max-width:860px}.screen-inner.menu{text-align:center;min-width:460px}.screen h1.title{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);text-shadow:0 0 24px #d3452f59;margin-bottom:6px;font-size:46px;font-weight:700;line-height:1.02}.screen h1.title:after{content:"";background:linear-gradient(90deg, transparent, var(--red), transparent);width:120px;height:2px;margin:14px auto 0;display:block}.tagline{color:var(--ink-dim);letter-spacing:.05em;margin-bottom:26px;font-style:italic}.screen h2{font-family:var(--font-display);letter-spacing:.22em;color:var(--amber);margin-bottom:14px;font-size:18px;font-weight:700}.screen h3{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink-dim);margin-bottom:8px;font-size:13px}.btn{font-family:var(--font-display);letter-spacing:.1em;color:var(--ink);border:1px solid var(--panel-edge);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));cursor:pointer;background:#ffffff0a;padding:10px 22px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--amber);background:#e0a83e1f}.btn.primary{border-color:var(--amber);color:var(--amber-hot)}.btn.danger{border-color:var(--red);color:#f0a294}.btn:disabled{opacity:.35;cursor:default}.btn-row{justify-content:center;gap:10px;margin-top:18px;display:flex}.btn-col{flex-direction:column;align-items:stretch;gap:10px;margin:0 40px;display:flex}#menu-help,#controls-help{text-align:left;color:var(--ink-dim);column-count:2;column-gap:30px;margin-top:26px;font-size:11px;line-height:1.7}#menu-help b,#controls-help b{color:var(--ink);font-weight:500}.menu-dev{background:var(--panel);border:1px solid var(--panel-edge);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));text-align:left;justify-content:center;align-items:flex-start;gap:34px;width:min(96vw,1080px);padding:10px 18px 12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.menu-dev-col{min-width:0}.menu-dev-title{font-family:var(--font-display);letter-spacing:.22em;color:var(--ink-dim);margin:2px 0 6px;font-size:10px;font-weight:700}.menu-links{flex-wrap:wrap;gap:6px;display:flex}.menu-links a,.menu-links button{font:inherit;letter-spacing:.08em;color:var(--ink);border:1px solid var(--panel-edge);cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#e0a83e0d;padding:4px 10px;font-size:11px;text-decoration:none}.menu-links a:hover,.menu-links button:hover{border-color:var(--amber);color:var(--amber-hot)}#inv-columns{grid-template-columns:1fr 1.2fr;gap:26px;display:grid}#inv-grid{grid-template-columns:repeat(6,52px);gap:4px;display:grid}#inv-grid .slot{pointer-events:auto;cursor:pointer}#craft-list{flex-direction:column;gap:5px;max-height:56vh;padding-right:6px;display:flex;overflow-y:auto}.recipe{border:1px solid var(--panel-edge);background:#ffffff06;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;display:flex}.recipe .r-name{color:var(--ink);font-weight:600}.recipe .r-cost{color:var(--ink-dim);font-size:11px}.recipe .r-note{color:var(--ink-dim);font-size:10px;font-style:italic}.recipe button{pointer-events:auto}.recipe.locked{opacity:.45}.recipe .btn{padding:4px 12px;font-size:11px}.slot.picked{border-color:var(--amber-hot);transform:scale(1.06);box-shadow:0 0 12px #e0a83e8c,inset 0 0 10px #e0a83e40}#craft-area{align-items:center;gap:12px;margin-bottom:8px;display:flex}#craft-grid{grid-template-columns:repeat(3,52px);gap:4px;display:grid}#craft-grid .slot,#craft-out{pointer-events:auto;cursor:pointer}#craft-arrow{color:var(--ink-dim);font-size:26px}#craft-out-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}#craft-out{background:var(--panel);border:1px solid var(--panel-edge);justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}#craft-out.ready{border-color:var(--amber);box-shadow:0 0 12px #e0a83e66}#craft-out .icon{width:32px;height:32px;image-rendering:pixelated}#craft-out .count{color:var(--ink);text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:2px;right:4px}#craft-out-name{text-align:center;max-width:110px;min-height:24px;font-size:10px}#craft-station-note{font-size:10px}.craft-actions{margin:4px 0 10px}.craft-actions .btn{pointer-events:auto;padding:4px 10px;font-size:11px}#inv-screen h3{margin-top:4px}#hb-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}#hb-search{background:var(--panel);border:1px solid var(--panel-edge);color:var(--ink);pointer-events:auto;width:240px;padding:7px 12px;font-family:inherit;font-size:13px}#hb-search:focus{border-color:var(--amber);outline:none}#hb-tabs{gap:6px;display:flex}#hb-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px;max-height:62vh;padding-right:8px;display:grid;overflow-y:auto}.hb-card{border:1px solid var(--panel-edge);background:#ffffff06;align-items:center;gap:12px;padding:8px 10px;display:flex}.hb-card.locked{opacity:.45}.hb-grid{flex:none;grid-template-columns:repeat(3,30px);gap:2px;display:grid}.hb-grid.strip{gap:2px;display:flex}.slot.mini{width:30px;height:30px}.slot.mini .icon{width:20px;height:20px}.slot.mini .count{font-size:9px;bottom:0;right:2px}.hb-arrow{color:var(--ink-dim);flex:none;font-size:18px}.hb-out{background:var(--panel);border:1px solid var(--panel-edge);flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.hb-out .icon{width:26px;height:26px;image-rendering:pixelated}.hb-out .count{color:var(--ink);text-shadow:0 1px 2px #000;font-size:9px;position:absolute;bottom:0;right:2px}.hb-info{flex:1;min-width:0}.hb-name{color:var(--ink);font-size:13px;font-weight:600}.hb-badges{flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.hb-badge{letter-spacing:.08em;color:var(--ink-dim);border:1px solid var(--panel-edge);padding:1px 6px;font-size:9px}.hb-badge.tier{color:var(--amber);border-color:#e0a83e66}.hb-card .btn{pointer-events:auto;flex:none;padding:4px 10px;font-size:11px}#log-tabs{gap:6px;margin-bottom:12px;display:flex}.tab{font-family:var(--font-display);letter-spacing:.12em;color:var(--ink-dim);border:1px solid var(--panel-edge);cursor:pointer;background:0 0;padding:6px 18px;font-size:12px}.tab.active{color:var(--amber);border-color:var(--amber)}.log-tabpane{max-height:58vh;padding-right:8px;overflow-y:auto}.log-entry{border-left:2px solid var(--panel-edge);margin-bottom:18px;padding-left:14px}.log-entry h4{font-family:var(--font-display);color:var(--amber-hot);letter-spacing:.1em;margin-bottom:4px}.log-entry .le-tag{letter-spacing:.16em;color:var(--ink-dim);margin-bottom:6px;font-size:10px}.log-entry p{color:var(--ink);white-space:pre-wrap;font-size:12.5px;line-height:1.55}.log-entry.synth{border-color:var(--red)}.log-entry.synth h4{color:var(--red)}.beast{border:1px solid var(--panel-edge);margin-bottom:16px;padding:10px 14px}.beast h4{font-family:var(--font-display);letter-spacing:.12em;color:var(--ink);margin-bottom:4px}.beast .b-desc{color:var(--ink-dim);margin-bottom:6px;font-size:12px;line-height:1.5}.beast .b-senses{flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.beast .b-senses span{color:var(--cyan)}.beast .b-unknown{color:var(--ink-dim);font-size:11px;font-style:italic}#machine-body{line-height:1.7}#machine-body .row{border-bottom:1px dashed #ffffff0f;padding:3px 0}.gauge{border:1px solid var(--panel-edge);vertical-align:middle;background:#00000080;width:130px;height:9px;display:inline-block}.gauge>div{background:var(--amber);height:100%}#catalog-body{white-space:pre-wrap;max-height:50vh;color:var(--ink);font-size:13px;line-height:1.6;overflow-y:auto}#catalog-body .doc-meta{color:var(--ink-dim);letter-spacing:.1em;margin-bottom:10px;font-size:11px}#death-title{color:var(--red)}#death-body,#fail-body{line-height:1.7}#fail-screen h2{color:var(--red);letter-spacing:.3em}#hud:after{content:"";pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,#00000014 0 1px,#0000 1px 3px);position:absolute;inset:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#8cb49640}::-webkit-scrollbar-track{background:#0000004d}#map-wrap{border:1px solid var(--panel-edge);background:#05070a;max-height:62vh;overflow:auto}#map-canvas{image-rendering:pixelated;display:block}#viability-panel .sig-bar.tall{height:12px;margin:6px 0}#viability-panel #viability-bar{background:var(--red);height:100%;transition:width .3s}#viability-panel .panel-title{color:var(--red)}#access-panel{border-top:1px dashed #ffffff1a;margin-top:14px;padding-top:10px}#access-panel label{color:var(--ink-dim);cursor:pointer;margin:5px 0;font-size:12px;display:block}#access-panel input{accent-color:var(--amber);margin-right:7px}#chest-body{max-height:40vh;overflow-y:auto}