:root{--ink:#18100a;--wood:#5a3614;--wood2:#894f22;--cream:#f5f1e8;--amber:#ffca4e;--green:#8ed081;--mono:'JetBrains Mono',monospace;--display:'Preahvihear',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#18100a}body{font-family:var(--mono)}.page{position:relative;min-height:100vh;display:grid;place-items:center;padding:30px}.room{position:relative;overflow:hidden;width:min(94vw,147vh,1600px);aspect-ratio:16/10;background:#293e20;border:5px solid #0c0805;box-shadow:0 28px 60px #000b}.beam{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 118px,#1a2b18 118px 126px)}.window{position:absolute;left:7%;top:9%;width:21%;aspect-ratio:1.35;background:#243f53;border:12px solid var(--wood);box-shadow:8px 8px #172018}.window::before,.window::after{content:"";position:absolute;background:var(--wood)}.window::before{left:48%;top:0;bottom:0;width:8px}.window::after{left:0;right:0;top:47%;height:8px}.window i{position:absolute;width:5px;height:5px;background:#f8fcff}.window i:nth-child(1){left:16%;top:20%}.window i:nth-child(2){right:18%;top:25%}.window i:nth-child(3){left:26%;bottom:18%}.window i:nth-child(4){right:25%;bottom:20%}.shelf{position:absolute;right:4%;top:10%;display:flex;align-items:flex-end;gap:7px;width:22%;height:14%;border-bottom:10px solid var(--wood2)}.shelf span{width:20%;height:55%;background:#c4531e;border:4px solid #18100a}.shelf span:nth-child(2){height:82%;background:#8aa6ba}.shelf span:nth-child(3){height:65%;background:#c98b2a}.floor{position:absolute;left:0;right:0;bottom:0;height:25%;background:repeating-linear-gradient(90deg,#5a3614 0 85px,#3a2810 85px 91px);border-top:8px solid #18100a}.desk{position:absolute;z-index:3;right:7%;bottom:15%;width:61%;height:58%;background:var(--wood);border:7px solid #18100a;box-shadow:12px 12px #172018}.desk::before,.desk::after{content:"";position:absolute;top:100%;width:9%;height:25%;background:var(--wood);border:6px solid #18100a;border-top:0}.desk::before{left:7%}.desk::after{right:7%}.terminal{position:absolute;left:6%;right:6%;top:6%;height:77%;overflow:hidden;background:#07100d;border:9px solid #282c33;box-shadow:8px 8px #18100a;color:var(--green)}.terminal header{height:clamp(25px,3.2vh,36px);display:flex;align-items:center;gap:6px;padding:0 9px;background:#282c33;color:#a0abbd;font-size:clamp(9px,1.2vh,13px)}.terminal header i{width:7px;height:7px;background:#c4531e}.terminal header i:nth-child(2){background:#ffca4e}.terminal header i:nth-child(3){background:#8ed081}.terminal header span{margin-left:7px}.terminal pre{max-height:calc(100% - 36px);overflow:hidden;margin:0;padding:clamp(9px,1.4vh,15px);white-space:pre-wrap;font:500 clamp(10px,min(1.15vw,1.65vh),16px)/1.38 var(--mono);text-shadow:0 0 8px #8ed08166}.terminal pre::after{content:"█";animation:blink .8s steps(1) infinite}.keyboard{position:absolute;left:19%;bottom:2%;width:62%;height:9%;background:#40454b;border:5px solid #18100a;transform:skewX(-12deg)}.raccoon{position:absolute;z-index:5;left:7%;bottom:18%;width:180px;height:180px;display:grid;place-items:end center;filter:drop-shadow(8px 8px #172018)}.raccoon svg{margin:0!important}.tail-shadow{position:absolute;z-index:2;left:13%;bottom:18%;width:20%;height:8%;background:#172018;transform:skewX(-20deg)}.back,.replay{position:absolute;z-index:10;top:18px;border:3px solid #18100a;background:var(--cream);color:var(--ink);padding:9px 12px;text-decoration:none;font:600 9px var(--mono);text-transform:uppercase;box-shadow:4px 4px #18100a}.back{left:18px}.replay{right:18px;cursor:pointer}.draft{position:absolute;bottom:8px;color:#9a8878;font:500 8px var(--mono);letter-spacing:.08em}@keyframes blink{50%{opacity:0}}@media(max-width:650px){html,body,.page{height:100%;min-height:100%}.page{display:block;padding:0;overflow:hidden}.room{width:100vw;height:100dvh;min-height:100svh;aspect-ratio:auto;border:0}.window{width:34%;left:4%;top:6%;border-width:8px}.shelf{right:4%;width:36%;top:7%}.desk{right:2%;bottom:18%;width:82%;height:54%;border-width:5px}.terminal{left:4%;right:4%;top:5%;height:78%;border-width:7px}.terminal header{height:26px}.terminal pre{max-height:calc(100% - 26px);padding:9px;font-size:clamp(9px,2.75vw,11px);line-height:1.34}.keyboard{bottom:2%;height:8%;border-width:4px}.raccoon{left:-8%;bottom:16%;transform:scale(.68);transform-origin:bottom left}.back,.replay{top:auto;bottom:max(9px,env(safe-area-inset-bottom));padding:8px 10px}.back{left:max(9px,env(safe-area-inset-left))}.replay{right:max(9px,env(safe-area-inset-right))}.draft{display:none}}@media(max-width:380px){.desk{width:86%;height:55%}.raccoon{left:-11%;transform:scale(.6)}.terminal pre{font-size:9px}.window{width:38%}}@media(max-height:560px) and (orientation:landscape){.page{padding:10px}.room{width:min(94vw,147vh);}.back,.replay{top:8px;bottom:auto}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}}