:root{color-scheme:dark;--ink:#ece7d8;--muted:#a6aea6;--accent:#c7ac7f;--line:rgba(211,217,198,.22);font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;background:#080d0c;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{color:inherit}a{color:inherit;text-decoration:none}button{background:none;border:none}button:hover,a:hover{color:#fff}button[hidden],[hidden]{display:none!important}#scene,#scene canvas{position:fixed;inset:0;display:block;width:100%;height:100%}#scene{touch-action:none}#vignette,#grain,#flash,#fade,#letterbox{position:fixed;inset:0;pointer-events:none}#vignette{background:radial-gradient(ellipse at 52% 46%,transparent 24%,rgba(0,4,4,.38) 70%,rgba(0,4,4,.78) 100%);z-index:1}#grain{z-index:2;opacity:.035;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}#letterbox{z-index:2;border-top:18px solid #060a09;border-bottom:18px solid #060a09;opacity:.65}#flash{z-index:5;background:#bdcac1;opacity:0;transition:opacity .2s}#fade{z-index:15;background:#030605;opacity:0;transition:opacity .85s;visibility:hidden}#fade.active{visibility:visible;opacity:1}.screen{position:fixed;inset:0;z-index:10;overflow-y:auto}.title-top{position:absolute;top:35px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;font:11px/1.6 ui-monospace,monospace;letter-spacing:1.8px;color:#aab3a6}.title-top>a{font-size:14px;letter-spacing:2px}.title-main{position:relative;margin:clamp(110px,19vh,210px) 0 100px 10vw;max-width:650px;width:78vw}.eyebrow{font:11px/1.8 ui-monospace,monospace;letter-spacing:4px;color:var(--accent);margin:0 0 30px}.small-line{display:inline-block;width:26px;height:1px;background:var(--accent);vertical-align:middle;margin-right:17px}h1{font-weight:400;line-height:1.16;font-size:clamp(54px,6.8vw,108px);letter-spacing:.09em;margin:0 0 15px;text-shadow:0 3px 35px #000}.title-separator{color:var(--accent);font-size:.5em;vertical-align:middle;padding:0 .08em;opacity:.5}.title-sub{font-size:.66em}.english-title{font:9px/1.5 ui-monospace,monospace;letter-spacing:4px;color:#a1aaa1;margin:0 0 38px}.intro{font-size:16px;line-height:2.1;letter-spacing:3px;color:#c7cdbe;margin:0 0 36px;text-shadow:0 1px 8px #000}.title-actions{display:flex;flex-direction:column;max-width:300px;gap:4px}.primary{display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid rgba(226,221,195,.5);background:rgba(129,136,110,.14);padding:18px 22px;min-height:58px;text-align:left;letter-spacing:3px;font-size:16px;transition:background .2s,border-color .2s}.primary:hover{background:rgba(197,178,140,.22);border-color:var(--accent)}.primary>span:last-child{font-family:Arial,sans-serif;letter-spacing:0}.text-button{padding:13px 2px;text-align:left;font-size:13px;color:#aeb7ac;letter-spacing:2px;display:flex;justify-content:space-between}.quiet{font:12px/1.9 system-ui,sans-serif;color:#9da69b;letter-spacing:.5px}.content-note{font:11px/1.6 system-ui,sans-serif;color:#8f998e;margin-top:20px}.title-footer{position:absolute;bottom:30px;left:5vw;right:5vw;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font:10px/1.8 system-ui,sans-serif;color:#9ba496;letter-spacing:2px}#title-screen{background:linear-gradient(90deg,rgba(3,8,7,.84),rgba(3,8,7,.35) 48%,transparent 85%)}#hud{position:fixed;inset:0;z-index:4;pointer-events:none;font-family:system-ui,sans-serif}.hud-top{position:absolute;top:37px;left:38px;right:38px;display:flex;align-items:center;gap:22px;font-size:11px;color:#adb5a5;letter-spacing:3px}.hud-mark{color:#e0dfc8;font-family:serif;font-size:16px}.hud-top button{margin-left:auto;pointer-events:auto;border:1px solid var(--line);height:34px;width:36px;font-size:16px}#crosshair{position:absolute;top:50%;left:50%;width:3px;height:3px;background:#dddacb;border-radius:50%;box-shadow:0 0 4px #000;transform:translate(-50%,-50%);opacity:.7}#crosshair.target{width:12px;height:12px;background:transparent;border:1px solid #ddd3b7}#interact{position:absolute;top:calc(50% + 27px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#e7e8da;text-shadow:0 2px 6px #000;font-size:13px;white-space:nowrap}kbd{font:11px/1.2 system-ui,sans-serif;border:1px solid #a4ac97;padding:4px 6px;border-radius:2px;background:#10171299}#subtitle{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);width:min(82vw,660px);font-family:"Songti SC",serif;text-align:center;font-size:18px;letter-spacing:2px;line-height:1.9;text-shadow:0 2px 10px #000,0 0 20px #000;white-space:pre-line;transition:opacity .4s}#subtitle:not(:empty){background:radial-gradient(ellipse,#0305049c,transparent 75%);padding:14px}.hud-bottom{position:absolute;bottom:38px;left:38px;right:38px;display:flex;justify-content:space-between;gap:30px;font-size:11px;letter-spacing:1px;color:#aab09e;text-shadow:0 1px 5px #000}#objective{max-width:55%;line-height:1.8}#save-status{position:absolute;bottom:70px;right:38px;font-size:10px;color:#afbba3}.overlay{background:rgba(3,7,6,.91);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:55px 24px}.pause-card{width:min(100%,390px)}h2{font-size:32px;font-weight:400;letter-spacing:3px;line-height:1.5;margin:12px 0 24px}.pause-card>.primary{width:100%;margin:25px 0 14px}.menu-row{display:flex;width:100%;padding:15px 0;border-bottom:1px solid var(--line);justify-content:space-between;letter-spacing:2px;font-size:14px}.menu-row>span{font:12px system-ui,sans-serif;color:#aab09e}.hint-text{font-size:14px;line-height:1.9;color:#d0bd96;margin:14px 0}.hint-text:empty{display:none}dialog{background:#121914;color:#e0e3d2;border:1px solid #747b624d;width:min(620px,92vw);max-height:85dvh;padding:30px 38px;box-shadow:0 20px 160px #000}dialog::backdrop{background:#020504b3;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font:10px ui-monospace,monospace;letter-spacing:3px;color:#adb69e}.dialog-top button{width:34px;height:34px;font-size:18px}.dialog-foot{border-top:1px solid var(--line);padding-top:20px;color:#808e7a;font-size:11px;letter-spacing:2px;margin-top:32px}#reader-body{font-size:16px;line-height:2;color:#c4cbb9}#reader-body p{margin:12px 0}#reader-body strong{color:#dfc696;font-weight:400}.record{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.record h3{font-size:17px;color:#d6c19e}.record small{font:11px system-ui,sans-serif;color:#899c87}.puzzle-input{font:28px ui-monospace,monospace;letter-spacing:12px;width:100%;padding:14px 18px;background:#070d08;border:1px solid #68735a;color:#d6dbbd;outline:none}.puzzle-options{display:grid;gap:10px;margin:20px 0}.puzzle-options button{border:1px solid var(--line);text-align:left;padding:13px 16px;font-size:15px;line-height:1.5}.puzzle-options button:hover{border-color:#bfbd98;background:#606f4126}.puzzle-options button.selected{color:#cbd9ab;background:#70815333;border-color:#899c68}.puzzle-feedback{min-height:27px;color:#d6b892!important;font-size:14px}.setting{display:flex;align-items:center;justify-content:space-between;gap:15px;font:14px/2 system-ui,sans-serif;margin:24px 0}.setting input[type=range]{width:42%;accent-color:#afa982}.setting output{width:45px;text-align:right;color:#b8bca9;font-size:12px}.setting input[type=checkbox]{accent-color:#ada77f;width:20px;height:20px}.setting select{background:#21291f;color:#e1e1ce;padding:6px 12px;border:1px solid var(--line)}.ending-card{max-width:460px;width:100%;text-align:center}.ending-card h2{font-size:clamp(36px,5vw,58px);letter-spacing:5px}.ending-card p{line-height:2.1;font-size:15px;color:#b8c0ae}.ending-card .eyebrow{font-size:10px;color:var(--accent)}.ending-quote{font-size:20px!important;color:#dedbc3!important;margin:32px 0}.ending-line{width:40px;height:1px;background:#afa57d;margin:30px auto}.ending-card .primary{width:100%;margin:25px 0}.exit-link{font:12px system-ui,sans-serif;letter-spacing:2px;color:#a4ad98}.fatal{position:fixed;inset:0;z-index:30;background:#07100b;color:white;padding:20vh 15vw;font:18px/2 system-ui,sans-serif}.fatal a{display:block;text-decoration:underline}#touch-controls{position:absolute;inset:0;pointer-events:none}#stick{position:absolute;bottom:95px;left:30px;width:100px;height:100px;border:1px solid #c0c8b44d;border-radius:50%;pointer-events:auto;touch-action:none;background:#171d1322}#stick-knob{display:block;position:absolute;top:33px;left:33px;width:32px;height:32px;background:#c1cab746;border:1px solid #b9c5ac77;border-radius:50%}#touch-controls button{position:absolute;pointer-events:auto;right:30px;border:1px solid #b4c4a36e;background:#101d0a55;border-radius:50%;width:65px;height:65px;font-size:13px}#touch-interact{bottom:115px}#touch-light{bottom:195px}.loading-note{color:#bdcbac} @media(max-height:740px) and (min-width:761px){.title-main{margin-top:110px}.eyebrow{margin-bottom:15px}.english-title{margin-bottom:20px}.intro{margin-bottom:20px}.content-note{margin-top:12px}.title-footer{bottom:20px}.title-actions{gap:0}.primary{padding:14px 20px;min-height:50px}.title-main h1{font-size:75px}}@media(max-width:760px){.title-top{top:25px;left:7vw;right:7vw}.title-top>span{display:none}.title-main{margin:135px 0 120px 8vw;width:86vw}.title-main h1{font-size:64px}.eyebrow{font-size:10px;letter-spacing:2px}.english-title{font-size:8px;letter-spacing:1.8px}.intro{font-size:15px;letter-spacing:2px}.title-actions{max-width:280px}.title-footer{position:relative;margin:0 7vw 25px;left:auto;right:auto;bottom:auto;display:block}.title-footer>span{display:block;margin:5px 0}.title-footer>span:last-child{display:none}.title-top>a{font-size:13px}.hud-top{top:25px;left:20px;right:20px}.hud-bottom{bottom:25px;left:20px;right:20px;font-size:10px}#equipment{max-width:38%;text-align:right}#subtitle{font-size:16px;bottom:21%}dialog{padding:22px}.setting{gap:8px;font-size:13px}.setting input[type=range]{width:35%}h2{font-size:27px}.overlay{padding:30px 24px}.pause-card .eyebrow{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#reader-body .clue-photo{display:block;width:100%;max-height:310px;object-fit:contain;margin:16px auto 22px}