:root{color-scheme:dark;--paper:#e8e7df;--muted:#a4a79c;--orange:#ed895b;--line:#ffffff26;--black:#111410;font-family:Arial,Helvetica,sans-serif;background:var(--black);color:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button{user-select:none;-webkit-user-select:none}p,h1,h2{margin:0}.environment{position:fixed;inset:0;background:linear-gradient(90deg,#10120ff5 0%,#10120fc4 30%,#10120f18 76%),linear-gradient(0deg,#10120f 0%,transparent 48%,#10120f55),url('assets/corridor.webp') center/cover;z-index:-2}.grain{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.07;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#app{max-width:1600px;margin:auto;padding:0 5.2vw}.masthead{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font-size:13px;font-weight:800;letter-spacing:2.5px;display:flex;align-items:center;gap:16px}.mark{font-size:34px;color:var(--orange);font-weight:400}.edition{font:10px monospace;letter-spacing:1px;color:var(--muted);margin-left:15px}.live-dot{font:10px monospace;letter-spacing:1.5px;color:var(--muted)}.live-dot:before,.eyebrow span{content:'';display:inline-block;width:5px;height:5px;background:var(--orange);margin-right:9px;border-radius:50%}.intro{min-height:calc(100svh - 105px);position:relative;display:flex;flex-direction:column;justify-content:center}.intro-copy{padding:64px 0 80px;position:relative;z-index:1}.eyebrow{font:10px/1.5 monospace;letter-spacing:2px;color:var(--orange)}h1{font-size:clamp(80px,9.8vw,150px);line-height:.84;letter-spacing:-.065em;font-weight:900;margin:30px 0}h1 span{color:var(--paper)}h1 i{color:var(--orange);font-style:normal}.tagline{font-size:clamp(20px,2vw,27px);line-height:1.35;letter-spacing:-.5px}.premise{font-size:13px;color:var(--muted);line-height:1.65;margin:20px 0 29px}.primary{background:var(--orange);color:#171b14;min-height:57px;padding:0 24px;font-size:11px;font-weight:800;letter-spacing:1.5px;display:flex;align-items:center;justify-content:space-between;gap:45px;width:330px;max-width:100%;transition:background .2s}.primary:hover{background:#ffa67f}.primary span{font-size:23px;font-weight:400}.session-meta{display:flex;gap:23px;font:9px monospace;letter-spacing:.5px;margin-top:18px;color:var(--muted)}.scene-caption{position:absolute;right:9%;top:49%;display:flex;align-items:center;gap:20px;font:9px/2 monospace;letter-spacing:2px;color:#c5c7b2}.scene-caption b{font-weight:400;opacity:.6}.crosshair{font:42px monospace;opacity:.7}.intro-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);min-height:73px;margin-top:auto;font:9px monospace;letter-spacing:1px;color:var(--muted);gap:15px}.intro-footer button{font:10px monospace;letter-spacing:1px;min-height:48px}.intro-footer button span{color:var(--orange);margin-left:23px}.game{width:min(100%,680px);margin:24px auto 20px;position:relative}.game-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.game-top .eyebrow{font-size:9px}h2{font-size:29px;letter-spacing:-1px;font-weight:500}.game-top h2{margin-top:4px}.square{border:1px solid var(--line);width:45px;height:45px;font-size:19px}.monitor{position:relative;height:clamp(220px,39svh,440px);overflow:hidden;background:#090c09;border:1px solid #929a6b55}.room-art{position:absolute;inset:0;background:url('assets/corridor.webp') center/cover;filter:grayscale(.65) sepia(.15);transform:scale(1.05);transition:filter .4s,opacity .35s,transform .6s,background-position .5s}.monitor[data-room='1'] .room-art{background-image:url('assets/kitchen.webp');transform:scale(1.02);background-position:center;filter:grayscale(.55) sepia(.2)}.monitor[data-room='2'] .room-art{background-image:url('assets/bedroom.webp');transform:scale(1.02);background-position:center;filter:grayscale(.5) sepia(.2)}.monitor[data-room='3'] .room-art{transform:scale(2.1);filter:grayscale(.8) brightness(.7)}.monitor:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 80px #000b;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0003 0 1px,transparent 1px 4px);pointer-events:none}.feed-top,.feed-bottom{position:absolute;left:17px;right:17px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.2px;z-index:2;text-shadow:0 2px 3px #000}.feed-top{top:16px}.feed-top>span:first-child{color:#f39572}.feed-bottom{bottom:16px;color:#d3d9c8}.feed-center{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:3}.feed-center>span{font-size:38px;color:#7c8174}.feed-center p{font:10px monospace;letter-spacing:2px}.feed-center small{color:var(--muted);font-size:12px}.monitor.hidden .room-art{opacity:0}.monitor.hidden .feed-center{display:flex}.monitor.hidden #room-detail{opacity:0}#room-detail{position:absolute;top:38%;left:49%;font:17px Georgia,serif;opacity:.4;color:#d6cdb7;text-shadow:0 0 9px #b1aa6f}.danger{position:absolute;bottom:45px;left:12px;right:12px;text-align:center;font:10px monospace;letter-spacing:1px;color:#ffc5a6;z-index:4}.monitor.warning{border-color:var(--orange)}.monitor.warning .danger{background:#251109e8;padding:10px}.status-row{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1px;padding:4px 0;border-bottom:1px solid var(--line);min-height:43px;color:var(--muted)}.status-row b{font-weight:400;color:var(--paper);margin-left:6px}.status-row button{font:9px monospace;min-height:38px}.tape-dots{display:flex;gap:6px}.tape-dots i{height:7px;width:19px;background:#3b3e34}.tape-dots i.complete{background:var(--orange)}.transmission{min-height:91px;padding:17px 0 8px}.transmission-label{font:8px monospace;letter-spacing:1.8px;color:var(--orange)}.transmission p{font:13px/1.55 Georgia,serif;color:#d5d5c9;margin-top:8px}.room-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.room-nav button{width:50px;height:44px;border:1px solid var(--line);font-size:20px}.room-nav>div{text-align:center}.room-nav span{font:9px monospace;letter-spacing:2px;color:var(--muted)}.room-nav p{font:9px monospace;letter-spacing:1px;margin-top:6px}.controls{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}.controls button{height:61px;border:1px solid #b5bba658;display:flex;align-items:center;justify-content:center;gap:12px;font:10px monospace;letter-spacing:1px;position:relative;overflow:hidden}.controls #scan{background:#dbdfc8;color:#1b2019;border-color:#dbdfc8;touch-action:none}.controls #scan>span{z-index:1;position:relative}.controls #scan #scan-percent{font-size:9px;opacity:.7}.controls #scan i{position:absolute;inset:0 auto 0 0;width:0;background:#9ea87b}.controls #scan.active{border-color:var(--orange)}.hide-icon{font-size:17px}.controls #hide.active{color:var(--orange);border-color:var(--orange)}.control-hint{text-align:center;color:var(--muted);font-size:10px;line-height:1.4;margin-top:12px}.call{position:absolute;top:88px;left:10px;right:10px;z-index:6;background:#171e17f5;border:1px solid #737a5c;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 40px #000a}.call-icon{font-size:25px;color:var(--orange)}.call small{font:8px monospace;letter-spacing:1px;color:var(--muted)}.call p{font:10px monospace;margin-top:7px}.call button{min-height:44px;padding:0 8px;font-size:11px}.call #decline{color:var(--orange);margin-left:auto}.call #answer{color:#b5c7ab}#apparition{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ending{max-width:600px;padding:12vh 0}.ending h2{font-size:clamp(65px,10vw,115px);font-weight:900;line-height:.9;letter-spacing:-6px;margin:25px 0}.ending>p:not(.eyebrow){font:17px/1.6 Georgia,serif;color:#c4c8ba;max-width:410px}.ending .primary{margin-top:30px}#ending-stats{font:10px monospace;color:var(--muted);letter-spacing:1px;margin-top:24px}.text-button{display:block;font:10px monospace;letter-spacing:1px;min-height:48px;margin-top:10px}.ending.won h2{color:var(--orange)}dialog{background:#171c15;color:var(--paper);border:1px solid #636e50;width:min(480px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:32px;box-shadow:0 20px 100px #000}dialog::backdrop{background:#070906d9;backdrop-filter:blur(7px)}dialog h2{font-size:40px;font-weight:600;line-height:1.05;letter-spacing:-1.5px;margin:18px 0 24px}dialog>p:not(.eyebrow){font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:24px}.close{position:absolute;right:12px;top:8px;width:44px;height:44px;font-size:25px}ol{padding-left:18px;color:#bbc1b0;font-size:12px;line-height:1.65}li{padding-left:7px;margin-bottom:12px}li b{color:var(--paper)}.help-note{font-size:11px!important}.setting{font-size:12px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:22px 0}.setting input{accent-color:var(--orange);width:19px;height:19px}.setting small{color:var(--muted);font-size:10px}.playing .environment{opacity:.22}.playing .masthead{height:65px}.playing .edition{display:none}.scare .environment{filter:sepia(1)}.scare #app{animation:shudder .3s 2}@keyframes shudder{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(min-width:1000px){.game{width:600px;margin-top:25px}.game .monitor{height:38svh;min-height:260px}.game-top h2{font-size:24px}}
@media(max-width:650px){#app{padding:0 23px}.masthead{height:78px}.wordmark{font-size:11px;gap:10px;letter-spacing:2px}.edition{display:none}.live-dot{font-size:8px;letter-spacing:1px}.intro{min-height:calc(100svh - 78px)}.intro-copy{padding:66px 0 60px}.eyebrow{font-size:9px;letter-spacing:1.4px}h1{font-size:clamp(66px,17vw,105px);margin:27px 0}.tagline{font-size:23px}.premise{font-size:12px;margin:22px 0 27px}.environment{background-image:linear-gradient(90deg,#10120fe8,#10120f55),linear-gradient(0deg,#10120f,transparent 65%),url('assets/corridor.webp');background-position:center,center,56% center}.scene-caption{right:0;top:45%;opacity:.32;display:none}.session-meta{gap:13px;font-size:8px}.intro-footer{flex-wrap:wrap;gap:0;min-height:90px;padding:9px 0 13px}.intro-footer>span{order:3;width:100%;font-size:8px;opacity:.65}.intro-footer button:last-child{margin-left:auto}.game{margin:17px auto 16px}.playing .masthead{height:54px}.playing .masthead .live-dot{font-size:7px}.playing .wordmark{font-size:9px}.game-top{margin-bottom:12px}.game-top h2{font-size:25px}.monitor{height:33svh;min-height:205px}.transmission{min-height:91px}.call{gap:7px;padding:10px;top:82px}.call p{font-size:9px}.call-icon{display:none}.ending{padding:14vh 0}.ending h2{letter-spacing:-4px}dialog{padding:25px}}
@media(max-height:740px) and (max-width:650px){.intro-copy{padding:38px 0}.intro-copy h1{font-size:16vw}.tagline{font-size:20px}.premise{margin:15px 0 20px}.monitor{height:29svh;min-height:170px}.game{margin-top:12px}.game-top{margin-bottom:9px}.transmission{min-height:83px;padding-top:11px}.controls button{height:54px}.control-hint{margin-top:9px}.room-nav{margin-bottom:9px}.status-row{min-height:38px}}
@media(max-height:500px) and (orientation:landscape){.game{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.game-top{grid-column:1/-1;margin:0}.monitor{grid-column:1;grid-row:2/7;height:250px}.status-row,.transmission,.room-nav,.controls,.control-hint{grid-column:2;margin:0}.transmission{min-height:60px}.playing .masthead{height:45px}.game-top h2{font-size:20px}.game-top .eyebrow{display:none}.call{top:55px;width:45%}.intro-copy{padding-top:30px}h1{font-size:90px}.scene-caption{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
body.gentle *,body.gentle *:before,body.gentle *:after{animation:none!important;transition:none!important}
/* Keep controls clear of iPhone cutouts and the home indicator. */
body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
@supports(padding:max(0px)){#app{padding-left:max(23px,5.2vw,env(safe-area-inset-left));padding-right:max(23px,5.2vw,env(safe-area-inset-right))}}
/* The handset carries no threat indicators or tutorial prompts. */
.power-icon{font-size:29px;line-height:1}
#attack{position:fixed;inset:0;width:100%;height:100%;z-index:30;pointer-events:none;background:#040605}
#apparition{z-index:1}
#settings{font-size:21px;min-width:44px}
.room-nav{margin-top:5px}
#objective:empty{display:none}
.controls{margin-bottom:18px}
.inventory{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 0 12px}
.inventory button{display:flex;align-items:center;gap:12px;min-height:44px;min-width:58px;font:10px monospace}
.inventory button:last-child{justify-content:flex-end}
#lens-status{font:9px monospace;color:var(--muted);letter-spacing:2px}
.cell-icon{display:inline-block;position:relative;width:24px;height:13px;border:1px solid #c1c7ad;border-radius:2px;background:linear-gradient(90deg,#6c7857 60%,#20271a 60%);box-shadow:1px 2px 7px #0009}
.cell-icon:after{content:'';position:absolute;right:-4px;top:3px;width:3px;height:5px;background:#b8bda4}
.lens-icon{display:inline-block;width:23px;height:23px;border:3px solid #8e957f;outline:1px solid #222a20;border-radius:50%;background:radial-gradient(circle at 38% 35%,#b9ceb8 0 9%,#35443c 12% 35%,#060e0b 40% 68%,#76816d 70%);box-shadow:2px 3px 7px #000}
.part{position:absolute;z-index:5;width:48px;height:48px;transform:translate(-50%,-50%) rotate(-12deg);display:grid;place-items:center;filter:brightness(.8)}
.part:hover,.part:focus-visible{filter:brightness(1.3)}
.sensor-damage{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc(var(--wear,0)*.75);background:linear-gradient(175deg,transparent 10%,#011b1066 12%,transparent 14%,transparent 58%,#78816c44 59%,#0009 61%,transparent 65%),repeating-linear-gradient(0deg,transparent 0 20px,#04130c88 21px 23px,transparent 24px 40px);box-shadow:inset 24px 0 45px #050b0688}
.monitor.hidden .sensor-damage{opacity:0}
.monitor .room-art,.monitor[data-room='1'] .room-art,.monitor[data-room='2'] .room-art{transform:scale(1.23)}
.monitor.wide .room-art,.monitor.wide[data-room='1'] .room-art,.monitor.wide[data-room='2'] .room-art{transform:scale(1.01)}
.monitor.wide[data-room='3'] .room-art{transform:scale(1.4)}
@media(max-height:740px) and (max-width:650px){.transmission{min-height:60px}.monitor{min-height:150px;height:26svh}.inventory{margin-bottom:7px}.controls{margin-bottom:10px}}
@media(max-height:500px) and (orientation:landscape){.inventory{grid-column:2;margin:0}.monitor{grid-row:2/8;height:270px}.game{gap:4px 20px}.transmission{min-height:50px}.controls{margin-bottom:0}}
/* Camera movement never announces the threat state. Touch controls stay still. */
.transmission{display:flex;align-items:center;min-height:66px;padding:12px 0}
.transmission p{margin:0;color:#aeb6a3;font-style:italic;letter-spacing:.2px}
@keyframes handheld{0%{translate:-2px 1px;rotate:-.18deg}30%{translate:1px -2px;rotate:.14deg}60%{translate:-1px 2px;rotate:-.08deg}100%{translate:2px -1px;rotate:.2deg}}
@keyframes impact-jolt{0%,100%{translate:0 0}25%{translate:-5px 2px}50%{translate:4px -3px}75%{translate:-2px -1px}}
@media(max-height:740px) and (max-width:650px){.transmission{min-height:48px;padding:8px 0}}
.rec{display:flex;align-items:center;gap:7px;min-height:44px;min-width:108px;margin:-13px 0 0 -10px;padding:10px;color:#e7e5d8;font:11px monospace;letter-spacing:1px;position:relative;z-index:8;text-shadow:0 1px 4px #000}
.rec-dot{width:9px;height:9px;border-radius:50%;background:#ef5848;box-shadow:0 0 8px #e14a3433}
.rec[aria-pressed='false'] .rec-dot{background:#555e50;box-shadow:none}
#cam-number{color:#a5ab98;font-size:9px}
.feed-top{z-index:7;pointer-events:none}.feed-top .rec{pointer-events:auto}
.tuner{display:flex;gap:13px;align-items:center;min-height:50px;padding:0 4px}
.tune-mark{font-size:28px;color:#9aa58c}
#tuning{width:100%;accent-color:#cf9574;cursor:ew-resize;height:44px;touch-action:none;background:transparent}
#frequency{font:10px monospace;color:#aeb6a3;min-width:28px}
.capture{height:2px;background:#5a63452b;margin:0 0 18px}.capture i{display:block;height:100%;background:var(--orange);transition:width .1s}
.sensor-damage{opacity:calc(var(--wear,0)*.5 + var(--detune,0)*.45)}
.exit-door{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);min-width:75px;min-height:50px;color:#e7e1cb;z-index:6;font:12px monospace;letter-spacing:3px;text-shadow:0 0 9px #000;background:#080c0999;border:1px solid #c6c7ae66}
.exit-door span{display:block;font-size:9px;margin-top:4px}
@media(max-height:500px) and (orientation:landscape){.tuner,.capture{grid-column:2}.monitor{grid-row:2/9}.capture{margin:0}}
.rec[aria-pressed='true'] .rec-dot{animation:recording-pulse 1.7s ease-in-out infinite}
@keyframes recording-pulse{0%,100%{opacity:1;box-shadow:0 0 7px #e14a3444}50%{opacity:.28;box-shadow:none}}
#secret-marks{font:8px/1.6 monospace;color:#929e84;letter-spacing:1px;margin:3px 0 10px;min-height:0}
#secret-marks:empty{display:none}
#hang-up{color:#ed895b;margin-left:auto}

/* Evidence is recorded in the picture, never gated by an unexplained tuning slider. */
#evidence{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.evidence-progress{position:absolute;left:15px;right:15px;bottom:39px;z-index:4;display:grid;grid-template-columns:1fr auto;gap:6px;font:8px monospace;letter-spacing:1px;color:#dedfcd;text-shadow:0 1px 4px #000}
.evidence-progress b{font-weight:400;color:#f1a387}.evidence-progress>div{grid-column:1/-1;height:4px;background:#111a12cc;border:1px solid #bfc7a544}
.evidence-progress i{display:block;height:100%;background:#ef936b;box-shadow:0 0 8px #ed895b66;transition:width .1s}
.monitor.hidden .evidence-progress{opacity:.35}

/* The frame stays still; only subjects inside the feed move. */
.monitor,#attack,.room-art{animation:none!important;translate:none!important;rotate:none!important}

/* Same source photographs, with local object motion below the ghost and overlays. */
#evidence{z-index:0;filter:grayscale(.65) sepia(.15)}
.monitor[data-room='1'] #evidence{filter:grayscale(.55) sepia(.2)}
.monitor[data-room='2'] #evidence{filter:grayscale(.5) sepia(.2)}
.monitor[data-room='3'] #evidence{filter:grayscale(.8) brightness(.7)}
.monitor.hidden #evidence{visibility:hidden}

.signal-control{padding:13px 0 9px;border-bottom:1px solid var(--line)}
.signal-heading,.recording-label{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#abb5a2}
#lock-status{color:#d99e7c}.locked #lock-status{color:#c7d4b7}
.signal-track{height:48px;position:relative;margin:0 10px}
.signal-track:before{content:'';position:absolute;left:0;right:0;top:23px;height:2px;background:#58604d}
#signal-band{position:absolute;top:13px;height:22px;background:#bac6a326;border:1px solid #c4d0ad88;transform:translateX(-50%);border-radius:3px;pointer-events:none}
#signal-band:after{content:'';position:absolute;top:4px;bottom:4px;left:50%;width:1px;background:#d3ddc3}
.signal-track #tuning{position:absolute;inset:0;margin:0;width:100%;height:48px;appearance:none;-webkit-appearance:none;touch-action:pan-y;outline-offset:2px;cursor:ew-resize;background:transparent}
#tuning::-webkit-slider-runnable-track{height:2px;background:transparent}
#tuning::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:29px;margin-top:-14px;background:#ec956d;border:3px solid #23271d;box-shadow:0 0 0 1px #ec956d;border-radius:3px}
#tuning::-moz-range-track{height:2px;background:transparent}
#tuning::-moz-range-thumb{width:12px;height:23px;background:#ec956d;border:3px solid #23271d;border-radius:3px;box-shadow:0 0 0 1px #ec956d}
.recording-label b{font-weight:400;color:#e2e6d7}.recording-bar{height:10px;margin-top:8px;background:#343b2d;border:1px solid #626d5055}
.recording-bar i{display:block;height:100%;background:#8c967a;transition:width .12s}.locked .recording-bar i{background:#d2dabb;box-shadow:0 0 8px #d2dabb22}
.disconnected #signal-band{visibility:hidden}.disconnected .signal-track:before{opacity:.35}
@media(max-height:500px) and (orientation:landscape){.signal-control{grid-column:2}.monitor{grid-row:2/9}}

/* The viewfinder is the control surface: frame, tune and capture with your thumbs. */
.game .monitor{height:calc(100svh - 165px);min-height:400px;max-height:640px;touch-action:none}
.feed-top{left:12px;right:9px;top:8px;align-items:center;justify-content:flex-start;gap:5px}
.feed-top .rec{margin:0;min-width:85px;padding:7px 4px}
.feed-top #use-cell{pointer-events:auto;display:flex;align-items:center;gap:6px;min-width:48px;min-height:44px;font:10px monospace;background:#11180f88;border-radius:3px}
.feed-top #clock{margin-left:auto;font-size:8px}.feed-top #pause{pointer-events:auto;width:44px;height:44px;border:0;margin-left:auto}
.feed-bottom{bottom:5px;left:12px;right:12px;align-items:center;font-size:8px;z-index:8}
#sound-game{font:8px monospace;min-height:36px;padding:0 4px}
.camera-bottom{position:absolute;z-index:7;left:0;right:0;bottom:37px;padding:30px 13px 0;background:linear-gradient(transparent,#080e09e8 22%,#080e09f5);pointer-events:none}
.camera-bottom button,.camera-bottom input{pointer-events:auto}
.lens-controls{display:flex;justify-content:center;align-items:center;gap:10px;height:44px}
.lens-controls button{width:44px;height:44px;font-size:25px}.lens-controls #install-lens{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;width:59px}
#lens-status{min-width:48px;text-align:center;color:#d9dfcc}
.signal-control{padding:4px 0 8px;border:0}.signal-heading,.recording-label{font-size:8px}
.signal-track{height:40px}.signal-track #tuning{height:40px}.signal-track:before{top:19px}#signal-band{top:9px}
.recording-bar{height:9px;margin-top:5px}.recording-label{margin-top:2px}
.camera-bottom .room-nav{margin:0;min-height:44px}.camera-bottom .room-nav button{border:0;width:44px}
.camera-bottom .room-nav p{display:none}.camera-bottom .room-nav span{font-size:8px}
.evidence-progress{bottom:auto;top:62px;left:12px;right:12px;display:flex;justify-content:space-between;font-size:8px}
.evidence-progress #evidence-time{display:none}
.camera-aim{position:absolute;left:50%;top:43%;width:72px;height:58px;transform:translate(-50%,-50%);border:1px solid #d4dcc33b;pointer-events:none;z-index:3;clip-path:polygon(0 0,25% 0,25% 7%,7% 7%,7% 25%,0 25%,0 0,100% 0,100% 25%,93% 25%,93% 7%,75% 7%,75% 0,100% 0,100% 100%,75% 100%,75% 93%,93% 93%,93% 75%,100% 75%,100% 100%,0 100%,0 75%,7% 75%,7% 93%,25% 93%,25% 100%,0 100%)}
.monitor.hidden .camera-aim{display:none}.find-mark{font:17px monospace;color:#cdd1bb77;text-shadow:0 1px 4px #000}
.part{transform:translate(-50%,-50%);filter:none}.part:hover .find-mark{color:#eee}
@media(max-width:400px){.feed-top #clock{display:none}}
@media(max-height:500px) and (orientation:landscape){.game{display:block;max-width:680px}.game .monitor{height:380px;min-height:380px}.camera-bottom{left:auto;width:43%;background:linear-gradient(90deg,transparent,#080e09ee 12%);top:65px;bottom:37px;padding:20px 12px 0}.camera-aim{left:50%}}

.monitor{user-select:none;-webkit-user-select:none}