@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--lime:#d6e6a5}*{box-sizing:border-box}body{margin:0;background:#0a100e;color:#e3e8d9;font:12px 'IBM Plex Mono',monospace}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 2px,#000 3px 4px)}[hidden]{display:none!important}button{font:inherit;padding:16px 22px;cursor:pointer;background:#19221a;color:#d7e0cf;border:1px solid #53604b}button:hover{background:#394731}button:focus-visible{outline:3px solid var(--lime)}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff24;letter-spacing:2px}header span{font-size:9px;color:#87917f}header button{border:0;background:transparent;font-size:10px}#menu{position:relative;padding:6vh 7% 0;min-height:calc(100vh - 80px);overflow:hidden;background:radial-gradient(ellipse at right,#2b392850,transparent 60%)}small{display:block;font-size:9px;letter-spacing:2px;color:#9fab91}#menu>small{color:var(--lime)}h1{position:relative;z-index:2;font:800 clamp(60px,7.4vw,116px)/.91 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:30px 0}em{font-style:normal;color:var(--lime)}p{line-height:1.9;color:#a7b09c}.primary{background:var(--lime);color:#172010;border:0;font-weight:bold;letter-spacing:1px;min-width:270px}.primary:hover{background:#efffc9}#menu>p,#menu>button,details{position:relative;z-index:2}details{max-width:440px;margin-top:24px;color:#a5ae9c;font-size:10px}summary{cursor:pointer;letter-spacing:2px}.portrait{position:absolute;right:-2%;top:0;width:58%;height:90%;pointer-events:none}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.8) brightness(.42);mask-image:radial-gradient(ellipse,#000 8%,transparent 68%)}footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff25;padding:24px 0;margin-top:45px;font-size:9px;color:#8c9882;letter-spacing:1px}.hud{height:100px;display:flex;justify-content:space-between;align-items:center;padding:20px 4%}.hud strong{font-size:32px}.hud small{margin-top:10px;font-size:8px}.hud>div:last-child{text-align:right;color:var(--lime)}#office,#camera{height:calc(100dvh - 280px);min-height:360px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#414936,#1c241d 45%,#040807 90%)}#office:after{content:'';position:absolute;bottom:0;width:100%;height:15%;background:repeating-conic-gradient(#171c17 0% 25%,#293026 0% 50%) 0/100px 50px}.board{position:absolute;left:34%;top:10%;width:32%;height:45%;border:10px solid #49432d;background:#1c2c23;padding:25px 10px;text-align:center;transform:rotate(-2deg);font-size:20px;color:#a8b69d}.board small{font-size:9px;margin-top:20px;letter-spacing:0}.board p{font:20px cursive;opacity:.5;transform:rotate(-8deg);margin-top:35px}.window{position:absolute;top:15%;left:18%;width:12%;height:35%;border:8px solid #3e4236;background:linear-gradient(#142a31 60%,#061719 61%);padding:10px;font-size:9px;color:#91a394}.door{position:absolute;top:3%;bottom:0;width:14%;background:#020505;border:10px solid #30382d;z-index:3;box-shadow:0 0 30px #000}.left{left:0}.right{right:0}.door span{display:block;text-align:center;background:#3a4132;padding:9px 0;font-size:9px;color:#9ea88f}.door img{width:100%;height:80%;object-fit:cover;filter:grayscale(1) contrast(1.4) brightness(.6);margin-top:15%}.closed{background:repeating-linear-gradient(0deg,#394238 0 16px,#222a23 17px 19px)}.closed img{visibility:hidden}.desk{position:absolute;bottom:-25px;left:24%;width:52%;height:24%;background:linear-gradient(#5a5035 0 8%,#24251b 9%);z-index:4;border:2px solid #655b3e;transform:perspective(400px) rotateX(15deg)}.fan{position:absolute;right:16%;top:-82px;font-size:110px;color:#52604c;animation:spin .8s linear infinite}.paper{background:#81866d;color:#242b1e;font-size:9px;position:absolute;left:35%;padding:14px;transform:rotate(-10deg)}.cup{position:absolute;top:-35px;left:10%;font-size:40px}.live{position:absolute;bottom:16px;left:20px;font-size:9px;letter-spacing:2px;z-index:6;color:#bccfa7}nav{display:flex;justify-content:center;gap:12px;padding:12px 3%}nav button{flex:1;max-width:310px;font-size:10px}nav button:last-child{flex:0;min-width:48px}.active{background:#633b2e;border-color:#df9675}#message{text-align:center;height:28px;margin:0;padding:6px;font-size:10px;color:var(--lime)}#camera{background:radial-gradient(ellipse,#414e40,#101b17);box-shadow:inset 0 0 150px #000}#camera:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 2px 6px);animation:noise .15s infinite}#camname{position:absolute;top:25px;left:25px;letter-spacing:3px}.wall{text-align:center;padding-top:70px;letter-spacing:5px;color:#85947a;font-size:22px}.wall small{margin-top:12px;font-size:8px}#figures{display:flex;justify-content:center;height:70%;gap:15px}figure{width:150px;height:90%;margin:0;padding-top:25px}figure img{width:100%;height:85%;object-fit:cover;filter:grayscale(1) contrast(1.5) brightness(.7);mask-image:linear-gradient(#000 75%,transparent)}figcaption{text-align:center;font-size:9px;letter-spacing:2px}#map{position:absolute;bottom:16px;right:16px;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0a150fec;border:1px solid #5f7050;padding:12px;width:220px;z-index:2}#map small{grid-column:span 2;margin-bottom:8px;font-size:8px}#map button{padding:9px;font-size:8px}#map .active{background:var(--lime);color:#172010}#ending{padding:15vh 10%;min-height:80vh;background:radial-gradient(ellipse at right,#30402c,transparent)}h2{font:800 clamp(48px,8vw,105px)/1 'Barlow Condensed',Impact,sans-serif}#ending p{max-width:580px;margin-bottom:32px}#ending button{margin:8px}#scare,#paused{position:fixed;inset:0;z-index:30;background:#070b08;display:flex;flex-direction:column;align-items:center;justify-content:center}#scare{background:#600d06}#scare img{position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(2);animation:scare .09s infinite}#scare h2{z-index:1;text-align:center;font-size:45px;margin-top:60vh;text-shadow:0 4px 10px #000}body.blackout #office{filter:brightness(.12)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes noise{50%{opacity:.23;transform:translateY(3px)}}@keyframes scare{50%{transform:scale(1.2) translate(10px,-5px);filter:contrast(3)}}@media(max-width:700px){header span{display:none}header{height:60px}#menu{padding:6vh 6% 0}h1{font-size:65px}.portrait{width:90%;right:-35%;opacity:.7}footer{font-size:8px}footer span{max-width:160px}.board{left:24%;width:52%;font-size:15px}.window{display:none}.door{width:19%}nav{gap:4px;padding:10px 4px}nav button{font-size:8px;padding:14px 4px}.hud small{font-size:6px}#map{width:170px}figure{width:100px}#figures{justify-content:flex-start}#scare h2{font-size:28px}.wall{font-size:15px}#office,#camera{height:calc(100dvh - 250px)}}
#play{position:relative}#world3d{position:absolute;top:100px;left:0;width:100%;height:calc(100dvh - 280px);min-height:360px;background:#080e0b;overflow:hidden}#world3d canvas{display:block;width:100%;height:100%;touch-action:pan-y}#world3d.surveillance{filter:grayscale(.85) contrast(1.22) brightness(.9)}#office,#camera{background:transparent;box-shadow:none;pointer-events:none}#office>.window,#office>.board,#office>.door,#office>.desk,#office:after,#camera>.wall,#figures{display:none!important}#map{pointer-events:auto;width:250px;height:190px;background:linear-gradient(90deg,transparent 49%,#98a88922 50%,transparent 51%),linear-gradient(transparent 49%,#98a88922 50%,transparent 51%),#08120ce8}#map button{border:1px solid #9eaf8c;border-radius:2px}#map button:nth-of-type(4),#map button:nth-of-type(5){background:#2d3827}#map button.active{background:#d6e6a5}#camera:after{z-index:1}#camera:before{content:'';position:absolute;inset:15px;border:1px solid #d4e6bc44;z-index:1;pointer-events:none}#camname{background:#07110ca0;padding:8px;z-index:2}#scare{background:transparent;pointer-events:none}#scare img{display:none}#scare:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff25 4px 5px);animation:noise .08s infinite}#scare h2{font-size:32px;background:#040a07a9;padding:15px 25px}body.blackout #world3d{filter:brightness(.2)}.credits{display:block;color:#91a17f;font-size:8px;text-decoration:none;padding-bottom:15px}#webglerror{position:absolute;z-index:9;inset:0;padding:60px;background:#111b14;color:#e8efd9;font-size:18px}@media(max-width:700px){#world3d{height:calc(100dvh - 250px)}#map{width:175px;height:170px}#scare h2{font-size:22px}}

#camera:after{opacity:.045;animation:none}#world3d.surveillance{filter:grayscale(.85) contrast(1.12) brightness(.95)}