:root{color-scheme:dark;--ink:#e9e5db;--muted:#93978d;--gold:#c9b88e;--line:#c8cab21e;--bottom:max(18px,env(safe-area-inset-bottom));--left:max(24px,env(safe-area-inset-left));--right:max(24px,env(safe-area-inset-right));--top:max(24px,env(safe-area-inset-top))}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090c0b;color:var(--ink);font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.3;cursor:default}button,select,input{accent-color:var(--gold)}button{transition:background .16s,border-color .16s,color .16s,transform .16s}button:active:not(:disabled){transform:scale(.97)}button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.25;flex-shrink:0}button svg use{stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}#app{height:100vh;height:100dvh;width:100%;overflow:hidden;position:relative;background:#0b0e0c;isolation:isolate}#app.menu-mode::before{content:"";position:absolute;inset:0;z-index:0;background:#080a09 url("main-menu-stare.png") center center/cover no-repeat;filter:contrast(1.08) brightness(.72)}#app.menu-mode::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#080b09 0%,#080b09d9 25%,#080b0955 52%,#080b0910 78%),linear-gradient(0deg,#080b09d0 0%,transparent 45%)}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;transition:filter .22s}.menu-mode #scene{left:30%;width:70%;opacity:.28}.vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 44%,transparent 30%,#000a 100%),linear-gradient(0deg,#030705c4,transparent 24%,transparent 80%,#02050270)}.menu-mode .vignette{background:linear-gradient(90deg,#090d0b 0%,#090d0bf5 25%,#090d0b65 51%,transparent 76%),linear-gradient(0deg,#090d0b 0%,transparent 36%)}.noise,.scanlines{position:absolute;inset:0;z-index:4;pointer-events:none}.scanlines{opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,#0007 4px)}.noise{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.camera-mode .noise{animation:grain .2s steps(1) infinite}.camera-mode .scanlines{opacity:.32}@keyframes grain{25%{background-position:27px 61px}50%{background-position:73px 20px}75%{background-position:40px 92px}}.hidden{display:none!important}#header{position:absolute;z-index:8;right:var(--right);top:var(--top)}.top-actions{display:flex;gap:8px}.icon-button{border:1px solid var(--line);background:#11181280;width:46px;height:46px;display:grid;place-items:center;color:#b3b8a7;border-radius:50%}.icon-button:hover{background:#31372c;border-color:#9caa7450}.icon-button.muted{color:#826557}.icon-button.muted:after{content:'';position:absolute;width:24px;height:1px;transform:rotate(-45deg);background:currentColor}#menu{position:absolute;inset:0;z-index:6;pointer-events:none}.menu-copy{position:absolute;left:8%;top:50%;transform:translateY(-45%);width:390px;max-width:42%;pointer-events:auto}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(72px,7.8vw,128px);font-weight:400;line-height:1;letter-spacing:-5px;margin:0 0 42px;filter:drop-shadow(0 4px 28px #0009)}h1>span{display:block;white-space:nowrap}.title-small{font-family:Arial,sans-serif;font-weight:400;font-size:.185em;letter-spacing:.44em;margin:0 0 22px 5px;color:#b9baa9}.title-dot{color:#ae6a4f}.menu-actions{max-width:286px}.primary{border:1px solid var(--gold);border-radius:3px;background:var(--gold);color:#171b14;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:18px 22px;min-height:56px;font-size:14px;text-align:left}.primary strong{font-weight:500;letter-spacing:.2px}.primary>span{font:24px Georgia}.primary:hover{background:#ddcba1}.menu-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:space-between;min-height:54px;text-align:left;font-size:13px;color:#c5c7b9;padding:15px 3px}.menu-row>span:last-child{color:#818875;font:10px monospace}.menu-row:hover{color:var(--gold);padding-left:8px}.stars{font-size:15px;letter-spacing:9px;color:#9e906f;margin-top:24px}#loader{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#080b09;transition:opacity .3s}.loading-mark{font:85px Georgia;color:#c4b183}.load-track{height:1px;width:120px;background:#565f4533;margin:25px 0 15px}.load-track i{height:1px;display:block;width:0;background:#c4b183;transition:width .4s}#loadPercent{font:8px monospace;letter-spacing:3px;color:#76826b}#hud{position:absolute;inset:0;z-index:7;pointer-events:none}#hud button{pointer-events:auto}.hud-location{position:absolute;left:var(--left);top:var(--top);display:flex;flex-direction:column;gap:9px}.hud-location>span{font:8px monospace;letter-spacing:2px;color:#9eae91}.hud-location strong{font:21px Georgia;color:#d1d6c4;font-weight:400}.clock{position:absolute;top:var(--top);right:calc(var(--right) + 68px);text-align:right}.clock>div{display:flex;align-items:baseline;gap:7px;justify-content:flex-end}.clock #clockHour{font:42px Georgia;line-height:1}.clock small{font:12px Georgia;color:#abb5a0}.clock>span{display:block;font:8px monospace;letter-spacing:2px;color:#85977a;margin-top:7px}.pause-button{position:absolute;right:var(--right);top:var(--top);font-size:18px;width:42px;height:42px}.door-controls{position:absolute;top:48%;width:150px;display:grid;gap:8px}.door-controls.left{left:var(--left)}.door-controls.right{right:var(--right)}.door-tag{font:8px monospace;letter-spacing:2px;color:#98a68b;display:flex;justify-content:space-between;margin-bottom:2px}kbd{font:8px monospace;letter-spacing:1px;color:#849476}.door-controls button{display:flex;align-items:center;gap:12px;background:linear-gradient(125deg,#1c241be8,#111912e6);border:1px solid #a7b78f30;border-radius:5px;min-height:58px;padding:12px 14px;text-align:left;box-shadow:0 5px 18px #0004;color:#a8b79a}.door-controls button>span{font-size:11px;color:#c6cebc}.door-controls button small{display:block;font:7px monospace;letter-spacing:1px;color:#718665;margin-top:5px}.control-led{width:5px;height:5px;border-radius:50%;background:#687b57;margin-left:auto;flex-shrink:0}.door-controls button:hover{border-color:#c8bf895c}.door-controls button.active{border-color:#c4ae6977;background:linear-gradient(125deg,#443b20e8,#211f12e6);color:#d9c693}.door-controls button.active .control-led{background:#f1da84;box-shadow:0 0 9px #d4b559}.door-controls button.door-closed{border-color:#a46a5377;background:linear-gradient(125deg,#38251ce8,#1b1711e6);color:#d39c7c}.door-controls button.door-closed .control-led{background:#df8964;box-shadow:0 0 9px #cb765a}.door-controls button.active small,.door-controls button.door-closed small{color:inherit}#powerPanel{position:absolute;left:var(--left);bottom:calc(var(--bottom) + 9px);width:175px}.power-top{display:flex;align-items:center;justify-content:space-between;font:8px monospace;letter-spacing:2px;color:#8b9e7e}.power-top strong{font:25px Georgia;color:#d4ddc5;letter-spacing:0}.power-top small{font:10px monospace;margin-left:3px}.power-track{height:2px;background:#54674555;margin-top:10px}#powerFill{height:100%;width:100%;background:#a0b17f;transition:width .2s}.usage-line{display:flex;gap:10px;align-items:center;margin-top:10px;font:7px monospace;letter-spacing:1px;color:#7c906e}#usageBars{display:flex;gap:3px}#usageBars i{height:7px;width:5px;background:#53654944}#usageBars i.on{background:#9cae7d}#usageBars i.on:nth-child(n+4){background:#bf935d}.low-power .power-top strong{color:#da8a62}.low-power #powerFill{background:#bf7855}#monitorBtn{position:absolute;left:50%;bottom:var(--bottom);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:13px;min-height:54px;width:266px;padding:14px 22px;border:1px solid #99ac7c55;border-radius:5px;background:linear-gradient(130deg,#283022eb,#131d13f5);font-size:12px;box-shadow:0 8px 25px #0005;color:#c0cbb2}#monitorBtn:active{transform:translateX(-50%) scale(.97)}#monitorBtn:hover{border-color:#c7c392}#monitorBtn svg{width:19px;height:19px}#monitorBtn kbd{margin-left:auto}.monitor-arrow{font-size:18px;color:#8a9e77;margin-left:auto}#lookControls{display:none}.touch-dock{display:none}.camera-mode .door-controls,.camera-mode #lookControls{display:none}.camera-mode #scene{filter:saturate(.35) contrast(1.13)}.camera-corner{position:absolute;top:14px;width:25px;height:25px;border-color:#a4b59877}.tl{left:14px;border-top:1px solid;border-left:1px solid}.tr{right:14px;border-top:1px solid;border-right:1px solid}.rec{position:absolute;left:var(--left);top:107px;display:flex;align-items:center;gap:7px;font:8px monospace;letter-spacing:2px;color:#a9b99b}.rec i{width:5px;height:5px;border-radius:50%;background:#be7860}#cameraMap{position:absolute;bottom:calc(var(--bottom) + 88px);right:var(--right);width:330px;border:1px solid #7d926135;border-radius:6px;background:#0c160fef;padding:15px;pointer-events:auto;box-shadow:0 12px 40px #0006}.map-title{display:flex;justify-content:space-between;align-items:center;font:10px monospace;color:#b5c4a6;margin-bottom:12px}.signal{font-size:8px;color:#91ae70}.map-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.map-rooms button{min-height:54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px;border:1px solid #617d503f;border-radius:3px;background:#18251b;color:#9fb08f;font:8px Arial,sans-serif;gap:7px}.map-rooms button span{font:12px monospace;color:#6f8960}.map-rooms button.selected{background:#b0bd91;border-color:#c3cba5;color:#1b2918}.map-rooms button.selected span{color:#3e5230}.map-rooms button:hover{border-color:#c1c999}#audioOnly{position:absolute;left:40%;top:36%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;flex-direction:column}.wave{display:flex;align-items:center;gap:5px;height:36px}.wave i{width:2px;height:10px;background:#849c70;animation:wave .8s ease-in-out infinite alternate}.wave i:nth-child(2n){animation-delay:-.25s}.wave i:nth-child(3n){animation-delay:-.6s}@keyframes wave{to{height:32px}}#audioOnly strong{font:8px monospace;letter-spacing:4px;color:#92a783}.audio-camera #scene{visibility:hidden}#blackoutMessage{position:absolute;left:50%;top:48%;transform:translateX(-50%);font:11px monospace;letter-spacing:5px;color:#8e8465}.blackout-mode .door-controls,.blackout-mode #monitorBtn{visibility:hidden}#hint{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);font:10px/1.6 Arial,sans-serif;color:#bec4b3;background:#172016ee;border:1px solid #81946930;padding:12px 18px;border-radius:4px;text-align:center;max-width:90%;width:max-content;pointer-events:none;animation:hintin .4s ease-out}@keyframes hintin{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}#shutter{position:absolute;inset:0;z-index:5;background:#d0d6b8;opacity:0;pointer-events:none}#shutter.switching{animation:shutter .22s ease-out}@keyframes shutter{0%{opacity:.18;clip-path:inset(48% 0 48%)}25%{opacity:.08;clip-path:inset(0)}100%{opacity:0}}#transition{position:absolute;inset:0;z-index:22;background:#050806;display:flex;align-items:center;justify-content:center;flex-direction:column}#transitionNight{font:10px monospace;letter-spacing:5px;color:#8f9a80}#transitionTime{font:clamp(55px,9vw,90px) Georgia;margin-top:24px;color:#d5d8c9}#transitionTime small{font-size:.38em}#modalBackdrop{position:absolute;inset:0;z-index:28;background:#030603d9;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(9px)}#modal{position:relative;width:540px;max-width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;border:1px solid #7e8e5c38;border-radius:10px;background:linear-gradient(135deg,#1c2319,#10180f);padding:37px 34px;box-shadow:0 20px 80px #000b}.close-modal{position:absolute;right:13px;top:10px;width:44px;height:44px;border:0;border-radius:50%;background:none;color:#8c9a7d;font:26px Georgia}.close-modal:hover{background:#6e7b4922}#modal h2{font:36px Georgia;font-weight:400;letter-spacing:-1px;margin:8px 0 25px}#modal p{font-size:12px;line-height:1.7;color:#9cae8d}.eyebrow{font:8px monospace;letter-spacing:2px;color:#81966d;margin-bottom:12px}.modal-actions{display:flex;gap:10px;margin-top:28px}.modal-actions button{flex:1}.secondary{min-height:54px;background:none;border:1px solid #71855355;border-radius:4px;color:#a7b699;padding:14px 18px;font-size:12px}.secondary:hover{background:#51633822}.settings-line{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:58px;border-bottom:1px solid var(--line);font-size:12px;color:#bac5ad}.settings-line input[type=range]{width:140px;height:36px}.settings-line input[type=checkbox]{width:20px;height:20px}.settings-line select{max-width:145px;background:#172014;border:1px solid #6a7e4f66;border-radius:4px;padding:9px;font-size:11px}.fine-print{font:9px/1.6 Arial,sans-serif!important;color:#708563!important;margin-top:20px}.guide-list{display:grid;gap:20px}.guide-item{display:grid;grid-template-columns:27px 1fr;gap:15px}.guide-item>span{font:21px Georgia;color:#829966}.guide-item strong{font-size:12px;font-weight:500;color:#c0c9b4}.guide-item p{margin:5px 0 0;font-size:11px!important}.keys{font:10px/2.4 monospace;color:#8ca377;margin-top:22px}.keys kbd{border:1px solid #60764a77;padding:4px 6px;border-radius:3px;color:#becbad}.custom-level{display:grid;grid-template-columns:95px 1fr 26px;align-items:center;gap:12px;margin:16px 0;font-size:12px;color:#bec8b2;min-height:42px}.custom-level input{width:100%;height:38px}.custom-level output{font:24px Georgia;text-align:right;color:#d0d6c1}.custom-presets{display:flex;gap:7px;margin-top:22px}.custom-presets button{flex:1;min-height:44px;background:#1d2b17;border:1px solid #5d754650;border-radius:3px;font-size:10px;color:#a8bb96}.custom-presets button:hover{background:#334326}.result-hour{font:74px Georgia;color:#d4c296;margin:8px 0 20px}.result-stamp{font:9px monospace;letter-spacing:2px;color:#96ac7e;margin:18px 0}.result-stamp.lost{color:#ba7b59}.paycheck{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-block:1px solid var(--line);font:10px monospace;color:#93a880;margin-top:22px}.paycheck strong{font:25px Georgia;color:#c6bd95}#toast{position:absolute;bottom:var(--bottom);left:50%;transform:translateX(-50%);z-index:42;padding:14px 20px;background:#28361ef5;border:1px solid #879e6555;border-radius:5px;max-width:90%;font-size:11px;text-align:center;width:max-content;color:#c5d0b5}#error{position:absolute;inset:0;z-index:50;background:#11190e;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;text-align:center}#error h2{font:30px Georgia}#error p{color:#a4b495;max-width:400px;font-size:13px;line-height:1.8}#error button{padding:16px 25px;background:var(--gold);color:#14200e;border:0;border-radius:4px}.scare-mode #hud{display:none}.scare-mode #scene{filter:contrast(1.35) saturate(.6)}.reduced-motion *{scroll-behavior:auto}.reduced-motion .noise,.reduced-motion .wave i{animation:none}.reduced-motion #shutter{display:none}.reduced-motion .scanlines{opacity:.08}@media(pointer:coarse){kbd{display:none!important}.icon-button{min-width:44px;min-height:44px}.menu-row{min-height:54px}#lookControls{display:flex;position:absolute;left:50%;bottom:calc(var(--bottom) + 77px);transform:translateX(-50%);gap:8px}#lookControls button{width:44px;height:40px;border:1px solid #71895938;border-radius:50%;background:#111b10b0;color:#abbc98;font:23px Georgia}.camera-mode #lookControls{display:none}.camera-mode .noise{animation:none}.menu-copy{max-width:48%}}
@media(max-width:900px) and (min-aspect-ratio:1/1){:root{--top:max(16px,env(safe-area-inset-top));--left:max(18px,env(safe-area-inset-left));--right:max(18px,env(safe-area-inset-right));--bottom:max(14px,env(safe-area-inset-bottom))}.menu-copy{top:48%;transform:translateY(-42%);left:7%;width:290px;max-width:43%}h1{font-size:70px;margin-bottom:22px}.title-small{font-size:13px;margin-bottom:13px}.menu-actions{max-width:230px}.primary{min-height:48px;padding:13px 18px}.menu-row{min-height:43px;padding:10px 2px}.stars{margin-top:16px}.icon-button{width:42px;height:42px}.door-controls{width:112px;top:39%;gap:6px}.door-controls button{min-height:48px;padding:9px;gap:8px}.door-controls button svg{width:18px;height:18px}.door-controls button>span{font-size:10px}.door-controls button small{font-size:6px}.door-tag{font-size:7px}.hud-location strong{font-size:17px}.clock #clockHour{font-size:33px}.clock{right:calc(var(--right) + 60px)}#powerPanel{width:130px;bottom:var(--bottom)}#powerPanel .power-top strong{font-size:21px}#monitorBtn{min-height:48px;width:210px}#cameraMap{width:284px;bottom:calc(var(--bottom) + 67px);padding:11px}.map-rooms button{min-height:46px;font-size:7px;padding:7px}.map-title{font-size:9px;margin-bottom:9px}.map-rooms{gap:5px}#lookControls{bottom:calc(var(--bottom) + 62px)}#lookControls button{width:44px;height:44px}#hint{bottom:84px;font-size:9px;max-width:300px}.rec{top:87px}#modal{padding:26px 30px;max-height:94%}#modal h2{font-size:30px;margin-bottom:18px}.settings-line{min-height:47px}.modal-actions{margin-top:20px}.fine-print{margin-top:13px}.custom-level{margin:7px 0;min-height:38px}.custom-presets{margin-top:14px}.guide-list{gap:12px}}
@media(max-aspect-ratio:1/1){:root{--top:max(20px,env(safe-area-inset-top));--left:max(20px,env(safe-area-inset-left));--right:max(20px,env(safe-area-inset-right));--bottom:max(14px,env(safe-area-inset-bottom));--dock:calc(210px + env(safe-area-inset-bottom))}.menu-mode #scene{left:0;width:100%;height:74%;top:0;opacity:.12}.menu-mode::before{background-position:64% center}.menu-mode .vignette{background:linear-gradient(0deg,#090d0b 18%,#090d0bf0 28%,#090d0b85 48%,transparent 75%),linear-gradient(90deg,#090d0b60,transparent 65%)}.menu-copy{left:8%;width:84%;max-width:none;top:auto;bottom:calc(var(--bottom) + 25px);transform:none}h1{font-size:clamp(64px,15vw,103px);letter-spacing:-3px;margin:0 0 30px}.title-small{font-size:.17em;letter-spacing:.38em;margin-bottom:16px;margin-left:3px}.menu-actions{max-width:100%}.primary{min-height:58px;padding:18px 21px}.menu-row{min-height:52px;font-size:13px;padding:13px 2px}.stars{margin-top:20px;font-size:12px;letter-spacing:8px}.top-actions{gap:8px}#header{top:var(--top);right:var(--right)}.icon-button{width:44px;height:44px}.playing-mode #scene{height:calc(100% - var(--dock));width:100%;top:0;left:0}.playing-mode .vignette{bottom:var(--dock);background:radial-gradient(ellipse at 50% 45%,transparent 35%,#0008),linear-gradient(0deg,#090d0b 0%,transparent 24%)}.playing-mode .scanlines,.playing-mode .noise,.playing-mode #shutter{bottom:var(--dock)}.hud-location strong{font-size:17px;line-height:1.2}.hud-location>span{font-size:7px;letter-spacing:1.5px}.clock{right:calc(var(--right) + 58px)}.clock #clockHour{font-size:35px}.clock small{font-size:11px}.clock>span{font-size:7px;letter-spacing:1px;margin-top:6px}.pause-button{width:40px;height:40px;min-width:40px;min-height:40px}.touch-dock{display:block;position:absolute;bottom:0;left:0;right:0;height:var(--dock);background:linear-gradient(#10170fe8,#0b120bf9 24%);border-top:1px solid #8ca96a20;box-shadow:0 -18px 38px #080d0890}#powerPanel{bottom:calc(var(--bottom) + 166px);left:var(--left);right:var(--right);width:auto;height:27px;display:flex;gap:15px;align-items:center}.power-top{gap:9px;flex-shrink:0;font-size:7px;letter-spacing:1px}.power-top strong{font:19px Georgia}.power-top small{font-size:9px}.power-track{flex:1;margin:0;height:2px}.usage-line{margin:0;flex-shrink:0;gap:7px}.usage-line>span{font-size:6px}#usageBars i{height:7px;width:4px}.door-controls{top:auto!important;bottom:calc(var(--bottom) + 69px);width:calc(50% - 27px);display:grid;grid-template-columns:1fr 1fr;gap:7px}.door-controls.left{left:var(--left)}.door-controls.right{right:var(--right)}.door-tag{grid-column:1/-1;font-size:7px;letter-spacing:2px;margin-bottom:0}.door-controls button{min-height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:9px 5px;border-radius:6px;position:relative}.door-controls button svg{width:20px;height:20px}.door-controls button>span{font-size:10px;line-height:1}.door-controls button small{display:none}.control-led{position:absolute;top:8px;right:8px;width:4px;height:4px}.door-controls button.door-closed>span:after{content:' · shut';font-size:8px}.door-controls button.active>span:after{content:' · on';font-size:8px}#monitorBtn{bottom:var(--bottom);left:var(--left);right:var(--right);transform:none;width:auto;min-height:52px;justify-content:flex-start;padding:14px 18px;font-size:12px}#monitorBtn:active{transform:scale(.98)}.monitor-arrow{font-size:20px}#monitorBtn kbd{display:none}#lookControls{display:flex;position:absolute;bottom:calc(var(--dock) + 13px);left:50%;transform:translateX(-50%);gap:9px}#lookControls button{width:45px;height:37px;border:1px solid #708b5633;border-radius:22px;background:#0b150ca8;color:#aabda0;font:24px Georgia}#cameraMap{width:auto;left:var(--left);right:var(--right);bottom:calc(var(--bottom) + 66px);padding:0;border:0;background:transparent;box-shadow:none}.map-title{display:none}.map-rooms{gap:6px;grid-template-columns:repeat(4,1fr)}.map-rooms button{min-height:50px;align-items:center;padding:7px 4px;gap:5px;font-size:9px}.map-rooms button span{font-size:11px}.camera-mode #powerPanel{bottom:calc(var(--bottom) + 182px)}.camera-mode .touch-dock{height:calc(var(--dock) + 13px)}.camera-mode #scene{height:calc(100% - var(--dock) - 13px)}.rec{top:103px;font-size:7px}.camera-corner{display:none}#audioOnly{top:29%;left:50%}#hint{bottom:calc(var(--dock) + 64px);max-width:82%;font-size:10px;width:auto;white-space:nowrap;padding:10px 13px}.camera-mode #hint{display:none}#blackoutMessage{top:38%;font-size:9px;letter-spacing:4px}#modalBackdrop{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}#modal{padding:31px 25px;border-radius:11px;max-height:100%;width:100%}#modal h2{font-size:32px}.modal-actions{flex-direction:column;gap:9px}.modal-actions .primary,.modal-actions .secondary{min-height:52px}.settings-line{min-height:62px}.custom-level{grid-template-columns:86px 1fr 27px;gap:10px}.custom-level input{height:44px}.custom-presets button{min-height:46px}.result-hour{font-size:65px}.scare-mode #scene{height:100%}.scare-mode .vignette,.scare-mode .noise,.scare-mode .scanlines{bottom:0}.keys{display:none}}
@media(max-aspect-ratio:1/1) and (max-height:700px){.menu-copy{bottom:calc(var(--bottom) + 10px)}h1{font-size:64px;margin-bottom:20px}.title-small{margin-bottom:13px}.menu-row{min-height:46px}.primary{min-height:52px}.stars{margin-top:13px}#hint{font-size:9px}.guide-list{gap:14px}.settings-line{min-height:51px}}
@media(prefers-reduced-motion:reduce){button,#scene{transition:none}.noise,.wave i{animation:none!important}}
/* Foreground oil hit for Diddy's jumpscare. */
#oilSplash{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 51%,rgba(190,126,28,.65) 0 4%,rgba(104,61,13,.45) 7%,transparent 20%),radial-gradient(ellipse at 52% 50%,rgba(255,207,88,.30) 0 2%,transparent 15%);mix-blend-mode:screen;animation:oilFlash .9s cubic-bezier(.1,.7,.2,1) both}.oil-splash-mode #oilSplash i{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a 0 5%,#d48a20 32%,#6c3c0b 78%,transparent 80%);box-shadow:0 0 10px rgba(220,151,40,.72);animation:oilDrop .9s cubic-bezier(.1,.7,.2,1) both}.oil-splash-mode #oilSplash i:nth-child(1){width:24vw;height:13vw;left:37%;top:44%;border-radius:48% 52% 44% 56%}.oil-splash-mode #oilSplash i:nth-child(2){width:5vw;height:7vw;left:28%;top:35%;animation-delay:.02s}.oil-splash-mode #oilSplash i:nth-child(3){width:3vw;height:5vw;left:68%;top:31%;animation-delay:.05s}.oil-splash-mode #oilSplash i:nth-child(4){width:2vw;height:8vw;left:22%;top:59%;animation-delay:.08s}.oil-splash-mode #oilSplash i:nth-child(5){width:4vw;height:3vw;left:75%;top:62%;animation-delay:.11s}.oil-splash-mode #oilSplash i:nth-child(6){width:1.7vw;height:4vw;left:35%;top:21%;animation-delay:.14s}.oil-splash-mode #oilSplash i:nth-child(7){width:2.3vw;height:2.3vw;left:59%;top:19%;animation-delay:.17s}.oil-splash-mode #oilSplash i:nth-child(8){width:3.2vw;height:1.8vw;left:15%;top:45%;animation-delay:.2s}.oil-splash-mode #oilSplash i:nth-child(9){width:2.2vw;height:1.5vw;left:81%;top:43%;animation-delay:.23s}.oil-splash-mode #oilSplash i:nth-child(10){width:1.5vw;height:3vw;left:55%;top:75%;animation-delay:.26s}@keyframes oilFlash{0%{opacity:0;transform:scale(.76)}18%{opacity:1;transform:scale(1.08)}100%{opacity:.72;transform:scale(1)}}@keyframes oilDrop{0%{opacity:0;transform:translate(0,0) scale(.15)}18%{opacity:1}100%{opacity:.9;transform:translate(calc((var(--dx,0))*1px),calc((var(--dy,0))*1px)) scale(1)}}

/* Only identify the active camera; the office needs no heading. */
#cameraName{font:11px monospace;letter-spacing:1px;color:#b9c8aa}.primary{justify-content:center}.menu-row{justify-content:space-between}

/* Camera map: rooms stay spatially anchored around the office. */
.map-heading{display:flex;justify-content:space-between;margin-bottom:10px;font:8px monospace;letter-spacing:1.5px;color:#9eaf90}.map-heading span:last-child{color:#c7b77f}.map-rooms{position:relative!important;display:block!important;height:190px!important;margin:0!important}.map-lines{position:absolute;inset:3px 4px;width:calc(100% - 8px);height:calc(100% - 6px);overflow:visible;pointer-events:none}.map-lines path{fill:none;stroke:#80966d72;stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.map-lines .map-door{stroke:#c4ae6b;stroke-width:2.2}.map-rooms button{position:absolute!important;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2;width:82px;min-height:43px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:6px 5px!important;border:1px solid #617d506e!important;border-radius:4px!important;background:#142016e8!important;color:#a9ba9a!important;font:8px Arial,sans-serif!important;box-shadow:0 4px 12px #0006}.map-rooms button span{font:9px monospace!important;color:#7f986c!important}.map-rooms button.selected{background:#b4c091!important;border-color:#d2d4ad!important;color:#172015!important;box-shadow:0 0 16px #bfc89355}.map-rooms button.selected span{color:#455b37!important}.map-you{position:absolute;left:50%;top:87%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;color:#dbc88f;font:8px monospace;letter-spacing:1px;pointer-events:none}.map-you i{width:9px;height:9px;border:2px solid #dbc88f;background:#26351d;border-radius:50%;box-shadow:0 0 10px #bca96c99}.map-you small{font-size:6px;letter-spacing:1.2px;color:#899a78}
@media(max-aspect-ratio:1/1){.map-heading{display:none}.map-rooms{height:158px!important}.map-rooms button{width:68px;min-height:37px!important;font-size:7px!important}.map-rooms button span{font-size:8px!important}.map-you{top:87%;font-size:7px}.map-you small{font-size:5px}.map-lines{inset:2px 2px;width:calc(100% - 4px);height:calc(100% - 4px)}}