:root{color-scheme:dark;font-family:Songti SC,STSong,SimSun,Georgia,serif;color:#c3c0a6;background:#121b16;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid #73796266;border-radius:0;min-height:48px;padding:10px 19px;touch-action:manipulation;transition:background .2s,border-color .2s,color .2s}button:hover{background:#a8a68717;border-color:#b9b48b;color:#e0d8b7}button:focus-visible{outline:2px solid #d7c08b;outline-offset:4px}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}#app,#game{width:100vw;height:100dvh}#game canvas{display:block}#interface{width:1280px;height:720px;position:fixed;left:50%;top:50%;transform-origin:center;pointer-events:none}#interface button,#interface input{pointer-events:auto}#sound-button{position:absolute;right:3px;top:14px;width:82px;height:76px;padding:8px 0;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:8;color:#a9b194}#language-switcher{position:absolute;right:88px;top:24px;z-index:8;display:flex;gap:2px;border:1px solid #63715766;padding:2px}#language-switcher button{min-height:27px;padding:3px 8px;border:0;font:11px Georgia,serif;letter-spacing:1px}#language-switcher button[aria-pressed=true]{background:#a9956024;color:#e0d8b7}#language-switcher[inert]{opacity:.35;pointer-events:none}#sound-button svg{width:26px;height:26px}#sound-label{font-size:12px;letter-spacing:1px;white-space:nowrap}.sound-slash,.muted .sound-waves{display:none}.muted .sound-slash{display:block}#sound-button[inert]{opacity:.35;pointer-events:none}#hud{position:absolute;left:94px;right:228px;top:21px;height:73px;display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:20px;align-items:center}.brand{display:flex;gap:14px;align-items:center;font-size:27px;color:#c2b78f}.brand-mark{font-size:39px;font-weight:300;color:#9c9e7d}.brand small{display:block;font-family:Georgia,serif;font-size:8px;letter-spacing:2px;color:#7d8771;margin-top:7px}.chapter{text-align:center;min-width:0}.chapter>span{font-family:Georgia,serif;font-size:10px;letter-spacing:3px;color:#929d83}.chapter h1{font-size:23px;font-weight:400;letter-spacing:7px;margin:7px 0 0}nav{display:flex;align-items:center;gap:12px}nav button{border:0;font-size:15px;letter-spacing:2px;padding:12px;white-space:nowrap}nav button>span:last-child{display:inline-flex;align-items:center;justify-content:center;border:1px solid #717a60;border-radius:50%;width:19px;height:19px;font:11px Georgia,serif;margin-left:6px}#restart-button{font-size:29px;color:#939d83}.title-screen{position:absolute;inset:0;padding:133px 0 0 119px}.eyebrow{display:flex;align-items:center;gap:16px;font-size:13px;letter-spacing:5px;color:#a5ac8e}.eyebrow>span:empty{width:32px;height:1px;background:#8f9b7d;flex-shrink:0}.title-screen h1{font-size:104px;font-weight:400;letter-spacing:18px;line-height:1;margin:39px 0 0;color:#d4ceb0;text-shadow:2px 4px 1px #17211b55}.title-screen h1>span{display:block}#title-subtitle{font-size:30px;letter-spacing:14px;margin-top:25px}.english-title{font-size:10px;letter-spacing:5px;margin:21px 0 0;color:#8f9d81}.intro{font-size:17px;line-height:2;letter-spacing:2px;color:#9da58c;margin:30px 0 0}.start-button{min-width:260px;height:59px;margin-top:33px;text-align:left;padding-left:28px;border-color:#a4a181;color:#d0c8a7;font-size:18px;letter-spacing:4px;background:#77806b10}.start-button>span:last-child{margin-left:32px;font-size:23px}.title-meta{font-size:11px;color:#7f8d76;letter-spacing:3px;margin-top:18px}.title-footer{position:absolute;bottom:30px;left:64px;right:64px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#7b8c78}#room-caption{position:absolute;left:98px;right:97px;top:604px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#89937e}#location-number{font:10px Georgia,serif;letter-spacing:2px}.room-nav{position:absolute;top:295px;height:125px;width:85px;border:0;padding:0}.room-nav.left{left:4px}.room-nav.right{right:4px}.room-nav>span{font:52px Georgia,serif;display:block;color:#a2ab8f}.room-nav small{font:12px Georgia,serif;color:#7e8b75}#hotspots{position:absolute;inset:0}.hotspot{position:absolute;min-height:0;padding:0;border:0;background:transparent!important}.hotspot span{position:absolute;white-space:nowrap;bottom:-12px;left:50%;transform:translate(-50%);background:#17271ce8;color:#d1c9a7;padding:6px 13px;font-size:13px;letter-spacing:2px;opacity:0;transition:opacity .2s;pointer-events:none}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}.hotspot:focus-visible{outline:1px dashed #d1c295;outline-offset:1px}.using-item .hotspot{cursor:crosshair}#toast{position:absolute;bottom:122px;left:50%;transform:translate(-50%) translateY(4px);width:max-content;max-width:960px;background:#14221cef;border:1px solid #90917770;padding:12px 25px;text-align:center;font-size:16px;letter-spacing:1px;opacity:0;transition:opacity .25s,transform .25s;z-index:3}#toast.visible{opacity:1;transform:translate(-50%)}#inventory-bar{position:absolute;inset:634px 95px 0;display:flex;align-items:center;gap:24px;border-top:1px solid #5c6c524d}.inventory-label{width:93px;flex-shrink:0}.inventory-label>span{font-size:16px;letter-spacing:3px;white-space:nowrap}.inventory-label small{display:block;font:9px Georgia,serif;letter-spacing:2px;color:#75846e;margin-top:7px}#inventory{display:flex;gap:9px;flex:1;overflow-x:auto;scrollbar-width:thin;padding:4px;pointer-events:auto}.inventory-item,.empty-slot{width:66px;height:65px;min-height:65px;flex-shrink:0;border:1px solid #63715766;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;color:#b9b395;position:relative}.inventory-item svg{width:39px;height:39px;flex-shrink:0}.inventory-item>span{font-size:10px;margin-top:2px;max-width:100%;line-height:1.15;overflow-wrap:anywhere}.empty-slot{color:#5b6a55}.inventory-item.selected{border-color:#c3ad79;background:#a9956024;box-shadow:inset 0 0 0 2px #baa57516}#item-actions{width:310px;flex-shrink:0;display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}#selected-label{font-size:11px;letter-spacing:1px;color:#8e9a81;width:100%;text-align:right}#item-actions button{min-height:27px;padding:3px 8px;font-size:12px;border:0;border-bottom:1px solid #6a765a}#modal-layer{position:absolute;inset:0;background:#0e1813bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:10}#modal{width:760px;max-height:616px;overflow-y:auto;background:#2a3529;border:1px solid #939474;outline:4px solid #1c2a1f;box-shadow:0 22px 90px #09140bb3,inset 0 0 75px #17251b55;padding:22px 44px 33px;scrollbar-width:thin}.modal-heading{display:flex;align-items:center;justify-content:space-between}#modal-kicker{font-size:11px;color:#9ba787;letter-spacing:3px}#close-modal{border:0;font-size:30px;padding:0;width:48px;min-height:48px;margin-right:-17px}#modal h2{font-size:29px;letter-spacing:4px;font-weight:400;margin:11px 0 24px;color:#dad0ad}#modal p{font-size:18px;line-height:1.95;letter-spacing:1px}#modal .muted{font-size:14px;color:#93a187}.clue-text{white-space:pre-line}.primary{border-color:#a4a07c;background:#9c976128;color:#d8ceaa;letter-spacing:2px}.wide{width:100%}.panel-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:30px}.item-inspection{text-align:center;padding:10px;color:#c3b68d}.item-inspection svg{height:100px;width:100px}.journal-list{display:grid;gap:9px}.journal-list button{display:flex;gap:20px;align-items:center;text-align:left;border:0;border-bottom:1px solid #75846144;min-height:53px}.journal-list small{color:#93a17e;font:12px Georgia,serif}.journal-list button span:last-child{margin-left:auto}.clock-puzzle{display:flex;align-items:center;justify-content:center;gap:40px}.clock-face{width:227px;height:227px;flex-shrink:0;border-radius:50%;border:8px double #454c38;background:#b3ac89;box-shadow:0 0 0 6px #797051,inset 0 0 25px #675d3a66;position:relative;color:#343d2c}.clock-face span{position:absolute;font:21px Georgia,serif}.clock-top{top:10px;left:50%;transform:translate(-50%)}.clock-bottom{bottom:10px;left:50%;transform:translate(-50%)}.clock-left{left:11px;top:46%}.clock-right{right:10px;top:46%}.clock-face i{display:block;position:absolute;left:calc(50% - 2px);bottom:50%;background:#343a2a;transform-origin:center bottom;border-radius:2px}#hour-hand{width:5px;height:55px}#minute-hand{width:3px;height:77px}.clock-face b{position:absolute;top:calc(50% - 5px);left:calc(50% - 5px);height:10px;width:10px;border-radius:50%;background:#343a2a}.clock-controls{display:grid;gap:12px}.clock-controls>div{display:flex;align-items:center;gap:12px}.clock-controls>div>span{font-size:14px;width:70px}.clock-controls button{min-width:49px;padding:8px}.clock-controls output{width:30px;text-align:center;font:24px Georgia,serif}#modal .puzzle-feedback{font-size:14px;color:#b3b18c;margin-bottom:0;min-height:28px}.combination{display:flex;justify-content:center;gap:28px;margin:23px 0}.combination>div{display:flex;flex-direction:column;width:87px;gap:7px}.combination output{background:#17251c;padding:13px;font:42px Georgia,serif;text-align:center;color:#d3c59b}.combination button{font-size:22px}#film-frames{display:flex;gap:15px;margin:24px 0}.film-frame{padding:10px;flex:1;min-width:0;border:1px solid #7a8667}.film-frame small{display:block;color:#9ca887;margin-bottom:8px;font:12px Georgia,serif}.film-frame svg{width:100%;display:block;opacity:.85}.film-frame>span{display:block;margin-top:13px;letter-spacing:3px}.film-frame.active{outline:2px solid #c5b07c;background:#a3985529}.machine-status{display:flex;justify-content:space-around;padding:35px 0;border-block:1px solid #647655}.memory-image{width:330px;margin:0 auto;border:9px solid #1a271c}.memory-image svg{display:block;width:100%}#ending{position:absolute;inset:0;background:#16221aee;pointer-events:auto;z-index:7;overflow-y:auto}.ending-inner{margin:49px auto;width:680px;text-align:center}.ending-inner .eyebrow{justify-content:center}.ending-inner h1{font-size:46px;line-height:1.5;font-weight:400;color:#c6c4a4;letter-spacing:7px;margin:22px 0}.ending-inner em{font-style:normal;color:#cfb38a}.ending-inner p{font-size:16px;line-height:1.8;color:#a3b195}.ending-inner .last-line{color:#c5c19d;margin-top:22px}.ending-inner .start-button{margin-top:10px}.ending-inner .ending-footnote{font-size:10px;letter-spacing:3px;margin-top:25px}#rotate-notice{display:none;position:fixed;inset:0;z-index:30;background:#1b291f;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}#rotate-notice>span{font:70px Georgia,serif;color:#b5ab7d}#rotate-notice h2{font-size:24px;font-weight:400;letter-spacing:4px}#rotate-notice p{font-size:14px;line-height:2;color:#98a88c}:lang(en) .title-screen h1{font-size:64px;letter-spacing:5px}:lang(en) #title-subtitle{font-size:28px;letter-spacing:2px}:lang(en) .english-title{display:none}:lang(en) .eyebrow{letter-spacing:2px}:lang(en) .intro{max-width:530px;letter-spacing:.5px}:lang(en) .start-button{letter-spacing:1px}:lang(en) .brand{font-size:20px}:lang(en) .chapter h1{letter-spacing:1px}:lang(en) nav button{letter-spacing:0}:lang(en) .inventory-label>span{font-size:14px;letter-spacing:0}:lang(en) .inventory-item{width:102px}:lang(en) .inventory-item svg{height:32px}:lang(en) .inventory-item>span{min-height:23px;display:flex;align-items:center;justify-content:center}:lang(en) #modal h2,:lang(en) .film-frame>span{letter-spacing:1px}:lang(en) .ending-inner h1{font-size:38px;letter-spacing:1px}:lang(en) .title-footer{gap:40px;letter-spacing:1px}:lang(en) .title-footer>span:last-child{text-align:right}@media(orientation:portrait)and (max-width:900px){#rotate-notice{display:flex}}@media(max-height:550px)and (orientation:landscape){#sound-button{top:7px;right:0;width:88px;height:88px}#language-switcher{top:22px;right:94px}#language-switcher button{min-height:40px;font-size:18px}#sound-button svg{width:34px;height:34px}#sound-label{font-size:19px;letter-spacing:0}button{min-height:88px;font-size:23px}#hud{top:10px;height:86px;right:290px;grid-template-columns:180px minmax(0,1fr) auto;gap:14px}nav button{min-width:88px;font-size:23px;padding:8px}nav button>span:last-child{font-size:16px;width:25px;height:25px}#restart-button{font-size:39px}.brand small{display:none}.chapter h1{font-size:29px;letter-spacing:3px}.chapter>span{font-size:15px}#inventory-bar{top:625px;left:91px;right:91px;gap:12px}.inventory-label{width:82px}.inventory-label>span{font-size:22px;letter-spacing:1px}.inventory-label small{font-size:12px}.inventory-item,.empty-slot{width:90px;height:90px;min-height:90px}.inventory-item svg{width:49px;height:49px}.inventory-item>span{font-size:16px}#inventory{gap:5px}#item-actions{width:227px;flex-shrink:0;flex-wrap:nowrap;gap:5px}#selected-label{display:none}#item-actions button{min-height:88px;font-size:23px;padding:6px;width:107px;border:1px solid #63715766}#room-caption{font-size:15px}#location-number{font-size:14px}#toast{font-size:24px;max-width:1040px}#modal{width:1060px;max-height:652px;padding:13px 38px 24px}#modal h2{font-size:34px;margin:4px 0 16px}#modal-kicker{font-size:18px}#close-modal{width:88px;min-height:88px;font-size:46px}#modal p{font-size:26px;line-height:1.7}#modal .muted,#modal .puzzle-feedback{font-size:22px}.journal-list button{min-height:88px}.journal-list small{font-size:20px}.clock-puzzle{gap:65px}.clock-controls>div>span{font-size:23px;width:116px}.clock-controls button{min-width:88px}.clock-controls output{width:44px;font-size:32px}.combination{margin:12px 0;gap:38px}.combination>div{width:108px}.combination output{padding:3px}.combination button{font-size:28px}#film-frames{margin:15px 0}.film-frame small{font-size:18px}.film-frame svg{max-height:148px}.film-frame>span{font-size:25px}.memory-image{width:290px}.title-screen{padding-top:75px}.title-screen h1{margin-top:30px}.eyebrow{font-size:20px}.intro{font-size:25px}.start-button{height:88px;font-size:27px}.title-meta,.title-footer{font-size:17px}.english-title{font-size:14px}.ending-inner{width:890px}.ending-inner p{font-size:25px}.ending-inner .ending-footnote{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}#new-game-button{margin-left:18px;vertical-align:bottom;height:59px}#inventory{min-width:0}.puzzle-cards{display:flex;gap:18px;margin:20px 0}.puzzle-cards>*{flex:1;min-width:0;text-align:center}.plate{padding:17px}.plate small{display:block;color:#9aa585}.plate span{display:grid;place-items:center;border:4px double #aaa482;border-radius:50%;aspect-ratio:1.6;margin-top:15px;font-size:28px;background:#aea78018}.plate[aria-pressed=true]{outline:2px solid #c5b07c;background:#a3985529}.watering>div{display:grid;gap:8px}.water-vessel{height:82px;border:2px solid #8f9a7e;position:relative;overflow:hidden;background:repeating-linear-gradient(to top,transparent 0 15%,#bec1a62b 15% 17%)}.water-vessel i{position:absolute;bottom:0;left:0;width:100%;background:#718f80a8}.water-vessel output{position:relative;display:grid;place-items:center;height:100%;font:32px Georgia,serif}.pipe-board{width:228px;margin:12px auto 20px}.pipe-port{display:block;width:50%;text-align:center;color:#b4c4a0}.pipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid #909c7e}.pipe-grid button{padding:0;position:relative;aspect-ratio:1;background:#1d3025;color:#b1b598}.pipe-grid svg{display:block;width:100%}.pipe-grid small{position:absolute;right:4px;bottom:2px;font-size:11px;background:#1d3025dc}.music-keys b{display:block;font:36px Georgia,serif}.music-keys span{display:block}.music-keys .lit{background:#bbad73;color:#233c2b;border-color:#e0d6a0;outline:3px solid #bfae72}.music-playback{text-align:center;color:#d6c697;min-height:36px}.route-map{height:205px;position:relative;border:1px solid #8c9777;background:repeating-linear-gradient(-14deg,#72857529 0 2px,transparent 2px 30px),#1e342c;margin:16px 0}.landmark{position:absolute;padding:8px 12px;background:#263c2f}.landmark.rocks{left:7%;top:8%}.landmark.moon{left:8%;bottom:12%}.landmark.bridge{left:41%;top:9%}.landmark.reeds{left:43%;bottom:10%}.landmark.lighthouse{right:4%;top:32%}@media(max-height:550px)and (orientation:landscape){#new-game-button{height:88px}.puzzle-cards{margin:12px 0}.plate span{font-size:36px;aspect-ratio:2.4}.watering{gap:30px}.watering>div>span{font-size:24px}.water-vessel{height:65px}.pipe-board{width:242px}.pipe-port{font-size:22px}.pipe-grid small{font-size:19px}.route-map{height:229px}.landmark{padding:6px 15px}.music-keys b{font-size:30px}:lang(en) nav{gap:4px}:lang(en) nav button{font-size:20px}:lang(en) #restart-button{min-width:64px;font-size:39px}:lang(en) .brand{font-size:18px;gap:8px}:lang(en) .chapter h1{font-size:24px}:lang(en) .inventory-label>span{font-size:17px;white-space:normal}:lang(en) .inventory-item{width:128px}:lang(en) .inventory-item svg{height:43px}:lang(en) .inventory-item>span{font-size:15px;min-height:35px}:lang(en) #item-actions button{font-size:20px}:lang(en) .intro{max-width:570px;font-size:23px;line-height:1.7}:lang(en) .title-meta,:lang(en) .title-footer{font-size:15px;letter-spacing:1px}}