:root{color-scheme:dark;--bg: #0f0e0c;--bg-elev: #1a1714;--panel: #241f1a;--ink: #f2e8d5;--muted: #9a8f7c;--warm: #e8a04a;--ember: #c45c26;--cozy: #6b9b6e;--danger: #c44b4b;--line: #3a3228;--radius: 12px;--hearth-glow: #3a2210;--rune: #c9b896;--rune-lit: #f0d090;--wood: #2c241c;--sky-wrong: #1a1e28;--sky-haze: #3d4a5c;--scar: #5a4a58;--fog: rgba(40, 48, 60, .35);--threat-cool: #6a7a9a;--goo-sky: #2a1020;--goo-bloom: #4a1820;--goo-ink: #e8d0d4;--goo-void: #08060a;--scar-accent: #7a3050;--touch-min: 44px;--sticky-height: 7.25rem;--space: .75rem;--space-x: 1rem;font-family:Segoe UI,system-ui,sans-serif;line-height:1.45;font-weight:400;color:var(--ink);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%;min-height:100dvh;background:var(--bg)}#app{min-height:100%;min-height:100dvh}button,summary,select{touch-action:manipulation}.screen.theme-hub{background:radial-gradient(ellipse 80% 50% at 50% -10%,var(--hearth-glow) 0%,transparent 55%),var(--bg)}.screen.theme-outing{--bg-elev: #161820;--panel: #1c2028;--line: #3a4250;--warm: var(--threat-cool);background:linear-gradient(180deg,rgba(61,74,92,.5) 0%,transparent 46%),var(--sky-wrong)}.screen.theme-goo{--bg-elev: #140c12;--panel: #1c1016;--line: #5a2834;--ink: var(--goo-ink);background:radial-gradient(ellipse 70% 50% at 50% 0%,var(--goo-bloom) 0%,transparent 55%),var(--goo-void)}.screen.theme-refuge{--bg-elev: #121418;--panel: #181c22;--line: #4a5568;--ink: #d8d4cc;background:var(--sky-wrong)}.screen.theme-reclaim{background:radial-gradient(ellipse 70% 50% at 50% 0%,#2a3a22 0%,transparent 55%),var(--bg)}.screen{min-height:100dvh;padding:calc(var(--space) + env(safe-area-inset-top,0px)) calc(var(--space-x) + env(safe-area-inset-right,0px)) calc(var(--space) + env(safe-area-inset-bottom,0px)) calc(var(--space-x) + env(safe-area-inset-left,0px))}.screen.has-sticky-cta{padding-bottom:0;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.screen.has-sticky-cta>.shelter-layout,.screen.has-sticky-cta>.outing-layout{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%}body:has(.has-sticky-cta){--sticky-height: 7.25rem}body:has(.theme-goo.has-sticky-cta){--sticky-height: 5.25rem}body:has(.theme-outing.has-sticky-cta){--sticky-height: 11.25rem}body:has(.theme-outing.has-sticky-cta .btn-evac){--sticky-height: 8.5rem}body:has(.theme-refuge.has-sticky-cta),body:has(.theme-reclaim.has-sticky-cta){--sticky-height: 5.25rem}.menu-screen,.quit-screen{display:grid;place-items:center}.menu-card{width:min(420px,100%);background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.25rem;box-shadow:0 20px 50px #00000073}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--warm);margin:0 0 .35rem}h1{font-size:1.35rem;margin:0 0 .5rem;font-weight:650}.menu-card h1{font-size:1.85rem}.tagline,.lede{color:var(--muted);margin:0 0 1rem}.muted{color:var(--muted);font-size:.9rem}.menu-actions{display:flex;flex-direction:column;gap:.6rem}.menu-actions button{min-height:48px;width:100%}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--line);padding:.65rem 1rem;background:var(--panel);color:var(--ink);min-height:var(--touch-min);min-width:var(--touch-min)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#c9782e,var(--ember));border-color:#a85a1c;color:#1a1008;font-weight:600}.btn-ghost{background:transparent}.btn-ghost:hover,.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-evac{width:100%;min-height:52px;background:linear-gradient(180deg,#d06060,var(--danger));border:1px solid #8a3030;color:#fff8f5;font-weight:700;font-size:1.1rem}.btn-evac:hover:not(:disabled){filter:brightness(1.08)}.theme-outing .btn-primary,.theme-goo .btn-primary:not(.btn-evac),.theme-refuge .btn-primary{background:linear-gradient(180deg,#4a5870,#2e3848);border-color:var(--threat-cool);color:var(--ink)}.theme-refuge .btn-primary{background:var(--panel);border:2px dashed var(--threat-cool)}.theme-goo .btn-primary:not(.btn-evac){background:var(--panel);border-color:var(--danger);color:var(--ink);font-weight:500}.save-hint{margin:1rem 0 0}.sticky-actions{position:sticky;bottom:0;z-index:20;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-elev);border-top:1px solid var(--line);padding:.65rem var(--space-x) calc(.65rem + env(safe-area-inset-bottom,0px));box-sizing:border-box}.sticky-secondary{display:grid;grid-template-columns:1fr 1fr auto;gap:.45rem}.sticky-secondary>button,.sticky-secondary>.hub-more{min-height:var(--touch-min);width:100%}.btn-head-out{width:100%;min-height:48px;font-size:1.05rem}.hub-more{position:relative}.hub-more-toggle{width:100%;min-width:4.75rem}.hub-more-menu{display:none;position:absolute;right:0;bottom:calc(100% + .35rem);min-width:12.5rem;flex-direction:column;gap:.35rem;padding:.5rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px #00000073;z-index:22}.hub-more.is-open .hub-more-menu{display:flex}.debug-summary::-webkit-details-marker,.debug-summary::marker,.hub-copy-more>summary::-webkit-details-marker,.hub-copy-more>summary::marker,.outing-log-wrap>summary::-webkit-details-marker,.outing-log-wrap>summary::marker,.phone-details>summary::-webkit-details-marker,.phone-details>summary::marker{display:none;content:none}.hub-more-menu button{width:100%;text-align:left}.shelter-layout{display:block;max-width:100%;margin:0 auto}.shelter-main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.shelter-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1rem var(--space-x) .75rem}.shelter-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.65rem}.shelter-header h1{font-size:1.35rem}.hub-status{margin:0 0 .65rem}.hub-copy-more{margin:0 0 .75rem}.hub-copy-more>summary{list-style:none;min-height:var(--touch-min);display:flex;align-items:center;color:var(--muted);cursor:pointer}.hub-copy-more>summary::-webkit-details-marker{display:none}.hub-copy-more>summary:after{content:" ▾"}.hub-copy-more[open]>summary:after{content:" ▴"}.meters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-variant-numeric:tabular-nums;width:100%}.meter-chip{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.2rem .4rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.35rem .5rem;min-height:var(--touch-min);align-content:center}.meter-label{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.meter-val{font-size:.8rem;color:var(--ink);justify-self:end}.meter-track{grid-column:1 / -1;height:10px;background:#1a1210;border:1px solid var(--line);border-radius:4px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--warm),var(--ember))}.meter-fill.seal{background:linear-gradient(90deg,var(--rune-lit),var(--cozy))}.meter-fill.seal.is-failing{background:var(--danger)}.meter-fill.comfort{background:var(--cozy)}.meter-fill.hp{background:linear-gradient(90deg,var(--cozy),var(--warm))}.meter-fill.hp.is-failing{background:var(--danger)}.room-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.room-card{background:var(--wood);border:1px solid var(--line);border-radius:10px;padding:0;box-shadow:inset 0 1px #e8a04a1f}.room-card-toggle{width:100%;min-height:var(--touch-min);display:flex;align-items:center;gap:.5rem;text-align:left;background:transparent;border:0;border-radius:10px;padding:.7rem .9rem}.room-card-title{font-weight:650;font-size:1.05rem}.room-card-status{flex:1;min-width:0;font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-toggle:after{content:"▾";color:var(--muted);margin-left:auto;flex-shrink:0}.room-card.is-open .room-card-toggle:after{content:"▴"}.room-details{display:none;padding:0 .9rem .85rem}.room-card.is-open .room-details{display:block}.room-card h3{margin:0 0 .25rem;font-size:1.05rem}.room-card p{margin:.15rem 0}.scar-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:4px;background:var(--scar);border:1px solid var(--scar-accent);position:relative;overflow:hidden}.scar-badge:after{content:"";position:absolute;width:140%;height:2px;background:var(--scar-accent);transform:rotate(-28deg)}.hub-actions:not(.sticky-actions){display:flex;flex-wrap:wrap;gap:.5rem}.banner{padding:.65rem .85rem;border-radius:8px;margin-bottom:.75rem;font-size:.95rem;color:var(--ink)}.banner strong{font-size:1rem;font-weight:600}.banner.warn{background:#c44b4b52;border:2px solid var(--danger);border-left-width:4px}.banner.cozy{background:#6b9b6e47;border:2px solid var(--cozy)}.banner button{margin-top:.35rem}.debug-host{flex:0 0 auto;padding:.15rem var(--space-x);background:var(--bg-elev);border-bottom:1px solid var(--line)}.debug-disclosure{margin:0}.debug-summary{list-style:none;display:flex;align-items:center;min-height:var(--touch-min);color:var(--muted);cursor:pointer;font-size:.85rem}.debug-summary::-webkit-details-marker{display:none}.debug-summary:after{content:" ▾"}.debug-disclosure[open]>.debug-summary:after{content:" ▴"}.debug-panel{background:transparent;border:0;padding:0 0 .65rem}.debug-panel h3{display:none}.debug-actions{display:flex;flex-direction:column;gap:.4rem;margin:.5rem 0}.debug-actions button{font-size:.85rem;padding:.45rem .6rem;text-align:left}.debug-flags{margin:.5rem 0 0;padding:.5rem;background:#0a0908;border-radius:6px;font-size:.7rem;overflow:auto;max-height:30vh;color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;align-items:end;justify-items:stretch;padding:0;z-index:40}.modal{width:100%;max-height:90dvh;overflow:auto;background:var(--bg-elev);border:1px solid var(--line);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;padding:1rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px))}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.modal-header h2{margin:0;font-size:1.25rem}.modal-header [data-close]{min-width:var(--touch-min);min-height:var(--touch-min);font-size:1.25rem}.modal-body section{margin-top:1rem}.modal-body h3{margin:0 0 .4rem;font-size:.95rem;color:var(--warm)}.inv-list,.recipe-list{list-style:none;margin:0;padding:0}.inv-list li,.recipe-list li{padding:.55rem 0;min-height:var(--touch-min);border-bottom:1px solid var(--line)}.recipe-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem}#toast-host{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem);left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:.4rem;pointer-events:none;width:min(420px,calc(100% - 2rem));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}body:has(.has-sticky-cta) #toast-host{bottom:calc(var(--sticky-height) + env(safe-area-inset-bottom,0px) + .75rem)}.toast{background:#2a241c;border:1px solid var(--warm);color:var(--ink);padding:.7rem 1rem;border-radius:8px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;box-shadow:0 8px 24px #0006}.toast.show{opacity:1;transform:translateY(0)}.modal-wide{width:100%}.bag-grid{display:grid;grid-template-columns:1fr;gap:1rem}.bag-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:var(--touch-min)}.job-assign-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.job-assign-card{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:.75rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.75rem 1rem}.job-controls{display:flex;gap:.4rem;align-items:stretch}.job-controls select{font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:.35rem .5rem;min-height:var(--touch-min);flex:1}.slots-line{margin:0 0 .75rem;color:var(--warm)}.rune-controls{margin-top:.5rem;display:grid;gap:.45rem}.rune-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;flex-wrap:wrap}.rune-row button{padding:.45rem .7rem;font-size:.85rem}.outing-layout{display:flex;flex-direction:column;gap:.75rem;max-width:100%;margin:0 auto}.outing-main{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.outing-chrome{position:sticky;top:0;z-index:15;background:var(--bg-elev);border-bottom:1px solid var(--line);padding:1rem var(--space-x) .65rem}.outing-body{padding:.85rem var(--space-x) .5rem;flex:1 1 auto;min-height:0;overflow-y:auto}.outing-side{background:transparent;border:0;border-radius:0;padding:.75rem 0 0}.outing-side h3{margin:.5rem 0 .35rem;font-size:.95rem;color:var(--warm)}.outing-side h3:first-child{margin-top:0}.zone-list{list-style:none;margin:.75rem 0 1rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.zone-node{display:flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:.45rem .65rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-size:.9rem;text-align:center}.zone-node.here{border-color:var(--threat-cool);color:var(--ink);box-shadow:inset 0 0 0 1px var(--threat-cool)}.zone-node.temp_refuge{border-style:dashed}.threat-meter{margin:.35rem 0 0}.threat-meter-label{font-size:.8rem;color:var(--muted);margin-bottom:.25rem}.threat-bar{height:10px;background:#12161e;border-radius:4px;overflow:hidden;margin:0;border:1px solid var(--line)}.threat-fill{height:100%;background:linear-gradient(90deg,var(--threat-cool),var(--danger));transition:width .25s}.outing-log-wrap>summary{list-style:none;min-height:var(--touch-min);display:flex;align-items:center;cursor:pointer;color:var(--warm);font-weight:600}.outing-log-wrap>summary::-webkit-details-marker{display:none}.outing-log{list-style:none;margin:0;padding:0;font-size:.8rem;color:var(--muted);max-height:240px;overflow:auto}.outing-log li{padding:.25rem 0;border-bottom:1px solid var(--line)}.outing-moves{display:flex;flex-direction:column;gap:.45rem;margin-top:.5rem}.outing-moves .node-btn,.sticky-actions .node-btn{width:100%}.outing-main .sticky-actions{margin-top:auto}.encounter-screen{display:grid;place-items:stretch;align-content:center}.encounter-card{width:min(520px,100%);margin:0 auto;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1rem 1.35rem;box-shadow:0 20px 50px #00000073}.encounter-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.85rem}.encounter-actions button{width:100%}.mid-bat-stub{display:none}.phone-details>summary{list-style:none;min-height:var(--touch-min);display:flex;align-items:center;color:var(--muted);cursor:pointer}.phone-details>summary::-webkit-details-marker{display:none}.goo-screen{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.goo-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;justify-content:center;padding-bottom:.5rem}.goo-card{width:min(560px,100%);background:var(--bg-elev);border:1px solid var(--danger);border-radius:var(--radius);padding:1.25rem 1.15rem;box-shadow:0 20px 50px #50001459;align-self:start}.theme-refuge .goo-card{border-style:dashed;border-color:var(--threat-cool);box-shadow:none}.goo-card.cozy-border,.theme-reclaim .goo-card{border-color:var(--cozy);border-style:solid;box-shadow:0 20px 50px #2850284d}.goo-countdown{display:flex;flex-direction:column;align-items:center;margin:1rem 0 .5rem;background:var(--goo-void);border:1px solid var(--line);border-radius:10px;padding:.85rem .75rem}.goo-count-num{font-size:2.75rem;font-variant-numeric:tabular-nums;font-weight:700;color:var(--danger);letter-spacing:.06em}.goo-bar .threat-fill{background:linear-gradient(90deg,#5a2030,var(--danger))}.goo-prep-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.goo-prep-actions button{min-height:var(--touch-min)}.goo-prep{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.45rem;font-size:.85rem}.danger-text{color:var(--danger)}.node-btn.evac-path,.btn-evac.node-btn{border-color:var(--danger);color:#f0b0b0}.goo-card h3{margin:1rem 0 .35rem;font-size:.95rem;color:var(--warm)}.theme-goo .debug-host,.theme-outing .debug-host{background:transparent;border:0;padding:0 0 .35rem}@media(min-width:600px){.meters{grid-template-columns:repeat(4,minmax(0,1fr))}.bag-grid{grid-template-columns:1fr 1fr}.job-assign-card{flex-direction:row;align-items:center}h1{font-size:1.6rem}.zone-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.screen{padding:calc(1.5rem + env(safe-area-inset-top,0px)) calc(1.5rem + env(safe-area-inset-right,0px)) calc(1.5rem + env(safe-area-inset-bottom,0px)) calc(1.5rem + env(safe-area-inset-left,0px))}.screen.has-sticky-cta{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));height:auto;max-height:none;display:block;overflow:visible}.screen.has-sticky-cta>.shelter-layout,.screen.has-sticky-cta>.outing-layout{display:block;flex:none;min-height:0}h1{font-size:2rem}.shelter-layout{max-width:1100px}.shelter-main{display:grid;grid-template-columns:1fr minmax(220px,280px);grid-template-rows:1fr auto;grid-template-areas:"scroll debug" "dock debug";min-height:auto;overflow:visible}.debug-host{grid-area:debug;padding:.85rem 1rem;border-bottom:0;border-left:1px solid var(--line);background:var(--bg-elev)}.shelter-scroll{grid-area:scroll;overflow:visible;padding:1.25rem 1.5rem 1rem}.shelter-main>.sticky-actions{grid-area:dock;position:static;border-top:1px solid var(--line);border-radius:0 0 0 var(--radius)}.debug-disclosure{position:sticky;top:1rem;background:var(--bg-elev);border:1px dashed var(--line);border-radius:var(--radius);padding:.85rem 1rem}.debug-summary{color:var(--warm);font-weight:650}.debug-panel h3{display:none}.debug-flags{max-height:220px}.room-details{display:block}.hub-copy-more>summary{display:none}.hub-copy-more .lede,.hub-copy-more .muted{display:block}.outing-layout{display:block;max-width:1100px;margin:0 auto}.outing-main{min-height:auto;overflow:visible}.outing-body{display:grid;grid-template-columns:1fr minmax(200px,260px);gap:1rem;overflow:visible}.outing-body .outing-side{grid-column:2;grid-row:1 / -1;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem}.outing-log-wrap[open],.outing-log-wrap{display:block}.outing-log-wrap>summary{display:none}.outing-side .outing-log-wrap .outing-log,.outing-log{display:block}.modal-overlay{place-items:center;align-items:center;justify-items:center;padding:1rem}.modal,.modal-wide{width:min(520px,100%);max-height:85vh;border-radius:var(--radius);border-bottom:1px solid var(--line);padding:1rem 1.25rem 1.25rem}.modal-wide{width:min(640px,100%)}.mid-bat-stub{display:flex;width:100%}body:has(.has-sticky-cta) #toast-host{bottom:calc(env(safe-area-inset-bottom,0px) + 1.25rem)}.goo-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.goo-screen .sticky-actions{position:static;width:min(560px,100%);background:transparent;border-top:0;padding:.75rem 0 0}.theme-goo .debug-host{position:absolute;top:1rem;right:1rem;width:260px;max-height:70vh;overflow:auto;padding:0;z-index:30}.goo-scroll{overflow:visible}.phone-details>summary{display:none}.phone-details .muted{display:block}}