:root{--bg: #06070d;--panel: rgba(13, 16, 30, .92);--ink: #c8cde4;--ink-dim: #6c7290;--rose: #b4547c;--gold: #ffc576;--cyan: #67e7fa;--danger: #ff6a5c;--hairline: rgba(255, 255, 255, .06);--hairline-strong: rgba(255, 255, 255, .12);--night-blue: #232f5e;--font: "Cascadia Mono", "IBM Plex Mono", ui-monospace, "Consolas", monospace}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:var(--bg)}body{font-family:var(--font);font-size:16px;color:var(--ink);-webkit-font-smoothing:antialiased}#app{position:relative}::selection{background:#b4547c59;color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:rgba(108,114,144,.35) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#6c729059}::-webkit-scrollbar-track{background:transparent}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;letter-spacing:inherit}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}h1,h2,h3,h4,p,dl,dt,dd,ul,ol,figure{margin:0;padding:0}h2{font-weight:200;font-size:1.15rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}#engine-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;image-rendering:pixelated}.screen-treatment{position:absolute;inset:0;z-index:50;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at center,transparent 52%,rgba(3,4,9,.28) 82%,rgba(3,4,9,.55) 100%)}#screens{position:absolute;inset:0;z-index:10;pointer-events:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;animation:screen-fade .4s ease-out both}.screen[hidden]{display:none}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}#screen-title{gap:.75rem;background:linear-gradient(to bottom,#06070d59,#06070dbf)}.title-wordmark{font-size:clamp(2.6rem,7vw,5.5rem);font-weight:200;letter-spacing:.35em;margin-right:-.35em;color:var(--ink);text-shadow:0 0 18px rgba(180,84,124,.35),0 0 60px rgba(180,84,124,.18);animation:wordmark-breathe 7s ease-in-out infinite alternate}@keyframes wordmark-breathe{0%{text-shadow:0 0 18px rgba(180,84,124,.3),0 0 60px rgba(180,84,124,.14)}to{text-shadow:0 0 22px rgba(180,84,124,.45),0 0 70px rgba(180,84,124,.24)}}.title-tag{font-size:.75rem;letter-spacing:.4em;margin-right:-.4em;text-transform:uppercase;color:var(--ink-dim)}nav.menu{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;margin-top:3rem;min-width:16rem}button.menu-item{padding:.7rem 1.5rem;text-align:center;text-transform:uppercase;letter-spacing:.25em;font-size:.85rem;color:var(--ink-dim);border-left:2px solid transparent;transition:color .15s ease,border-color .15s ease,transform .15s ease}button.menu-item:hover,button.menu-item:focus-visible{color:var(--ink);border-left-color:var(--gold);transform:translate(4px)}.studio-mark{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem}.studio-badge{display:block;line-height:0}.studio-logo{width:64px;height:64px;mix-blend-mode:screen;opacity:.62;transition:opacity .2s ease}.studio-badge:hover .studio-logo,.studio-badge:focus-visible .studio-logo{opacity:.9}.studio-links{display:flex;align-items:center;gap:.5rem;font-size:.6rem;letter-spacing:.28em;margin-right:-.28em;text-transform:uppercase}.studio-link{color:var(--ink-dim);text-decoration:none;transition:color .15s ease}.studio-link:hover,.studio-link:focus-visible{color:var(--gold)}.studio-sep{color:var(--ink-dim);opacity:.5}@media (max-height: 640px){.studio-mark{bottom:.9rem;gap:.35rem}.studio-logo{width:44px;height:44px}}#screen-shelter{background:#06070d8c}#screen-shelter .panel,.shelter-panel{width:min(64rem,calc(100vw - 3rem));max-height:calc(100vh - 3rem);overflow-y:auto;background:var(--panel);border:1px solid var(--hairline);padding:1.75rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.shelter-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--hairline);padding-bottom:.9rem}.scrap-count{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.1em}.shelter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.upgrade-card{border:1px solid var(--hairline);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem;transition:transform .15s ease,border-color .15s ease}.upgrade-card:hover{transform:translateY(-2px);border-color:var(--hairline-strong)}.upgrade-name{font-size:.85rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.upgrade-blurb{font-size:.75rem;line-height:1.55;color:var(--ink-dim);flex:1}.upgrade-pips{display:flex;gap:.4rem}.pip{width:.6rem;height:.6rem;background:#ffffff0d;border:1px solid var(--hairline-strong)}.pip.filled{background:var(--gold);border-color:var(--gold);box-shadow:0 0 6px #ffc57659}button.upgrade-buy{width:100%;padding:.5rem 0;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--hairline-strong);transition:color .15s ease,border-color .15s ease}button.upgrade-buy:hover:not(:disabled),button.upgrade-buy:focus-visible:not(:disabled){color:var(--gold);border-color:#ffc57680}button.upgrade-buy:disabled{opacity:.35;cursor:default}.lore-panel{list-style:none}.lore-entry{display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--hairline)}.lore-entry:before{content:"";flex:none;width:.4rem;height:.4rem;border-radius:50%;background:transparent}.lore-entry.unread:before{background:var(--cyan);box-shadow:0 0 6px #67e7fa80}.lore-entry button{flex:1;text-align:left;padding:.55rem 0;font-size:.8rem;letter-spacing:.08em;color:var(--ink-dim);transition:color .15s ease}.lore-entry button:hover,.lore-entry button:focus-visible{color:var(--ink)}.lore-reader{max-width:46rem;padding:1.25rem 1.5rem;border:1px solid var(--hairline);background:#ffffff04}.lore-reader h3,.lore-reader h4{font-weight:400;font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);margin-bottom:.9rem}.lore-reader p{font-size:.85rem;line-height:1.75;color:var(--ink)}.lore-reader p+p{margin-top:.8rem}.run-history table{width:100%;border-collapse:collapse;font-size:.72rem;color:var(--ink-dim)}.run-history th{font-weight:400;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--hairline-strong)}.run-history td{padding:.35rem .5rem;border-bottom:1px solid var(--hairline)}.run-history td:not(:first-child),.run-history th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.shelter-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--hairline)}.shelter-actions button{padding:.55rem 1.5rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--hairline-strong);transition:color .15s ease,border-color .15s ease}.shelter-actions button:hover,.shelter-actions button:focus-visible{color:var(--gold);border-color:#ffc57680}#screen-settings{gap:1.5rem;background:#06070d8c}#screen-settings .panel{width:min(44rem,calc(100vw - 3rem));max-height:calc(100vh - 3rem);overflow-y:auto;background:var(--panel);border:1px solid var(--hairline);padding:1.75rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.settings-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--hairline);align-self:stretch;justify-content:center}.tab-item{padding:.5rem 1.4rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.tab-item:hover,.tab-item:focus-visible{color:var(--ink)}.tab-item.active{color:var(--gold);border-bottom-color:var(--gold)}#screen-settings .panel .settings-list{background:none;border:none;max-height:none;overflow:visible}.bindings-list{display:grid;gap:.45rem;padding-bottom:1rem;margin-bottom:.5rem;border-bottom:1px solid var(--hairline)}.binding-row{display:flex;justify-content:space-between;align-items:baseline;gap:2rem}.binding-action{font-size:.8rem;letter-spacing:.08em;color:var(--ink-dim)}.binding-keys{white-space:nowrap}.slider-row{display:flex;align-items:center;gap:.75rem}.slider-readout{min-width:3.2rem;text-align:right;font-size:.78rem;color:var(--gold)}.setting-button{padding:.35rem 1.2rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--hairline-strong);transition:color .15s ease,border-color .15s ease}.setting-button:hover,.setting-button:focus-visible{color:var(--ink);border-color:#ffc57680}.settings-list{width:min(40rem,calc(100vw - 3rem));max-height:calc(100vh - 8rem);overflow-y:auto;background:var(--panel);border:1px solid var(--hairline);padding:1.5rem 2rem}.setting-row{display:grid;grid-template-columns:1fr minmax(10rem,16rem);align-items:center;gap:1.25rem;padding:.65rem 0;border-bottom:1px solid var(--hairline)}.setting-row:last-child{border-bottom:none}.setting-row label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:#c8cde42e;border-radius:1px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.8rem;height:.8rem;background:var(--gold);border:none;border-radius:0;box-shadow:0 0 6px #ffc57659}input[type=range]::-moz-range-thumb{width:.8rem;height:.8rem;background:var(--gold);border:none;border-radius:0;box-shadow:0 0 6px #ffc57659}input[type=range]::-moz-range-track{height:2px;background:#c8cde42e}.setting-row select{font:inherit;font-size:.8rem;color:var(--ink);background:#ffffff0a;border:1px solid var(--hairline-strong);padding:.4rem .6rem;cursor:pointer}.setting-row button,#screen-settings>button,#screen-settings .panel>button{padding:.5rem 1.4rem;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--hairline-strong);transition:color .15s ease,border-color .15s ease}.setting-row button:hover,.setting-row button:focus-visible,#screen-settings>button:hover,#screen-settings>button:focus-visible,#screen-settings .panel>button:hover,#screen-settings .panel>button:focus-visible{color:var(--ink);border-color:#ffc57680}.hurt-edge{position:absolute;pointer-events:none;opacity:0}.hurt-edge.top{inset:0 0 auto;height:18vh;background:linear-gradient(to bottom,rgba(255,106,92,.5),transparent)}.hurt-edge.bottom{inset:auto 0 0;height:18vh;background:linear-gradient(to top,rgba(255,106,92,.5),transparent)}.hurt-edge.left{inset:0 auto 0 0;width:14vw;background:linear-gradient(to right,rgba(255,106,92,.5),transparent)}.hurt-edge.right{inset:0 0 0 auto;width:14vw;background:linear-gradient(to left,rgba(255,106,92,.5),transparent)}.hurt-edge.active{animation:hurt-edge-flash .7s ease-out both}@keyframes hurt-edge-flash{0%{opacity:1}to{opacity:0}}.fatal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.6}#screen-summary{gap:1.75rem;background:#06070da6}.summary-outcome{font-size:clamp(1.8rem,4.5vw,3rem);font-weight:200;letter-spacing:.3em;margin-right:-.3em;text-transform:uppercase}.summary-outcome.extracted{color:var(--gold);text-shadow:0 0 24px rgba(255,197,118,.3)}.summary-outcome.died{color:var(--danger);text-shadow:0 0 24px rgba(255,106,92,.3)}.summary-outcome.dawn{color:var(--rose);text-shadow:0 0 24px rgba(180,84,124,.4)}dl.summary-stats{display:grid;grid-template-columns:auto auto;column-gap:3rem;row-gap:.45rem;font-size:.82rem}dl.summary-stats dt{color:var(--ink-dim);letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;align-self:baseline}dl.summary-stats dd{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.summary-lore{max-width:34rem;padding:.9rem 1.2rem;background:var(--panel);border:1px solid var(--hairline);border-left:2px solid var(--cyan);font-size:.8rem;line-height:1.6;color:var(--ink)}#screen-help{background:#06070d;justify-content:flex-start;padding:1.6rem 1.25rem 1.1rem;gap:.9rem;overflow:hidden}.help-tabs{flex-wrap:wrap;flex:0 0 auto;max-width:60rem}.help-body{flex:1 1 auto;min-height:0;overflow-y:auto;width:min(60rem,100%);padding:0 .25rem}.help-page{display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 0 .4rem;text-align:left}.help-page[hidden]{display:none}.help-page [data-pad-stop]{scroll-margin:1.25rem}.help-lede{font-size:.95rem;line-height:1.65;color:var(--ink);max-width:46rem}.help-step{display:grid;grid-template-columns:minmax(6.5rem,9rem) 1fr;gap:.25rem 1.4rem;align-items:baseline;padding:.7rem .9rem;border-left:2px solid var(--hairline-strong);background:#ffffff04}.help-step h4{font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.help-step p{font-size:.85rem;line-height:1.6;color:var(--ink-dim)}.help-warn{font-size:.85rem;line-height:1.6;color:var(--ink);border-left:2px solid var(--rose);padding:.6rem .9rem;background:#b4547c0d;max-width:46rem}.help-value{color:var(--gold);font-variant-numeric:tabular-nums}.help-figure{display:flex;flex-direction:column;gap:.4rem;padding:.7rem .9rem;border:1px solid var(--hairline);background:#ffffff04;overflow-x:auto}.help-figure figcaption{font-size:.74rem;letter-spacing:.08em;color:var(--ink-dim)}.fig-dawn,.fig-line{display:flex;font-size:.9rem;line-height:1;letter-spacing:.02em;white-space:nowrap}.fig-line{color:var(--ink-dim)}.fig-line .here{color:var(--gold)}.fig-stair{display:flex;align-items:flex-end;gap:2px;height:2.6rem}.fig-stair .tread{width:.7rem;background:var(--ink-dim);opacity:.75}.fig-stair .deck{width:4.5rem;height:.28rem;background:currentColor;margin-left:2px}.key-group{padding:.4rem 0 .2rem}.key-group h4{font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}.key-row{display:grid;grid-template-columns:minmax(7rem,9rem) minmax(9rem,12rem) 1fr;gap:.5rem 1rem;align-items:baseline;padding:.3rem 0;border-bottom:1px solid var(--hairline)}.key-label{font-size:.82rem;color:var(--ink)}.key-gloss{font-size:.78rem;color:var(--ink-dim)}.mark-group h4{font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:.9rem 0 .5rem}.mark-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:0 2rem}.mark-group h4{grid-column:1 / -1}.help-mark{display:grid;grid-template-columns:1.6rem 1fr;align-items:baseline;gap:.5rem;margin:0 0 .3rem;font-size:.84rem;line-height:1.5;color:var(--ink-dim)}.help-swatch{font-weight:700;text-align:center}#screen-help button.menu-item{margin-top:0;flex:0 0 auto}@media (max-height: 640px){#screen-help{padding:.9rem 1rem .8rem;gap:.6rem}#screen-help h2{display:none}.help-page{gap:.65rem;padding-top:.8rem}#screen-help button.menu-item{padding:.45rem 1.5rem}}#screen-pause{background:radial-gradient(ellipse 62% 56% at 50% 50%,#04050bf0,#04050be0 45%,#04050b9e),#06070db8;backdrop-filter:blur(6px) saturate(.45);-webkit-backdrop-filter:blur(6px) saturate(.45)}#screen-pause nav.menu{margin-top:1.8rem;min-width:18rem}#screen-pause h2{margin-bottom:.9rem}#screen-pause .pause-readout{margin-bottom:.4rem;color:var(--ink-dim)}#hud{position:absolute;inset:0;z-index:2;pointer-events:none}.hud-top{position:absolute;top:1.1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem}#dawn-meter{position:relative;width:40vw;height:4px;background:#ffffff12}.dawn-bar{height:100%;background:linear-gradient(90deg,var(--night-blue),var(--rose) 60%,var(--gold));box-shadow:0 0 8px #b4547c59;transition:width .8s linear}#dawn-meter .dawn-label,.dawn-label{display:block;margin-top:.35rem;text-align:center;font-size:.62rem;letter-spacing:.3em;margin-right:-.3em;text-transform:uppercase;color:var(--ink-dim)}.hud-compass{display:flex;justify-content:center}#hud>.hud-compass{position:absolute;top:3.6rem;left:50%;transform:translate(-50%)}#compass-strip{position:relative;width:50vw;height:.8rem;background-image:linear-gradient(to right,rgba(200,205,228,.2) 1px,transparent 1px);background-size:calc(100% / 24) 100%;border-bottom:1px solid rgba(200,205,228,.14)}#compass-strip:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#c8cde466}.compass-marker{position:absolute;top:50%;width:.45rem;height:.45rem;transform:translate(-50%,-50%) rotate(45deg);background:var(--ink);opacity:.85}.compass-marker.beacon{width:.6rem;height:.6rem;background:var(--gold);box-shadow:0 0 8px #ffc57680}.compass-marker.ping{width:.55rem;height:.55rem;background:var(--cyan);box-shadow:0 0 8px #67e7fab3;animation:ping-breathe 1.6s ease-in-out infinite}.compass-marker.ping.core{background:var(--gold);box-shadow:0 0 9px #ffd98fbf}.compass-marker.ping.lore{background:#8fe0ff}.compass-marker.ping.repair{background:#9fe8b4}@keyframes ping-breathe{0%,to{opacity:.65}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.compass-marker.ping{animation:none;opacity:1}}.compass-marker.marker-offscreen{transform:translate(-50%,-50%);clip-path:polygon(0 50%,100% 0,100% 100%)}.compass-marker.marker-offscreen.right{clip-path:polygon(100% 50%,0 0,0 100%)}.hud-bottom-left{position:absolute;left:1.5rem;bottom:1.25rem}#integrity-pips{display:flex;gap:.4rem}.pip-heart{width:.7rem;height:.7rem;background:#ffffff0d;border:1px solid var(--hairline-strong)}.pip-heart.filled{background:var(--danger);border-color:var(--danger);box-shadow:0 0 8px #ff6a5c66}.hud-bottom-right{position:absolute;right:1.5rem;bottom:1.25rem;display:flex;align-items:flex-end;gap:1.5rem}#arc-charges{display:flex;gap:.4rem}.pip-charge{width:.55rem;height:.55rem;background:#ffffff0d;border:1px solid var(--hairline-strong)}.pip-charge.filled{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px #67e7fa73}#scrap-reading,#core-reading{color:var(--gold);font-size:1.05rem;font-variant-numeric:tabular-nums;text-align:right;line-height:1.1}#scrap-reading .label,#core-reading .label,#scrap-reading small,#core-reading small{display:block;font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-dim);margin-top:.2rem}#interact-hint{position:absolute;left:50%;top:64%;transform:translate(-50%);font-size:.78rem;letter-spacing:.12em;color:var(--ink);text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap}#capture-hint{position:absolute;left:50%;top:56%;transform:translate(-50%);font-size:.82rem;letter-spacing:.14em;color:var(--gold);text-shadow:0 1px 4px rgba(0,0,0,.85);white-space:nowrap}#interact-hint kbd,kbd{display:inline-block;font-family:inherit;font-size:.72rem;padding:.1rem .45rem;margin:0 .15rem;color:var(--ink);background:#ffffff0f;border:1px solid var(--hairline-strong);border-bottom-width:2px;border-radius:3px}#toast{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem}.toast{padding:.45rem 1.1rem;background:var(--panel);border:1px solid var(--hairline);font-size:.78rem;letter-spacing:.1em;color:var(--ink);white-space:nowrap;animation:toast-life 3.6s ease-in-out both}.toast.warning{color:var(--danger);border-color:#ff6a5c59}@keyframes toast-life{0%{opacity:0;transform:translateY(.4rem)}8%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}#vignette-damage{position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 8rem 1.5rem #ff6a5c80;opacity:0}#vignette-damage.active{animation:damage-flash .5s ease-out both}@keyframes damage-flash{0%{opacity:1}to{opacity:0}}.flash-arc{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at center,#ebfdffd9,#67e7fa73 55%,#67e7fa00);animation:arc-flash .18s ease-out both}@keyframes arc-flash{0%{opacity:1}to{opacity:0}}@media (max-width: 900px){.shelter-grid{grid-template-columns:1fr}}@media (max-height: 640px){#screen-shelter .panel,.shelter-panel{padding:1.1rem 1.4rem;gap:1rem}nav.menu{margin-top:1.5rem}.title-wordmark{font-size:clamp(2.2rem,6vw,4rem)}}@media (prefers-reduced-motion: reduce){.screen,.title-wordmark,.toast{animation:none}.toast{opacity:1}button.menu-item:hover,button.menu-item:focus-visible,.upgrade-card:hover{transform:none}.dawn-bar{transition:none}#vignette-damage.active{animation:none;opacity:.45}.flash-arc{animation:none;opacity:.2}}