:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#eee9db;background:#091317;font-synthesis:none;--gold:#c7ad7e;--muted:#a6b1b0;--ink:#101c21}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:1px solid #d0d3c52b;padding:14px 20px;transition:background .2s,border-color .2s,transform .2s}button:hover{background:#d1bd9220;border-color:#c7ad7e}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #d7c393;outline-offset:5px}button:disabled{opacity:.4;cursor:default}button.primary{background:#d6c6a2;color:#162328;border:none;display:flex;justify-content:space-between;align-items:center;font-weight:600}button.primary:hover{background:#eee1c3;transform:translateY(-1px)}button.text-button{border:0;color:#d5d7cc;font-size:13px;text-align:left;padding:18px 0}.hidden{display:none!important}canvas#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#vignette,#grain{pointer-events:none;position:fixed;inset:0}#vignette{background:radial-gradient(ellipse at 57% 42%,transparent 30%,#04101780 100%);z-index:1}#grain{opacity:.035;z-index:25;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.screen{position:fixed;inset:0;z-index:5}#title{background:linear-gradient(90deg,#071319ee 0%,#071319b8 34%,transparent 75%);padding:38px 5.5vw 28px}.edition{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:2.5px;color:#c1c9c5}.tiny-clock{font-size:28px;color:var(--gold)}.edition-no{margin-left:auto;color:#dbdacb}.title-content{position:absolute;top:18%;left:8vw}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:500;color:var(--gold)}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,7.4vw,116px);font-weight:400;line-height:.94;letter-spacing:-3px;margin:27px 0 22px}h1 em{font-style:normal;color:#c9b78e}.title-dot{color:#c9b78e}.title-sub{display:flex;align-items:center;gap:16px;font-size:15px;letter-spacing:6px}.line{width:42px;height:1px;background:var(--gold)}.tagline{font-size:12px;line-height:1.8;color:#aebbbd;margin:25px 0 28px;letter-spacing:1px}nav{width:256px}nav .primary{width:100%;padding:17px 22px;margin-bottom:9px;letter-spacing:2px;font-size:13px}.title-bottom{position:absolute;bottom:28px;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#a5b4b8}.scene-caption{position:absolute;right:8vw;bottom:18%;color:#dcd8c6}.scene-caption>span{font-family:Georgia,serif;font-size:44px;letter-spacing:2px}.scene-caption i{display:block;width:35px;height:1px;background:var(--gold);margin:16px 0}.scene-caption p{font-size:12px;letter-spacing:3px}#hud{position:fixed;inset:0;pointer-events:none;z-index:4}#hud button{pointer-events:auto}header{display:flex;justify-content:space-between;padding:30px 36px;background:linear-gradient(#07121c88,transparent)}.chapter-mark{display:flex;gap:18px;align-items:center}.chapter-mark>span{font:38px Georgia,serif;color:var(--gold);border-right:1px solid #c1aa7660;padding-right:20px}.chapter-mark p{font-size:9px;letter-spacing:2.8px;margin:0 0 7px;color:#e1e3d2}.chapter-mark h2{font-size:14px;font-weight:400;letter-spacing:2px;margin:0}.hud-right{display:flex;align-items:center;gap:20px}#save-status{font-size:10px;letter-spacing:1px;color:#d4dccc;opacity:0;transition:opacity .5s}#pause-btn{padding:10px 14px;background:#08161e55}#objective{position:absolute;left:38px;top:132px;max-width:290px;padding:0 16px 8px 0;text-shadow:0 2px 8px #000}#objective p{font-size:14px;line-height:1.7;margin:10px 0 15px}.progress-track{height:1px;width:100%;background:#d7c59444}.progress-track i{display:block;height:1px;background:var(--gold);transition:width 1s}#controls{position:absolute;bottom:25px;left:36px;right:36px;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.7px;color:#e1e2d3;text-shadow:0 2px 5px #000}kbd{font:10px Segoe UI,sans-serif;letter-spacing:1px;border:1px solid #e2ddc948;border-radius:3px;padding:4px 7px;background:#0b17264d}#journal-btn{border:0;margin-left:auto;padding:8px;font-size:10px}#waypoint{position:absolute;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 5px #000);transition:opacity .2s;transform:translate(-50%,-100%)}#waypoint>span{font-size:25px;color:#ead6a4}#waypoint small{font-size:10px;color:#f3e5c7;margin-top:3px}#interact{position:absolute;bottom:20%;left:50%;transform:translate(-50%);background:#0c1c25db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #d2b97980;display:flex;align-items:center;gap:16px;font-size:13px;white-space:nowrap}#interact kbd{background:var(--gold);color:#162328;border:0;padding:7px 10px}#cinema-top,#cinema-bottom{pointer-events:none;position:fixed;left:0;right:0;height:0;background:#050a0d;z-index:7;transition:height .7s}#cinema-top{top:0}#cinema-bottom{bottom:0}.cinematic #cinema-top,.cinematic #cinema-bottom{height:8vh}.cinematic #objective,.cinematic #controls,.cinematic #waypoint,.cinematic #interact,.cinematic #touch{opacity:0;pointer-events:none}.cinematic header{opacity:0}#dialogue{position:fixed;z-index:9;bottom:11vh;left:19%;width:62%;padding:20px 28px;background:linear-gradient(90deg,#0a161de0,#0a161db3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:2px solid var(--gold)}#speaker{font-size:11px;letter-spacing:3px;color:#dac396;margin:0 0 14px;text-transform:uppercase}#speech{font-size:clamp(16px,1.5vw,21px);font-weight:300;line-height:1.7;letter-spacing:.7px;min-height:36px;margin:0 0 15px}#next{display:flex;gap:12px;align-items:center;border:none;padding:5px 0;margin-left:auto;font-size:10px;color:#c4c8ba}#next:hover{background:none;color:#fff}#chapter-card{position:fixed;inset:0;z-index:14;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:#071218a3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#card-number{font:70px Georgia,serif;color:var(--gold)}#card-title{font-weight:300;font-size:32px;letter-spacing:9px;margin:24px 0}#card-subtitle{font-size:11px;letter-spacing:4px;color:#bcc4bf}#fade{position:fixed;inset:0;background:#061015;pointer-events:none;opacity:0;z-index:12;transition:opacity .65s}#flash{position:fixed;inset:0;background:#fffae7;pointer-events:none;opacity:0;z-index:11;transition:opacity .5s}.modal{position:fixed;inset:0;z-index:20;background:#06121bd4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center}.panel{width:min(440px,92vw);max-height:90vh;overflow:auto;padding:38px;background:#122329e8;border:1px solid #c6ae783d;box-shadow:0 20px 120px #0005}.panel h2{font-size:25px;font-weight:300;letter-spacing:3px;margin:20px 0 25px}.panel>button{width:100%;margin-top:12px;text-align:center;justify-content:center;font-size:13px}.panel-note{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:28px}.panel label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:23px 0;gap:14px}.panel select{background:#0c1a20;color:#dedccb;border:1px solid #6c796c;padding:9px;font-size:12px}.panel input[type=range]{width:140px;accent-color:var(--gold)}.panel input[type=checkbox]{accent-color:var(--gold)}.control-list{border-top:1px solid #9b9a7738;padding-top:10px;margin-top:25px}.control-list p{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#acb9b7}.control-list kbd{font-size:9px}#ending{z-index:16;background:radial-gradient(ellipse at center,#18333aee,#071319);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#ending h2{font-family:Georgia,Microsoft YaHei,serif;font-weight:300;font-size:clamp(24px,3vw,42px);letter-spacing:4px;margin:30px 0 10px}#ending>p{font-size:11px;letter-spacing:3px;color:#c1c6bb}.ending-rule{height:1px;width:44px;background:var(--gold);margin:25px 0}.ending-credit{line-height:2.5}.ending-credit span{font-size:10px;letter-spacing:1px;color:#849b9d}#ending button{margin-top:25px;width:230px;justify-content:center;font-size:12px}.clock-symbol{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;position:relative;margin:24px}.clock-symbol:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);position:absolute;top:26px;left:26px}.clock-symbol i,.clock-symbol b{position:absolute;width:1px;left:27px;bottom:28px;background:var(--gold);transform-origin:bottom;height:19px;animation:rewind 12s linear infinite}.clock-symbol b{height:14px;animation-duration:36s}@keyframes rewind{to{transform:rotate(-360deg)}}#loading{position:fixed;inset:0;background:#09181e;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center}#loading p{letter-spacing:5px;font:17px Georgia,serif}#loading span{font-size:10px;color:#9daaaa;letter-spacing:2px;margin-top:15px}#toast{position:fixed;z-index:30;top:25px;left:50%;transform:translate(-50%);background:#172d33ee;border:1px solid #bba47455;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s}.journal-panel{width:min(650px,92vw)}#journal-content{max-height:45vh;overflow:auto;margin:20px 0;padding-right:15px}#journal-content p{font-size:14px;line-height:1.8;color:#e1dfcf}#journal-content b{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:400;margin-bottom:5px}#touch,.fatal #loading{display:none}#error p{font-size:13px;line-height:1.8}body.day #objective,body.day #controls{text-shadow:0 1px 7px #000,0 1px 3px #000}body.day header{background:linear-gradient(#12212d9e,transparent)}@media(max-height:720px){.title-content{top:15%}h1{font-size:clamp(55px,6.4vw,87px);margin:16px 0}.tagline{margin:18px 0}.title-content .eyebrow{margin:8px 0}.title-sub{font-size:12px}.panel{padding:25px}}@media(max-width:700px){#title{padding:24px}.edition{font-size:8px;letter-spacing:1px}.title-content{left:8%;top:19%}h1{font-size:72px}.title-bottom{left:24px;right:24px;font-size:8px;line-height:1.8}.title-bottom>span:last-child{display:none}.tagline{max-width:230px;font-size:11px}.chapter-mark>span{font-size:28px}header{padding:20px}.chapter-mark h2{font-size:12px}#objective{top:95px;left:22px;max-width:230px}#objective p{font-size:12px}#controls{display:none}#dialogue{left:6%;width:88%;padding:18px;bottom:12vh}#speech{font-size:16px}#touch{display:flex;position:absolute;bottom:24px;left:22px;right:22px;justify-content:space-between;align-items:end;pointer-events:none}#touch button{pointer-events:auto;background:#13283099;touch-action:none;border-radius:50%;width:46px;height:46px;padding:0}#pad{display:grid;grid-template-columns:46px 46px 46px;gap:5px}#pad button:first-child{grid-column:2}#pad button:nth-child(2){grid-column:1}#interact{bottom:27%;padding:10px}#save-status{display:none}#card-title{font-size:25px;letter-spacing:4px}.scene-caption{display:none}}