:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #120d09;--earth: #21160f;--clay: #a7633c;--clay-light: #d39261;--paper: #f3e5cc;--muted: #bda78e;--blue: #67c7f2;--blue-deep: #277ba4;--amber: #f4aa46;--red: #ef6b52;--green: #a7cf83;--line: rgba(244, 218, 180, .22);--panel: rgba(24, 16, 11, .88);background:var(--ink);color:var(--paper)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0e0a07;user-select:none;-webkit-user-select:none}button,kbd{font:inherit}button{color:inherit;border:0;cursor:pointer}button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}#app{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 40%,rgba(120,71,37,.22),transparent 46%),linear-gradient(180deg,#1a120d,#0b0806 75%)}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.museum-frame{position:absolute;inset:16px;z-index:2;border:1px solid rgba(242,219,183,.13);pointer-events:none}.museum-frame:before,.museum-frame:after{content:"";position:absolute;inset:6px;border:solid rgba(242,219,183,.08);border-width:0 1px}.museum-frame:after{inset:7px 5px;border-width:1px 0 0}.museum-frame>i{position:absolute;top:50%;width:14px;height:1px;background:#f2dbb757}.museum-frame>i:first-child{left:-1px}.museum-frame>i:last-child{right:-1px}.museum-frame>b{position:absolute;top:-7px;left:50%;padding:0 10px;transform:translate(-50%);color:#f2dbb76b;background:#120d09;font-size:.52rem;font-weight:650;letter-spacing:.2em;white-space:nowrap}.cutaway-label{position:absolute;top:max(31px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));z-index:3;display:flex;gap:7px;align-items:center;pointer-events:none;text-transform:uppercase}.cutaway-label span{padding:5px 7px;background:#110b08b8;color:var(--clay-light);font-size:.55rem;font-weight:750;letter-spacing:.16em}.cutaway-label b{color:#f3e5cc66;font-size:.48rem;font-weight:600;letter-spacing:.13em}.hud{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .26s ease}.hud[data-visible=true]{opacity:1}.hud-top{position:absolute;top:max(26px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-transform:uppercase;filter:drop-shadow(0 2px 8px #000)}.brand>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--clay-light);color:var(--amber);font-family:Georgia,serif;font-size:.8rem;letter-spacing:.08em;transform:rotate(45deg)}.brand>span:first-line{transform:rotate(-45deg)}.brand div{display:grid;gap:2px}.brand b{color:var(--paper);font-size:.7rem;letter-spacing:.18em}.brand small{color:var(--clay-light);font-size:.5rem;font-weight:650;letter-spacing:.15em}.phase-lockup{display:grid;min-width:220px;padding:8px 22px 9px;border:solid var(--line);border-width:1px 0;background:linear-gradient(90deg,transparent,rgba(30,19,12,.92) 20%,rgba(30,19,12,.92) 80%,transparent);text-align:center;text-transform:uppercase}.phase-lockup span{color:var(--muted);font-size:.48rem;font-weight:650;letter-spacing:.2em}.phase-lockup strong{margin-top:2px;color:var(--amber);font-family:Georgia,serif;font-size:.86rem;font-weight:500;letter-spacing:.17em}.top-actions{display:flex;justify-content:flex-end;gap:7px;pointer-events:auto}.clock,.small-button{min-height:32px;padding:8px 10px;border:1px solid var(--line);background:#120c08c2;font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.clock{display:grid;place-items:center;min-width:55px;color:var(--paper);font-variant-numeric:tabular-nums}.small-button:hover{border-color:var(--amber);color:var(--amber)}.objective-panel,.vitals-panel,.architecture-panel{position:absolute;border:1px solid var(--line);background:linear-gradient(135deg,#2e1d13e6,#120c09e0),var(--panel);box-shadow:0 18px 50px #00000047;backdrop-filter:blur(10px)}.objective-panel:before,.vitals-panel:before,.architecture-panel:before{content:"";position:absolute;top:-1px;left:-1px;width:34px;height:2px;background:var(--amber)}.objective-panel{top:100px;left:max(30px,env(safe-area-inset-left));width:min(295px,28vw);padding:16px 17px 14px;pointer-events:auto}.kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 11px;color:var(--clay-light);font-size:.51rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.kicker b{color:#f3e5cc80;font-size:.46rem;font-weight:650}.objective-panel h2{margin:0 0 7px;font-family:Georgia,serif;font-size:clamp(1.06rem,1.7vw,1.5rem);font-weight:500;line-height:1.1;letter-spacing:.01em}.objective-panel>p:not(.kicker):not(.phase-readout){min-height:49px;margin:0;color:var(--muted);font-size:.67rem;line-height:1.48}.readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px}.readiness span{display:flex;align-items:center;gap:5px;padding:6px 5px;border:1px solid rgba(243,229,204,.1);color:#f3e5cc73;font-size:.48rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.readiness i{width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.readiness span[data-ready=true]{border-color:#a7cf835c;color:var(--green)}.readiness span[data-ready=true] i{background:currentColor;box-shadow:0 0 8px currentColor}.phase-meter,.meter{overflow:hidden;background:#f3e5cc14}.phase-meter{height:4px;margin-top:12px}.phase-meter i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--clay),var(--amber));transition:transform .14s linear}.phase-readout{margin:7px 0 0;color:#f3e5cc8f;font-size:.52rem;line-height:1.35}.vitals-panel{bottom:max(32px,env(safe-area-inset-bottom));left:max(30px,env(safe-area-inset-left));width:min(270px,27vw);padding:15px 16px 14px}.vital{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:3px 10px;margin-top:9px;color:var(--muted);font-size:.56rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.vital strong{color:var(--paper);font-size:.59rem;font-variant-numeric:tabular-nums}.meter{grid-column:1 / -1;height:4px}.meter i{display:block;width:100%;height:100%;transform-origin:left;transition:transform .16s linear,background-color .2s ease}.meter.egg i{background:linear-gradient(90deg,#d19c68,#f1c982)}.meter.mound i{background:linear-gradient(90deg,#985235,#d68558)}.meter.graph i{background:linear-gradient(90deg,#297b9e,var(--blue))}.climate-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:13px;background:#f3e5cc1a}.climate-grid>div{display:grid;gap:2px;padding:7px 8px;background:#120c08cc}.climate-grid span{color:#f3e5cc73;font-size:.44rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.climate-grid b{color:var(--paper);font-size:.68rem;font-variant-numeric:tabular-nums}.architecture-panel{top:100px;right:max(30px,env(safe-area-inset-right));width:min(310px,31vw);padding:16px;pointer-events:auto}.control-group+.control-group{margin-top:14px;padding-top:13px;border-top:1px solid rgba(243,229,204,.1)}.control-group h3{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;color:var(--paper);font-size:.59rem;font-weight:720;letter-spacing:.11em;text-transform:uppercase}.control-group h3 span{color:#f3e5cc66;font-size:.46rem;font-weight:600}.baffle-controls,.shutter-controls{display:grid;gap:5px}.baffle-controls{grid-template-columns:repeat(5,1fr)}.shutter-controls{grid-template-columns:repeat(3,1fr)}.baffle-controls button,.shutter-controls button{position:relative;display:grid;place-items:center;min-width:0;min-height:50px;padding:6px 3px;border:1px solid rgba(243,229,204,.14);background:#0f0a07a8;text-transform:uppercase;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.baffle-controls button:hover,.shutter-controls button:hover{border-color:var(--amber);background:#5f391e73}.baffle-controls button:active,.shutter-controls button:active{transform:translateY(1px)}.baffle-controls kbd,.shutter-controls kbd{position:absolute;top:3px;left:4px;color:#f3e5cc59;font-size:.42rem}.baffle-controls span{color:var(--clay-light);font-size:.47rem;letter-spacing:.1em}.baffle-controls b,.shutter-controls b{color:var(--blue);font-size:.62rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}.shutter-controls button[data-open=false] b{color:var(--red)}.shutter-controls span{color:var(--muted);font-size:.46rem;letter-spacing:.06em}.event-log{min-height:31px;margin:14px 0 0;padding:8px 9px;border-left:2px solid var(--amber);background:#f4aa4612;color:#dbc3a3;font-family:Georgia,serif;font-size:.62rem;font-style:italic;line-height:1.35}.route-legend{position:absolute;right:max(30px,env(safe-area-inset-right));bottom:max(32px,env(safe-area-inset-bottom));display:flex;gap:13px;padding:8px 10px;border:1px solid var(--line);background:#120c08b8;color:var(--muted);font-size:.49rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.route-legend span{display:flex;align-items:center;gap:5px}.route-legend i{width:14px;height:2px}.route-legend .air{background:var(--blue);box-shadow:0 0 5px var(--blue)}.route-legend .scent{background:var(--amber);box-shadow:0 0 5px var(--amber)}.route-legend .heat{background:var(--red);box-shadow:0 0 5px var(--red)}.desktop-controls{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));margin:0;transform:translate(-50%);color:#f3e5cc6b;font-size:.48rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.desktop-controls kbd{margin:0 3px 0 9px;color:var(--clay-light);font-size:.5rem}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0906049e;backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility .26s ease}.overlay[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}.title-screen{place-items:center start;padding-left:clamp(28px,6vw,92px);background:linear-gradient(90deg,#080503e6,#0805036b 64%,#08050333)}.title-screen .title-card{width:min(490px,44vw);background:linear-gradient(145deg,#2b1b11ed,#100a07e8)}.title-card,.dialog-card,.ending-card{position:relative;width:min(590px,100%);padding:clamp(25px,5vw,52px);border:1px solid rgba(243,229,204,.26);background:linear-gradient(145deg,#2b1b11f2,#100a07f5);box-shadow:0 35px 100px #0009;text-align:center}.title-card:before,.dialog-card:before,.ending-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(243,229,204,.08);pointer-events:none}.specimen{margin:0 0 13px;color:var(--clay-light);font-size:.55rem;font-weight:750;letter-spacing:.23em;text-transform:uppercase}.title-card h1,.ending-card h2,.dialog-card h2{position:relative;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:.88;text-transform:uppercase}.title-card h1{color:var(--paper);font-size:clamp(2.7rem,8vw,5.3rem);letter-spacing:-.055em}.title-card h1 span{display:block;color:var(--amber);font-size:.72em;letter-spacing:.1em}.lede,.dialog-card>p:not(.specimen),.ending-copy{max-width:455px;margin:21px auto;color:#cbb69e;font-size:clamp(.72rem,2vw,.84rem);line-height:1.62}.title-seal{display:flex;align-items:center;gap:11px;max-width:260px;margin:23px auto;color:#f3e5cc8a;font-size:.48rem;line-height:1.35;letter-spacing:.18em}.title-seal i{flex:1;height:1px;background:var(--line)}.title-seal b{font-weight:700}.primary-button{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;margin-top:8px;padding:0 18px;border:1px solid var(--amber);background:linear-gradient(90deg,#f4aa462e,#f4aa460f);color:var(--paper);text-align:left;text-transform:uppercase;transition:background-color .16s ease,transform .12s ease}.primary-button:hover{background:#f4aa463d}.primary-button:active{transform:translateY(1px)}.primary-button span{font-size:.65rem;font-weight:760;letter-spacing:.15em}.primary-button b{color:var(--amber);font-size:.49rem;letter-spacing:.12em}.text-button{margin-top:13px;padding:8px 12px;background:transparent;color:var(--muted);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.text-button:hover{color:var(--paper)}.record{margin:18px 0 0;color:var(--green);font-family:Georgia,serif;font-size:.64rem}.fine-print{margin:18px 0 0;color:#f3e5cc61;font-size:.48rem;line-height:1.55;letter-spacing:.08em;text-transform:uppercase}.compact-screen{background:#090604bf}.dialog-card{width:min(520px,100%)}.dialog-card h2,.ending-card h2{color:var(--paper);font-size:clamp(2rem,6vw,3.2rem);letter-spacing:-.025em}.ending-screen{background:radial-gradient(circle,#33231261,#070503e0 65%)}.ending-card[data-result=fail]{border-color:#ef6b527a}.ending-card[data-result=win]{border-color:#a7cf837a}.ending-card[data-aftermath=networked]{border-color:#67c7f294}.ending-card[data-aftermath=hardy]{border-color:#f4aa4694}.ending-card[data-aftermath=crushed]{border-color:#b15e3d9e}.ending-rule{display:flex;align-items:center;justify-content:center;gap:8px;margin:21px 0}.ending-rule i{width:35px;height:1px;background:var(--line)}.ending-rule b{width:6px;height:6px;background:var(--amber);transform:rotate(45deg)}.ending-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 22px;background:#f3e5cc1a}.ending-stats div{display:grid;gap:3px;padding:10px 5px;background:#0f0a07db}.ending-stats span{color:var(--muted);font-size:.45rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ending-stats b{color:var(--paper);font-size:.82rem;font-variant-numeric:tabular-nums}noscript{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:30px;background:var(--ink);color:var(--paper);text-align:center}@media(max-width:980px){.hud-top{grid-template-columns:1fr 1fr}.phase-lockup{position:absolute;top:43px;left:50%;min-width:190px;transform:translate(-50%)}.objective-panel{top:104px;width:245px}.architecture-panel{top:104px;width:260px}.vitals-panel{width:230px}.route-legend,.desktop-controls{display:none}}@media(max-width:720px){.museum-frame{inset:8px}.museum-frame>b,.cutaway-label b{display:none}.cutaway-label{top:max(18px,env(safe-area-inset-top));left:max(17px,env(safe-area-inset-left))}.hud-top{top:max(17px,env(safe-area-inset-top));left:max(17px,env(safe-area-inset-left));right:max(17px,env(safe-area-inset-right));gap:8px}.brand>span{width:28px;height:28px;font-size:.64rem}.brand b{font-size:.56rem}.brand small,.clock{display:none}.small-button{min-height:29px;padding:7px 8px;font-size:.48rem}.phase-lockup{top:41px;min-width:180px;padding:6px 13px 7px}.objective-panel{top:89px;left:max(12px,env(safe-area-inset-left));width:calc(58vw - 18px);padding:11px}.objective-panel h2{font-size:.94rem}.objective-panel>p:not(.kicker):not(.phase-readout){display:none}.objective-panel .kicker{margin-bottom:7px}.readiness{margin-top:8px}.readiness span{padding:5px 3px;font-size:.41rem}.architecture-panel{top:89px;right:max(12px,env(safe-area-inset-right));width:calc(42vw - 12px);padding:10px}.architecture-panel .kicker,.control-group h3 span,.event-log{display:none}.control-group h3{margin-bottom:6px;font-size:.5rem}.control-group+.control-group{margin-top:8px;padding-top:8px}.baffle-controls button,.shutter-controls button{min-height:42px}.baffle-controls span,.shutter-controls span{font-size:.39rem}.baffle-controls b,.shutter-controls b{font-size:.5rem}.vitals-panel{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:auto;width:calc(58vw - 18px);padding:10px}.vitals-panel .kicker{display:none}.vital{margin-top:6px;font-size:.45rem}.climate-grid{margin-top:8px}.climate-grid>div{padding:5px 6px}.climate-grid span{font-size:.36rem}.climate-grid b{font-size:.56rem}.title-screen{place-items:center;padding:24px;background:radial-gradient(circle at 50% 45%,#4428162e,#080503c7 62%),#08050380}.title-screen .title-card{width:100%}.title-card,.dialog-card,.ending-card{padding:29px 23px}.title-card h1{font-size:clamp(2.35rem,13vw,4rem)}.lede,.dialog-card>p:not(.specimen),.ending-copy{margin:17px auto;font-size:.7rem}}@media(max-height:650px)and (min-width:721px){.objective-panel,.architecture-panel{top:86px}.vitals-panel{bottom:20px}.objective-panel>p:not(.kicker):not(.phase-readout){display:none}.architecture-panel{padding:12px}.control-group+.control-group{margin-top:9px;padding-top:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:720px){html,body,#app{overflow-x:clip}.hud-top,.brand,.top-actions,.phase-lockup{min-width:0}.top-actions{flex-wrap:nowrap}.phase-lockup{max-width:calc(100vw - 32px);white-space:nowrap}.objective-panel,.architecture-panel{max-height:31vh;overflow-y:auto;overscroll-behavior:contain}.objective-panel,.architecture-panel{max-width:calc(100% - 24px)}.readiness span,.baffle-controls span,.shutter-controls span,.climate-grid span{font-size:.48rem}.vitals-panel{max-width:calc(100% - 24px);max-height:30vh;overflow-y:auto}.vital,.climate-grid b,.baffle-controls b,.shutter-controls b{font-size:.56rem}.event-log{position:fixed;z-index:12;left:12px;right:12px;bottom:max(170px,calc(env(safe-area-inset-bottom) + 158px));display:block;min-height:0;max-height:38px;margin:0;overflow:hidden;padding:7px 10px;font-size:.54rem;line-height:1.25}.title-card,.dialog-card,.ending-card{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.title-card h1,.dialog-card h2,.ending-card h2{letter-spacing:-.02em}}@media(min-width:721px){.objective-panel,.architecture-panel{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}.vitals-panel{max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain}.event-log{max-width:360px}.title-card,.dialog-card,.ending-card{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}.ending-stats{gap:10px}.ending-stats div{background:#ffffff06}}