:root{color-scheme:dark; font-family: "Segoe UI", "Noto Sans JP", sans-serif;background:#05080d;color:#e8f9ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 50% 45%,#102230 0,#070d15 45%,#020407 100%)}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #fff;outline-offset:4px}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.frame{width:min(100%,1200px);padding:7px;background:#101b24;border:1px solid #314756;box-shadow:0 0 0 1px #060a0f,0 24px 80px #000,0 0 35px #00cfff15}.screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}.scene{position:absolute;inset:0}.scene[hidden]{display:none}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px);opacity:.12}.sound{position:absolute;z-index:10;top:3.2%;right:2.2%;display:flex;align-items:center;gap:9px;min-height:40px;padding:0 13px;color:#bdefff;background:#061018d9;border:1px solid #477384;font-size:11px;letter-spacing:.13em}.sound:hover,.start:hover{border-color:#8cf7ff;color:#fff;box-shadow:0 0 20px #00dfff44}.sound b{color:#69eaff}.sound-icon{font-size:15px}.frame-caption{display:flex;justify-content:space-between;padding:10px 4px 3px;color:#7894a1;font:9px monospace;letter-spacing:.12em}.frame-caption b{color:#f45163}.frame-caption i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5be8ff;box-shadow:0 0 8px #5be8ff}.orientation{display:none;color:#a8c2cc;font-size:12px;margin:0 0 10px;text-align:center}.boot{display:grid;place-items:center;background:radial-gradient(ellipse,#102434 0,#02070b 60%,#000 100%)}.boot-content{width:min(70%,480px)}.boot-mark{font:700 clamp(20px,4vw,42px) monospace;color:#8ef6ff;letter-spacing:.15em;margin-bottom:clamp(8px,2vw,24px);text-shadow:0 0 20px #00d8ff}.boot-mark span,.version span{color:#f55c6a}.eyebrow{color:#6dc5d8;font:10px monospace;letter-spacing:.22em}.boot h1{font:700 clamp(18px,3vw,32px) monospace;letter-spacing:.1em;margin:12px 0;color:#e6fcff}.version{font:clamp(10px,1.2vw,13px) monospace;color:#8daab6;letter-spacing:.08em}.dots{animation:blink 1s infinite}.progress{height:2px;background:#1d3a48;margin:24px 0 12px}.progress i{display:block;width:100%;height:100%;background:#6df0ff;box-shadow:0 0 9px #00e1ff;animation:load 3s linear}.boot-foot{color:#587785;font:9px monospace;letter-spacing:.13em}.boot-foot span{animation:blink .7s infinite}.title{display:grid;place-items:center;background:radial-gradient(ellipse at center,#14232e 0,#070b12 50%,#010204 100%)}.title-inner{display:flex;align-items:center;flex-direction:column;width:80%;text-align:center}.logo{display:block;max-width: min(70%,560px);max-height:47vh;object-fit:contain;mix-blend-mode:screen}.start{min-width:200px;min-height:48px;padding:12px 28px;margin-top:clamp(8px,2vw,22px);color:#ddfaff;background:#0a1a25;border:1px solid #5bdaf2;letter-spacing:.19em;font-size:12px;font-weight:700;box-shadow:0 0 20px #00dfff20}.start span{color:#ff5d68;margin-right:12px}.title-note{color:#66818c;font:9px monospace;letter-spacing:.18em}.room-image{width:100%;height:100%;object-fit:cover}.room-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0009,transparent 25%,transparent 55%,#0008)}.location{position:absolute;top:4%;left:3%;font:10px monospace;letter-spacing:.16em;color:#c5e7f0;text-shadow:0 1px 4px #000}.location b{color:#f35c6a;margin:0 5px}.status-dot{margin-right:7px}.message{position:absolute;left:3%;right:3%;bottom:4%;min-height:20%;padding:clamp(10px,1.6vw,20px) clamp(14px,2vw,24px);background:linear-gradient(100deg,#08141df2,#07111beb);border:1px solid #3a7185;border-left:3px solid #6cecff;box-shadow:0 8px 30px #0009}.message-label{color:#69d6e8;font:10px monospace;letter-spacing:.17em}.message-label span{color:#f15a68}.message-label i{float:right;color:#68838d;font-style:normal}.message p{margin:clamp(8px,1.5vw,18px) 0 0;font-size:clamp(12px,1.5vw,17px);letter-spacing:.05em;line-height:1.5}@keyframes load{from{width:0}to{width:100%}}@keyframes blink{50%{opacity:.2}}@media (orientation:portrait){.orientation{display:block}.app{padding:12px}.frame-caption{font-size:8px}.sound{top:5px;right:5px;min-height:32px;font-size:9px;padding:0 8px}.sound-icon{display:none}.title .eyebrow{display:none}.logo{max-height:47%;max-width:60%}.start{min-height:36px;min-width:160px;padding:8px;margin-top:5px;font-size:10px}.title-note{margin:5px}.message{bottom:3%;min-height:24%}.message-label{font-size:8px}.message p{font-size:11px;margin-top:6px}.location{font-size:8px}.boot-content{width:70%}.boot h1{margin:4px 0}.boot-mark{margin-bottom:3px}.boot .eyebrow,.boot-foot{font-size:8px}.progress{margin:7px 0}.version{margin:4px 0}}@media (max-height:450px) and (orientation:landscape){.app{padding:5px}.frame{width:min(100%,calc((100dvh - 30px)*16/9));padding:3px}.frame-caption{padding:3px;font-size:7px}.logo{max-height:38vh}.start{min-height:36px;margin-top:5px}.title-note{margin:5px}}
/* Game interactions */
.frame{position:relative}.room-shade{pointer-events:none}.location{z-index:2}.hotspot{position:absolute;z-index:3;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.hotspot:focus-visible{outline:2px solid #a0f8ff;background:#00d9ff44}.debug .hotspot{background:#00d9ff55;border:2px solid #00f7ff}.monitor-hotspot{left:9%;top:25%;width:24%;height:24%}.trash-hotspot{left:6%;top:73%;width:13%;height:24%}.chair-hotspot{left:36%;top:42%;width:20%;height:42%}.door-hotspot{left:63%;top:15%;width:17%;height:47%}.terminal-hotspot{left:85%;top:37%;width:15%;height:39%}.paper-hotspot{left:39%;top:36%;width:22%;height:31%}.message{position:relative;left:auto;right:auto;bottom:auto;min-height:0;margin:7px 0 0;padding:11px 16px}.message p{margin:7px 0 0;font-size:clamp(12px,1.3vw,16px);white-space:pre-line}.panel[hidden],.message[hidden],.hotspot[hidden],#hotspots[hidden],.ending-overlay[hidden]{display:none}.panel{position:relative;margin:7px 0 0;padding:14px 18px;background:#07131deb;border:1px solid #3a7185;color:#e6faff}.panel h2{margin:0 0 8px;color:#76eaff;font:700 14px monospace;letter-spacing:.12em}.panel p{margin:6px 0;line-height:1.5;font-size:14px}.panel button,.back{border:1px solid #4c94a8;background:#102834;color:#eaffff;min-height:40px;padding:8px 15px;cursor:pointer;touch-action:manipulation}.panel button:hover,.panel button:focus-visible{border-color:#95f7ff;background:#194453}.panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.panel .back{border-color:#61717b;color:#d0e0e5}.memo{background:#e6e0c5;color:#222;padding:14px 20px;max-width:430px;font-size:15px;line-height:1.6;box-shadow:0 4px 18px #0007}.memo strong{color:#111}.sticky{background:#f6db80;color:#241b0a;padding:12px 22px;display:inline-block;transform:rotate(-2deg);box-shadow:0 4px 18px #0009}.sticky strong{display:block;font:700 30px monospace;letter-spacing:.12em}.terminal-text{font:13px/1.7 monospace;color:#7cecff;white-space:pre-line}.keypad{display:grid;grid-template-columns:repeat(3,minmax(52px,1fr));gap:5px;max-width:340px}.keypad button{min-height:40px}.pin{font:700 22px monospace;letter-spacing:.28em;color:#d9faff;margin:8px 0}.security-layout{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.security-layout .keypad{flex:1 1 180px}.security-info{min-width:150px}.alert{color:#ff7480!important}.captcha-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:240px}.captcha-grid button{min-height:46px;font-size:25px;padding:3px}.captcha-grid button.selected{background:#136a7a;border:2px solid #a2ffff}.panel .wide{max-width:340px}.ending-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:#0008;color:#e4fbff;text-shadow:0 0 25px #00cfff;font:700 clamp(26px,5vw,62px) monospace;letter-spacing:.08em}.ending-overlay small{display:block;font-size:clamp(11px,1.5vw,18px);margin-top:12px;color:#a3eeff}.screen.fade::after{content:"";position:absolute;inset:0;background:#000;z-index:8;animation:fadeout .7s forwards;pointer-events:none}@keyframes fadeout{from{opacity:0}to{opacity:1}}@media(orientation:portrait){.panel{padding:12px}.panel button{min-height:44px}.keypad button{min-height:44px}.message{padding:10px}.message p{font-size:13px}.frame-caption{font-size:8px}}@media(max-height:500px) and (orientation:landscape){.app{justify-content:flex-start}.frame{width:min(100%,calc((100dvh - 110px)*16/9))}.panel{padding:8px}.panel h2,.panel p{margin:3px 0}.keypad button,.panel button{min-height:34px}.captcha-grid button{min-height:34px;font-size:20px}.message{padding:6px 10px}.message p{margin:3px 0}}
@media (orientation:landscape) and (min-width:700px) and (min-height:500px){.panel.terminal-overlay{position:absolute;z-index:6;top:16%;left:39%;width:24%;max-height:63%;overflow-y:auto;margin:0;padding:12px;background:#030a0df2;border:1px solid #346a78}.panel.terminal-overlay .captcha-grid{max-width:100%}.panel.terminal-overlay .captcha-grid button{min-height:40px;font-size:22px}.panel.terminal-overlay .panel-actions{gap:5px}.panel.terminal-overlay button{padding:6px 9px;min-height:36px}}