:root{color:#f3eadc;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#f3eadc;--muted:#b9b7a7;--accent:#e5b57a;--dark:#171b18;background:#171b18;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{touch-action:manipulation}button:disabled{opacity:.62}[hidden]{display:none!important}#world{touch-action:none;background:#171b18 url(../assets/preview.jpg) 50%/cover no-repeat;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 38%,#100e104d 100%);transition:opacity .7s;position:fixed;inset:0}.grain{pointer-events:none;z-index:2;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.menu{z-index:5;background:linear-gradient(90deg,#101612f5 0%,#101612d9 29%,#1016124d 64%,#1016121f 100%);flex-direction:column;padding:35px 5.5vw 28px;display:flex;position:fixed;inset:0}.masthead{letter-spacing:2px;color:#dad8c7;align-items:center;gap:20px;font-size:10px;display:flex}.brand-mark{letter-spacing:-3px;color:var(--cream);font-family:Georgia,serif;font-size:34px;font-weight:700;line-height:1}.edition{color:#e7e0d1b0;margin-left:auto;font-size:9px}.intro{width:min(510px,100%);margin:auto 0;padding:32px 0}.eyebrow{letter-spacing:2.5px;color:var(--accent);align-items:center;gap:10px;font-size:9px;display:flex}.live-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 11px #dfbd6b55}h1{letter-spacing:-6px;margin:31px 0 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(80px,8.4vw,135px);font-weight:400;line-height:.88}h1 em{color:var(--accent);font-weight:400}.intro-copy{color:#d0cdbc;letter-spacing:.1px;margin:0 0 33px;font-size:14px;line-height:1.9}.start-actions{width:286px}.primary{color:#25281e;background:var(--accent);letter-spacing:.3px;border:0;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:0 21px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:flex}.primary:hover:enabled{background:#f6cea0;transform:translateY(-1px)}.button-arrow{font-size:23px;font-weight:400}.secondary{color:var(--cream);text-align:left;letter-spacing:.3px;background:0 0;border:0;width:100%;padding:19px 0;font-size:11px}.secondary span{margin-left:12px}.secondary:hover:enabled{color:var(--accent)}.loading{width:286px;margin-top:12px}.loading-track,.breath-track{background:#ded8b52b;width:100%;height:2px;overflow:hidden}.loading-track i{background:var(--accent);width:2%;height:100%;transition:width .4s;display:block}.loading>span{letter-spacing:2px;color:var(--muted);margin-top:12px;font-size:8px;display:block}.error{color:#f3bdac;max-width:340px;font-size:12px;line-height:1.6}.menu-footer{letter-spacing:2px;color:#c4c6b49c;justify-content:space-between;gap:20px;font-size:8px;display:flex}.hud{z-index:3;pointer-events:none;position:fixed;inset:0}.hud-top{top:max(26px,env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:absolute;left:32px;right:32px}.location{text-shadow:0 1px 8px #000a;align-items:center;gap:16px;display:flex}.location .brand-mark{font-size:30px}.location div{flex-direction:column;gap:6px;display:flex}.location strong{letter-spacing:2px;font-size:9px;font-weight:500}.location div>span{letter-spacing:1.5px;color:#e5b57a;font-size:8px}.hud-buttons{pointer-events:auto;gap:8px;display:flex}.round-button{min-width:36px;height:35px;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151a168c;border:1px solid #f6e9d029;border-radius:3px;padding:0 12px;font-size:15px}.round-button span{letter-spacing:1px;margin-left:7px;font-size:8px}.round-button:hover{border-color:#e5b57a88}.hud-bottom{bottom:max(27px,env(safe-area-inset-bottom));text-shadow:0 1px 5px #000;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;left:32px;right:32px}.session-note{letter-spacing:1.8px;align-items:center;gap:9px;font-size:8px;display:flex}.action-hints{color:#f2eddd;align-items:center;gap:23px;font-size:10px;display:flex}.action-hints>span{align-items:center;gap:8px;display:flex}kbd{letter-spacing:.6px;background:#161a1a55;border:1px solid #eae5d660;border-radius:3px;justify-content:center;align-items:center;min-width:20px;height:21px;padding:0 6px;font:8px Arial,sans-serif;display:inline-flex}.hint-divider{color:#aaa;margin:0 3px}.reticle{background:#ffffff70;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;box-shadow:0 0 3px #0005}.toast{opacity:0;color:var(--cream);letter-spacing:.5px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151a16bc;border-radius:4px;padding:12px 19px;font-size:11px;transition:opacity .3s,transform .3s;position:absolute;bottom:105px;left:50%;transform:translate(-50%,8px)}.toast.visible{opacity:1;transform:translate(-50%)}.breath{text-align:center;width:160px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.breath>span:first-child{letter-spacing:3px;color:var(--accent);font-size:8px}.breath-track{margin:12px 0 8px}.breath-track i{background:var(--accent);width:0;height:100%;display:block}.breath>span:last-child{color:#e5e0cf;font-size:9px}.pause{z-index:6;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0d1413b5;place-items:center;display:grid;position:fixed;inset:0}.pause-card{background:#20271fe8;border:1px solid #a7ad882b;width:min(390px,100% - 48px);padding:34px}.pause h2{color:var(--accent);letter-spacing:-2px;margin:26px 0 23px;font:italic 400 46px/.99 Georgia,serif}.pause p{color:var(--muted);margin-bottom:27px;font-size:12px;line-height:2}.sensitivity{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:10px;font-size:10px;display:flex}.sensitivity input{width:110px;accent-color:var(--accent)}.touch-controls{pointer-events:none;display:none;position:absolute;inset:0}.joystick{pointer-events:auto;touch-action:none;background:#eee4ca12;border:1px solid #eee4ca36;border-radius:50%;width:104px;height:104px;position:absolute;bottom:85px;left:24px}.joystick span{pointer-events:none;background:#eee4ca55;border:1px solid #eee4ca55;border-radius:50%;width:40px;height:40px;position:absolute;top:31px;left:31px}.touch-actions{pointer-events:auto;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:85px;right:22px}.touch-actions button{color:#eee4ca;touch-action:none;-webkit-user-select:none;user-select:none;background:#151d18b3;border:1px solid #eee4ca40;border-radius:50%;width:60px;height:60px;font-size:11px}.touch-actions #touch-pet{background:#f3eadc22;border-color:#f3eadc88}.touch-actions #touch-smoke{background:#e5b57a28;border-color:#e5b57a88;width:78px;height:78px;font-size:9px;line-height:1.8}.touch-actions strong{font:italic 21px Georgia,serif}@media (pointer:coarse){.touch-controls{display:block}.desktop-look{display:none!important}.hud-bottom .action-hints{display:none}.breath{bottom:50px}.session-note{font-size:7px}.joystick.seated{opacity:.22;pointer-events:none}.toast{width:max-content;max-width:calc(100% - 60px);bottom:190px}}@media (width<=700px){.menu{background:linear-gradient(90deg,#111a15ed,#111a15b5 60%,#111a1577);padding:24px 27px}.masthead{letter-spacing:1.3px;gap:13px;font-size:7px}.edition{display:none}h1{letter-spacing:-5px;font-size:100px}.intro-copy{font-size:12px}.menu-footer{letter-spacing:1px;font-size:6px}.menu-footer span:last-child{display:none}.hud-top{top:22px;left:20px;right:20px}.hud-bottom{bottom:23px;left:20px;right:20px}.session-note{display:none}.action-hints{gap:13px;font-size:8px}.desktop-look{display:none!important}.intro{padding:28px 0}.eyebrow{letter-spacing:2px;font-size:8px}.reticle{width:4px;height:4px}}@media (height<=620px){.masthead{font-size:8px}.menu{padding-top:22px;padding-bottom:20px}.intro{padding:18px 0}h1{margin:19px 0;font-size:79px}.intro-copy{margin-bottom:20px;font-size:12px}.eyebrow{font-size:7px}.primary{min-height:45px}.loading{margin-top:0}.secondary{padding:13px 0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.grain{display:none}}#smoke-warning{letter-spacing:0;color:var(--muted);margin-top:9px;font-size:9px;line-height:1.5;display:block}#smoke-warning.detected{color:#f2aa79}.hud.escaping .toast{bottom:164px}@media (pointer:coarse){.hud.escaping .touch-actions{grid-template-columns:56px 74px;align-items:center;gap:10px;display:grid;right:20px}.hud.escaping .touch-actions button{width:56px;height:56px}.hud.escaping #touch-sneak{grid-area:1/1}.hud.escaping #touch-interact{grid-area:2/1}.hud.escaping #touch-pet{grid-area:1/2;justify-self:center}.hud.escaping #touch-smoke{grid-area:2/2;width:74px;height:74px}.hud.escaping .toast{bottom:250px}}.cast-link{color:var(--accent);padding:12px 0;font-size:11px;line-height:1.7;text-decoration:none;display:block}.cast-link:hover{text-decoration:underline}.start-actions .secondary{padding:12px 0}.escape-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#152019d9;border:1px solid #e5b57a38;border-radius:4px;width:280px;padding:18px;position:absolute;top:106px;left:32px}.escape-label{letter-spacing:2px;color:var(--accent);font-size:8px}.escape-hud strong{margin-top:9px;font-size:13px;font-weight:400;line-height:1.6;display:block}.suspicion{margin:17px 0}.suspicion>span{letter-spacing:1.2px;font-size:8px}.suspicion>div{background:#e5b57a22;height:3px;margin-top:8px}.suspicion i{background:#eaaa60;width:0;height:100%;transition:width .1s;display:block}.escape-hud button{pointer-events:auto;color:#25281e;text-align:left;background:#e5b57a;border:0;width:100%;min-height:38px;padding:10px 13px;font-size:10px}.escape-hud button:disabled{opacity:.6;cursor:default}#delivery-status{color:var(--muted);margin-top:9px;font-size:9px;line-height:1.5;display:block}#touch-sneak[aria-pressed=true]{color:#25281e;background:#e5b57a}@media (width<=700px){.escape-hud{width:235px;padding:13px;top:85px;left:20px}.escape-hud strong{font-size:11px}.suspicion{margin:11px 0}}@media (height<=700px){.menu h1{margin:20px 0;font-size:80px}.menu .intro-copy{margin-bottom:16px}.menu .intro{padding:14px 0}.menu .secondary{padding:10px 0}.menu .cast-link{padding:7px 0}}html,body{overscroll-behavior:none}.menu{overscroll-behavior:contain;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));overflow-y:auto}.intro{flex-shrink:0}.start-actions,.loading{width:min(340px,100%)}.primary{gap:14px;padding-top:12px;padding-bottom:12px;line-height:1.5}.pause{padding:max(16px, env(safe-area-inset-top)) 0 max(16px, env(safe-area-inset-bottom));overflow-y:auto}.pause-card{flex-shrink:0;margin:auto}.hud-top{left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));top:max(18px, env(safe-area-inset-top))}.touch-controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mobile-mission{display:none}#pause-mission{border-top:1px solid #e5b57a33;border-bottom:1px solid #e5b57a33;margin:0 0 20px;padding:16px 0}#pause-objective{margin:10px 0;font-size:15px;font-weight:400;line-height:1.5;display:block}#pause-mission p{margin:7px 0 0;font-size:12px;line-height:1.5}#pause-risk{color:var(--accent)}.pause-help{color:var(--muted);margin:14px 0 0;font-size:12px}.pause-help summary{cursor:pointer;align-content:center;min-height:44px;display:list-item}.pause-help p{margin:8px 0}@media (any-pointer:coarse){.touch-controls{display:block}.desktop-look,.hud-bottom .action-hints{display:none!important}.hud-top{left:auto;right:max(16px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top))}.hud .location,#sound,.hud.escaping .escape-hud{display:none}.round-button{border-radius:12px;min-width:44px;height:44px}.joystick{left:max(22px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));background:#eee4ca0a;border-color:#eee4ca30;width:96px;height:96px}.joystick span{background:#eee4ca38;border-color:#eee4ca48;top:27px;left:27px}.joystick.seated{opacity:.22;pointer-events:none}.touch-actions,.hud.escaping .touch-actions{right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));grid-template-rows:48px 60px;grid-template-columns:60px 60px;place-items:center;gap:8px;display:grid}.touch-actions button,.hud.escaping .touch-actions button{background:#151d186b;border-color:#eee4ca50;width:60px;height:60px;font-size:11px}.touch-actions #touch-sneak,.hud.escaping #touch-sneak{grid-area:1/2;width:48px;height:48px;font-size:10px}#touch-interact,#touch-seat{grid-area:2/1}.touch-actions #touch-pet,.hud.escaping #touch-pet{grid-area:1/1;width:48px;height:48px}.touch-actions #touch-smoke,.hud.escaping #touch-smoke{background:#e5b57a16;grid-area:2/2;width:60px;height:60px;font-size:8px;line-height:1.5}.touch-actions #touch-smoke strong{font:500 12px Arial,sans-serif}#touch-interact,#touch-seat{background:#e5b57a30;border-color:#e5b57aa0}#touch-sneak[aria-pressed=true]{color:#25281e;background:#e5b57a}.breath{left:auto;right:max(25px, calc(env(safe-area-inset-right) + 7px));bottom:max(16px, calc(env(safe-area-inset-bottom) - 6px));width:46px;transform:none}.breath>span{display:none}.breath-track{border-radius:2px;height:3px;margin:0}.toast,.hud.escaping .toast{bottom:max(155px, calc(env(safe-area-inset-bottom) + 133px));letter-spacing:0;background:#151a168c;width:max-content;max-width:min(320px,100% - 32px);padding:7px 12px;font-size:11px;line-height:1.4}.mobile-mission{top:max(12px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));width:min(360px, calc(100% - max(16px, env(safe-area-inset-left)) - max(16px, env(safe-area-inset-right)) - 56px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151d18b0;border:1px solid #eee4ca24;border-radius:12px;height:48px;display:flex;position:absolute;overflow:hidden}.mobile-mission button{pointer-events:auto;color:var(--cream);border:0;min-height:44px}#mission-details{text-align:left;background:0 0;flex:1;align-items:center;gap:9px;min-width:0;padding:5px 10px;display:flex}.mission-icon{color:var(--accent);font-size:21px}.mission-copy{flex:1;min-width:0}.mission-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.mission-status{color:#d0cdbc;gap:8px;margin-top:4px;font-size:10px;line-height:1;display:flex}#mobile-risk{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#mobile-delivery{white-space:nowrap;flex-shrink:0}.mission-arrow{color:#d0cdbc;font-size:18px}#mobile-order{color:#25281e;background:#e5b57a;min-width:54px;padding:0 10px;font-size:11px}.mobile-mission:has(#mobile-order:not([hidden])) #mobile-delivery{display:none}#mobile-suspicion{pointer-events:none;background:#e5b57a12;height:2px;position:absolute;bottom:0;left:0;right:0}#mobile-suspicion-fill{background:#e5b57a;width:0;height:100%;display:block}.mobile-mission.alerted #mobile-risk{color:#f2b377}.mobile-mission.danger{border-color:#ec956a}.mobile-mission.danger #mobile-risk,.mobile-mission.danger #mobile-delivery{color:#ffd0b8}.hud-bottom{display:none}.secondary,.cast-link{align-items:center;min-height:44px;display:flex}}@media (width<=700px){.menu{padding-left:max(22px, env(safe-area-inset-left));padding-right:max(22px, env(safe-area-inset-right))}.masthead{gap:12px}.masthead>span:nth-child(2){max-width:125px;line-height:1.7}.menu h1{font-size:clamp(64px,20vw,96px)}.intro-copy{line-height:1.7}.pause-card{padding:25px}}@media (height<=520px) and (orientation:landscape){.menu{display:block}.menu .intro{grid-template-columns:1fr 1fr;gap:10px 30px;width:100%;max-width:720px;margin:15px auto;display:grid}.intro .eyebrow{grid-column:1/-1}.menu h1{grid-column:1;margin:8px 0;font-size:64px}.menu .intro-copy{grid-column:1;margin:0;font-size:11px}.start-actions{grid-area:2/2/4;align-self:center}.loading{grid-column:2}.menu-footer{display:none}.pause{display:flex}.pause-card{width:min(520px,100% - 40px)}.pause h2{margin:14px 0;font-size:34px}.pause p{margin:8px 0 12px;line-height:1.6}.pause .secondary{padding:10px 0}}@media (any-pointer:coarse) and (orientation:landscape){.toast,.hud.escaping .toast{bottom:max(20px, env(safe-area-inset-bottom));max-width:min(320px,100% - 310px)}}
