@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
:root{color-scheme:dark;--red:#d15643;--paper:#ddd7c5;--muted:#a49f94}*{box-sizing:border-box}body{margin:0;background:#080c0c;color:var(--paper);font-family:'Noto Sans KR',sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #8c8a744a;background:#171c1bd9;padding:15px 20px;text-align:left;font-size:15px;transition:.2s}button:hover{border-color:var(--paper);background:#353932}button:focus-visible{outline:2px solid #f8d985;outline-offset:4px}[hidden]{display:none!important}#world{width:100vw;height:100dvh;position:fixed;inset:0;image-rendering:auto}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 32%,#02050599 100%);box-shadow:inset 0 0 130px #0008}.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 2px,#000 3px 4px)}header{position:fixed;top:28px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;text-shadow:0 2px 8px #000}.brand{font-size:25px;letter-spacing:5px;font-weight:700}.brand span{display:block;font-size:10px;letter-spacing:2px;margin-top:3px}.night{text-align:center}.night span{display:block;font-size:13px;color:#bbb7a8}.night strong{font:30px monospace;letter-spacing:3px}header button{padding:10px 14px;font-size:14px}kbd{font:12px monospace;border:1px solid #c9c6b452;padding:3px 5px;border-radius:3px}#mission{position:fixed;top:130px;left:38px;border-left:2px solid var(--red);padding-left:16px;max-width:320px;text-shadow:0 2px 6px #000}small,.eyebrow{font-size:12px;letter-spacing:2px;color:#b4ac97}#mission p{font-size:16px;margin:9px 0}#place{font-size:13px;color:#b7b0a0}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.7;font:18px monospace}#prompt{position:fixed;top:59%;left:50%;transform:translateX(-50%);font-size:15px;text-align:center;background:#080d0be8;border:1px solid #b2ae8360;padding:13px 20px;display:none}#subtitle{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);text-align:center;max-width:700px;width:85%;font-size:18px;text-shadow:0 2px 6px #000;background:#0009;padding:14px;display:none}#bottom{position:fixed;bottom:25px;left:38px;right:38px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#bbb8a7}.screen{position:fixed;inset:0;display:flex;align-items:center;background:#050b0b80;backdrop-filter:blur(3px)}#title{background:linear-gradient(90deg,#050a0bfa 0%,#050a0bc9 36%,#050a0b0a 100%);backdrop-filter:none}.title-inner{margin-left:8vw;width:460px}.eyebrow{letter-spacing:3px;font-size:11px}.small-title{font-size:27px;letter-spacing:12px;margin:32px 0 -18px}h1{font:900 clamp(100px,12vw,180px)/1.2 'Noto Sans KR',sans-serif;margin:0;letter-spacing:-8px;color:#ece7d6}h1 span{font-size:35px;letter-spacing:0;margin-left:15px}.tagline{font-size:20px;letter-spacing:2px}.title-rule{width:42px;height:2px;background:var(--red);margin:27px 0}.intro{line-height:1.9;color:#a8aa9d;font-size:15px}.primary{background:#b54635;border:1px solid #ce6450;color:#fff1de;display:flex;justify-content:space-between;width:100%;margin:22px 0 10px}.primary:hover{background:#cc5b46;border-color:#ed9981}.title-inner button{width:310px}.meta{font-size:11px;color:#92968a;margin-top:24px}.sound-note{font-size:12px;color:#aaa99c}.title-aside{position:absolute;right:7%;bottom:12%;font-size:13px;color:#a6aaa0}.title-aside>span{letter-spacing:5px}.title-aside strong{display:block;font:24px monospace;margin:14px 0}.stamp{color:#b85b48;border:2px solid #984f40;padding:12px 20px;transform:rotate(-9deg);width:120px;text-align:center;font-weight:bold;line-height:1.8;margin-top:40px}#modal,#pause{justify-content:center;z-index:20;background:#030909b8}article{background:#131b19;border:1px solid #6d756344;border-top:2px solid #b8503c;width:min(590px,90vw);padding:35px 40px;max-height:85dvh;overflow:auto;box-shadow:0 30px 100px #0009}h2{font-size:27px;line-height:1.4;margin:20px 0}#modalBody{line-height:1.95;font-size:16px;color:#c0c3b3;white-space:pre-line}#choices{display:flex;flex-direction:column;gap:10px;margin-top:25px}#choices button{line-height:1.6}#pause p{color:#b3b8a7}#pause label{display:flex;gap:30px;align-items:center;margin-top:30px}#pause input{accent-color:var(--red)}#warning{position:fixed;top:25%;left:50%;transform:translateX(-50%);padding:15px 24px;background:#721f19df;border:1px solid #cd5b49;color:#fff;text-align:center;z-index:5}#mobile{display:none;position:fixed;right:20px;bottom:55px;grid-template-columns:repeat(3,50px);gap:5px}#mobile button{padding:12px;text-align:center;touch-action:none}#touchUse{grid-column:1/4}@media(pointer:coarse){#mobile{display:grid}#bottom{display:none}}@media(max-width:700px){.title-inner{margin:30px;width:85vw}.title-aside{display:none}.title-inner button{width:100%}.small-title{margin-top:25px}h1{font-size:110px}.eyebrow{font-size:10px}.meta{max-width:270px;line-height:1.7}header{left:20px;right:20px;top:20px}.brand{font-size:20px}.brand span{display:none}#mission{left:20px;top:100px;max-width:250px}article{padding:25px}#bottom{font-size:10px;left:15px;right:15px}#subtitle{bottom:240px}}
/* Sparse HUD over the physical motel. */
#world{outline:none}.vignette{background:radial-gradient(ellipse,transparent 48%,#02040877 100%);box-shadow:inset 0 0 80px #0005}.grain{opacity:.045}#title{background:linear-gradient(90deg,#05080be8 0%,#05080bba 29%,#05080b20 68%,#05080b08)}.title-inner{margin-left:7vw;width:440px}.small-title{font-size:24px;letter-spacing:14px}h1{font-size:clamp(105px,11vw,154px)}.tagline{font-size:18px;letter-spacing:3px}.title-aside{bottom:9%;right:6%;background:#080e0d99;padding:22px 26px;border-left:1px solid #b2aa8140}.title-aside .stamp{margin-top:22px}.title-inner .primary{background:#893e31;border-color:#ba6049}.meta{line-height:1.7}header{top:26px;left:30px;right:30px}header nav{display:flex;gap:8px}header button{background:#0b141395;border-color:#b3ae8525;backdrop-filter:blur(4px);font-size:13px}#mission{top:121px;left:30px;max-width:310px;background:linear-gradient(90deg,#091110c9,#09111000);padding:10px 20px 12px 15px}#mission p{font-size:15px;line-height:1.7}#crosshair{font-size:16px}#prompt{top:61%;border-color:#c6b89970;background:#09100ce8;font-size:15px;padding:12px 20px}#bottom{font-size:12px;padding:10px 14px;bottom:15px;left:20px;right:20px;background:linear-gradient(90deg,#060b0aaa,transparent,#060b0aaa)}#modal article{background:linear-gradient(130deg,#1a201e,#111917);border-color:#88806a55;border-top-color:#a4523e}#modalMeta{color:#ac9c7c}#modalBody{font-size:16px;line-height:2}#choices button{background:#232921;border-color:#9c967341}#choices button:hover{background:#394031}#floorMap{position:fixed;right:30px;top:110px;z-index:6;width:274px;background:#101b18ed;border:1px solid #737b6555;padding:16px;box-shadow:0 15px 60px #000a}#floorMap>div{display:flex;justify-content:space-between;align-items:center;font-size:14px}#floorMap button{padding:6px 10px;font-size:12px}#floorMap p{font-size:12px;line-height:1.7;color:#b5b9a7}#mapCanvas{width:240px;height:250px;margin-top:10px}#transition{position:fixed;inset:0;z-index:30;background:#05090b;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c65842}#transition small{color:#929886;font-size:14px;letter-spacing:5px}#transition strong{font:80px monospace;margin-top:30px}#renderError{font-size:14px;line-height:1.6;color:#e3ac94}#warning{font-size:14px;background:#55261de8}#hud .night{position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:700px){.title-inner{margin-left:25px;max-width:85vw}.title-aside{display:none}header{left:15px;right:15px}.brand{font-size:18px}header nav{gap:3px}header button{padding:8px;font-size:11px}header kbd{display:none}.night strong{font-size:22px}.night span{font-size:10px}#mission{left:15px;max-width:235px;top:97px}#floorMap{right:15px;top:97px}#hud .night{left:45%}.title-inner .eyebrow{font-size:9px;letter-spacing:1px}.intro{font-size:14px}}

#compatibility{font-size:12px;color:#9aa28e;line-height:1.7}