@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#101b25;--paper:#f1e9dc;--muted:#9da7ab;--accent:#e3c5a0;color:var(--paper);background:var(--ink);font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}.topbar{z-index:5;background:#101b25;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:85px;padding:0 42px;display:flex;position:relative}.brand{letter-spacing:5px;align-items:center;gap:13px;font:500 26px Noto Serif SC,serif;display:flex}.brand small{letter-spacing:3.8px;color:#a99e91;margin-top:5px;font:8px sans-serif;display:block}.moon-mark{color:#e3c5a0;font:44px Georgia}.tagline{letter-spacing:3px;color:#c1c1b9;font:12px Noto Serif SC,serif}.tagline span{letter-spacing:2px;color:#77828a;margin-top:9px;font:8px sans-serif;display:block}.topbar nav{align-items:center;gap:19px;display:flex}.icon-button{color:#aeb7bc;align-items:center;gap:8px;padding:8px 0;font-size:17px;display:flex}.button-label{font-size:11px}.icon-button i{background:#616f78;border-radius:50%;width:4px;height:4px}.icon-button i.on{background:#dbc6a6;box-shadow:0 0 7px #dbc6a6}#game{touch-action:none;background:#344254;outline:0;height:calc(100dvh - 164px);min-height:330px;position:relative;overflow:hidden}#viewport,#viewport canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{pointer-events:none;background:linear-gradient(#10192640,#0000 25% 70%,#0d18277a);position:absolute;inset:0;box-shadow:inset 0 0 120px #10172538}.location{pointer-events:none;position:absolute;top:37px;left:43px}.eyebrow{letter-spacing:3px;color:#d3d7d4c9;font:9px sans-serif}.location h1{letter-spacing:5px;text-shadow:0 2px 10px #0005;margin:10px 0 12px;font:400 24px Noto Serif SC,serif}.location p{letter-spacing:1.6px;color:#e1e4e1bc;align-items:center;gap:9px;margin:0;font-size:10px;display:flex}.location-dot{background:#d6c2a7;border-radius:50%;width:4px;height:4px}.weather-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#101d284a;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:15px;padding:12px 17px;display:flex;position:absolute;top:36px;right:42px}.weather-card>span{color:#d9d7c9;font-family:Georgia;font-size:32px}.weather-card div>span{letter-spacing:1.5px;font-size:11px}.weather-card small{letter-spacing:1px;color:#acb8c0;margin-top:7px;font-size:10px;display:block}.weather-card b{margin:0 7px;font-weight:400}.weather-lines{align-items:flex-end;gap:3px;height:19px;margin-left:13px;display:flex}.weather-lines i{background:#c1b696;width:2px;height:10px}.weather-lines i:nth-child(2){height:18px}.weather-lines i:nth-child(3){height:13px}.opening{pointer-events:none;transition:opacity .8s,transform .8s;position:absolute;bottom:99px;left:44px}.opening .eyebrow{color:#ddcdba;font-size:8px}.opening h2{letter-spacing:5px;text-shadow:0 2px 15px #0009;margin:20px 0 13px;font:400 34px Noto Serif SC,serif}.opening p{letter-spacing:1.5px;color:#d0d5d6;text-shadow:0 1px 8px #000;margin:0 0 25px;font-size:11px}.primary{pointer-events:auto;color:#26343c;letter-spacing:2px;background:#e9d6ba;justify-content:space-between;gap:45px;padding:13px 20px;font-size:12px;transition:background .2s;display:flex;box-shadow:0 3px 20px #0a162030}.primary:hover{background:#ffe9cc}.opening small{color:#b6bec3;letter-spacing:1px;margin-top:12px;font-size:9px;display:block}.opening.gone{opacity:0;pointer-events:none;transform:translateY(12px)}.opening.gone button{pointer-events:none}.scene-caption{letter-spacing:2px;color:#d8d5cbba;pointer-events:none;align-items:center;gap:14px;font:11px Noto Serif SC,serif;display:flex;position:absolute;bottom:25px;left:43px}.scene-caption>span:first-child{color:#d7c19e;font:10px sans-serif}.scene-caption i{background:#d7c19e88;width:30px;height:1px}.camera-help{letter-spacing:1px;color:#d6dfdf99;pointer-events:none;font-size:9px;position:absolute;bottom:26px;right:44px}.camera-help span{padding:0 8px}.bottom-bar{border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:20px;height:79px;padding:0 43px;display:flex}.controls{color:#8e9ba4;letter-spacing:1px;align-items:center;gap:25px;font-size:10px;display:flex}.controls>span{align-items:center;gap:9px;display:flex}kbd{text-align:center;letter-spacing:1px;color:#c4cbd0;background:#c9d4db04;border:1px solid #c9d4db22;border-radius:3px;min-width:23px;padding:0 6px;font:9px/22px system-ui;display:inline-block}.mode{border-left:1px solid #ffffff12;padding-left:24px}.mode i{background:#8aab9d;border-radius:50%;width:5px;height:5px}.weather-switch{border:1px solid #ffffff13;border-radius:4px;gap:4px;padding:4px;display:flex}.weather-switch button{color:#93a2ab;letter-spacing:1px;border-radius:2px;padding:9px 19px;font-size:11px;transition:background .3s,color .3s}.weather-switch button.active{color:#e2d9cb;background:#a4b7c617}.weather-switch button span{margin-left:6px}.cafe-button{letter-spacing:1.4px;color:#dfcbaa;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:flex}.cafe-button>span:last-child{margin-left:16px;font-size:16px}.interaction{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;white-space:nowrap;background:#0f1e2dd4;border:1px solid #dcc8a650;border-radius:4px;align-items:center;gap:13px;padding:11px 16px;font-size:12px;display:flex;position:absolute;bottom:94px;left:50%;transform:translate(-50%)}.interaction kbd{color:#ecd0a9;border-color:#d4bd963b}.interaction button{margin-left:8px;font-size:16px}.hidden{display:none!important}.toast{color:#e6dac6;letter-spacing:1px;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);white-space:nowrap;background:#122131d9;border:1px solid #ffffff1a;border-radius:4px;padding:12px 20px;font-size:11px;transition:opacity .3s,transform .3s;position:absolute;top:30px;left:50%;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}.panel{z-index:7;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#c4ced3;background:#132331ed;border:1px solid #ffffff17;border-radius:5px;width:285px;padding:22px;font-size:11px;position:absolute;top:25px;right:30px;box-shadow:0 12px 40px #0003}.panel-title{letter-spacing:2px;color:#eee4d3;justify-content:space-between;align-items:center;margin-bottom:25px;font:16px Noto Serif SC,serif;display:flex}.panel-title button{color:#a4afb7;font:22px system-ui}.panel label{letter-spacing:1px;margin:22px 0;display:block}.panel label span{float:right;color:#c3ac8c;font-size:10px}.panel input[type=range]{accent-color:#dac19c;width:100%;height:3px;margin-top:16px;display:block}.panel .toggle-label{justify-content:space-between;align-items:center;display:flex}.panel input[type=checkbox]{accent-color:#dac19c}.panel p{color:#9baeb8;font-size:10px;line-height:2.2}.panel small{color:#6c8799;letter-spacing:.5px;border-top:1px solid #ffffff13;padding-top:14px;font-size:9px;display:block}.panel p kbd{margin:0 4px 0 0}.secondary{color:#ddc5a6;letter-spacing:1px;background:#ffffff07;border:1px solid #ffffff15;width:100%;margin-top:8px;padding:11px;font-size:11px}#loader{z-index:8;background:#172530;flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .8s;display:flex;position:absolute;inset:0}#loader.done{opacity:0;pointer-events:none}.loading-moon{color:#dfc6a2;font:70px Georgia;animation:2s infinite breathe}#loading-text{letter-spacing:3px;color:#a3b0b6;font-size:11px}.loading-track{background:#ffffff12;width:130px;height:1px;overflow:hidden}.loading-track i{background:#d1b99b;width:50px;height:1px;animation:1.5s infinite progress;display:block}@keyframes progress{0%{transform:translate(-50px)}to{transform:translate(150px)}}@keyframes breathe{50%{opacity:.4}}#touch-controls{text-align:center;display:none;position:absolute;bottom:85px;left:20px}#touch-controls button{touch-action:none;background:#14233377;border:1px solid #ffffff27;border-radius:8px;width:42px;height:42px;margin:2px;font-size:19px}@media (max-width:900px){.topbar{height:70px;padding:0 25px}.tagline{display:none}.bottom-bar{height:72px;padding:0 25px}.controls{gap:15px}.mode{display:none}#game{height:calc(100dvh - 142px)}.location{top:26px;left:27px}.weather-card{top:26px;right:26px}.opening{bottom:90px;left:27px}.opening h2{font-size:28px}.scene-caption{left:27px}.camera-help{right:27px}.cafe-button{gap:8px}.cafe-button>span:last-child{margin-left:4px}.weather-switch button{padding:9px 13px}}@media (max-width:600px){.topbar{height:66px;padding:0 20px}.brand{font-size:22px}.moon-mark{font-size:37px}.topbar nav{gap:16px}.button-label{display:none}.bottom-bar{gap:12px;height:72px;padding:0 17px}#game{height:calc(100dvh - 138px)}.controls{display:none}.weather-switch button{padding:10px 12px}.cafe-button{font-size:10px}.location{top:25px;left:22px}.location h1{font-size:22px}.location .eyebrow{letter-spacing:2px;font-size:8px}.weather-card{gap:9px;padding:10px;top:24px;right:20px}.weather-card>span{font-size:26px}.weather-card div>span{font-size:9px}.weather-lines{display:none}.weather-card small{font-size:9px}.opening{bottom:95px;left:24px}.opening h2{letter-spacing:2px;font-size:27px}.opening p{letter-spacing:.6px;font-size:10px}.opening .eyebrow{letter-spacing:2px;font-size:7px}.scene-caption{letter-spacing:1px;gap:10px;font-size:9px;bottom:23px;left:23px}.camera-help{display:none}.panel{width:275px;top:15px;right:16px}.interaction{font-size:11px;bottom:92px}.toast{white-space:normal;text-align:center;max-width:90%;line-height:1.9;top:115px}#touch-controls.visible{display:block}}body{overscroll-behavior:none;flex-direction:column;height:100dvh;display:flex}.topbar{height:calc(85px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(42px,env(safe-area-inset-left));padding-right:max(42px,env(safe-area-inset-right));flex-shrink:0}#game{touch-action:auto;flex:1;height:auto;min-height:0}#viewport canvas{touch-action:none}.bottom-bar{height:calc(79px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:max(43px,env(safe-area-inset-left));padding-right:max(43px,env(safe-area-inset-right));flex-shrink:0}.icon-button,.panel-title button,.interaction button{justify-content:center;min-width:44px;min-height:44px}button{touch-action:manipulation}.panel{overscroll-behavior:contain;touch-action:pan-y;max-height:calc(100% - 30px);overflow-y:auto}.touch-instructions{display:none}#touch-controls{inset:auto max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left));z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;height:116px}#touch-controls.controls-hidden{visibility:hidden}.joystick-wrap{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:0;left:0}#touch-controls #joystick{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;touch-action:none;background:#1022308c;border:1px solid #e3c5a047;border-radius:50%;width:102px;height:102px;margin:0;display:block;position:relative;box-shadow:inset 0 0 24px #10233355}.joystick-ring{pointer-events:none;border:1px solid #e3c5a01f;border-radius:50%;position:absolute;inset:18px}#joystick-thumb{pointer-events:none;will-change:transform;background:#dcc8a632;border:1px solid #e3c5a090;border-radius:50%;width:43px;height:43px;position:absolute;top:calc(50% - 21.5px);left:calc(50% - 21.5px);box-shadow:0 2px 12px #0002}#joystick.active #joystick-thumb{background:#dcc8a664;border-color:#ead6b6}#joystick:disabled{opacity:.3}.touch-label{letter-spacing:2px;color:#e1d9ca;font-size:10px;line-height:12px}.touch-actions{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:17px;right:0}#touch-controls #touch-interact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;background:#12283ae6;border-color:#e3c5a05e;justify-content:space-between;align-items:center;gap:16px;width:auto;min-width:140px;height:50px;margin:0;padding:0 16px;font-size:12px;display:flex}.touch-zoom{gap:8px;display:flex}#touch-controls .touch-zoom button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12283abf;width:46px;height:44px;margin:0;font-size:22px;line-height:1}.touch-hint{text-align:center;letter-spacing:1px;color:#ddd7c8b3;text-shadow:0 1px 6px #000;margin:0;font-size:10px;position:absolute;bottom:125px;left:0;right:0}body.touch-mode #touch-controls.visible{display:block}body.touch-mode .interaction,body.touch-mode .controls,body.touch-mode .camera-help,body.touch-mode .desktop-instructions{display:none}body.touch-mode .touch-instructions{display:block}body.touch-mode .scene-caption{bottom:158px}body.touch-mode .weather-switch button,body.touch-mode .cafe-button{min-height:44px}body.touch-mode .panel input[type=range]{height:24px}@media (max-width:900px){.topbar{height:calc(70px + env(safe-area-inset-top));padding-left:max(25px,env(safe-area-inset-left));padding-right:max(25px,env(safe-area-inset-right))}.bottom-bar{height:calc(72px + env(safe-area-inset-bottom));padding-left:max(25px,env(safe-area-inset-left));padding-right:max(25px,env(safe-area-inset-right))}#game{height:auto}}@media (max-width:600px){.topbar{height:calc(66px + env(safe-area-inset-top));padding-left:max(17px,env(safe-area-inset-left));padding-right:max(17px,env(safe-area-inset-right))}.topbar nav{gap:4px}.bottom-bar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));gap:8px}.weather-switch button,.cafe-button{min-height:44px}.weather-switch button{padding:8px 10px}.location p,.scene-caption,.interaction,.desktop-instructions{display:none}.touch-instructions{display:block}.panel{width:min(290px,100% - 32px)}.panel input[type=range]{height:24px}.toast{top:100px}.opening{bottom:100px}.primary{min-height:48px}.location{top:20px;left:18px}.weather-card{top:18px;right:16px}#touch-controls.visible{display:block}}@media (max-height:500px) and (orientation:landscape){.topbar{height:calc(48px + env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.brand{gap:8px;font-size:18px}.moon-mark{font-size:31px}.brand small{margin-top:2px;font-size:6px}.button-label,.tagline{display:none}.topbar nav{gap:4px}.bottom-bar{height:calc(54px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.weather-switch{padding:0}.weather-switch button,.cafe-button{min-height:44px;padding-top:7px;padding-bottom:7px}.location{left:max(18px,env(safe-area-inset-left));top:12px}.location h1{margin:5px 0;font-size:18px}.location p,.scene-caption,.touch-hint{display:none}.weather-card{top:12px;right:max(18px,env(safe-area-inset-right));padding:7px 10px}.weather-card>span{font-size:23px}.weather-card small{margin-top:3px}.opening{bottom:25px;left:180px}.opening h2{margin:8px 0;font-size:22px}.opening p{margin-bottom:12px}.opening small,.opening .eyebrow{display:none}#touch-controls{height:100px;bottom:10px}.joystick-wrap{gap:0}#touch-controls #joystick{width:88px;height:88px}.touch-label{display:none}.touch-actions{gap:6px;bottom:0}.toast{white-space:normal;text-align:center;max-width:55%;padding:8px 12px;font-size:10px;top:10px}.panel{max-height:calc(100% - 20px);top:10px}}.toast{white-space:normal;text-align:left;max-width:330px;padding:11px 15px;line-height:1.8;inset:auto auto 65px 27px;transform:translateY(8px)}.toast.show{transform:translateY(0)}.interaction{white-space:normal;max-width:calc(100% - 54px);bottom:65px;left:auto;right:27px;transform:none}@media (max-width:600px){.toast{text-align:left;max-width:245px;padding:9px 12px;font-size:10px;inset:108px auto auto 16px}}@media (max-height:500px) and (orientation:landscape){.toast{text-align:left;max-width:230px;padding:7px 10px;font-size:10px;inset:72px auto auto 18px}}