:root{color-scheme:dark;--paper:#ecead8;--muted:#bec9bd;--warm:#d9bd87;--ink:#1d332f;--line:#d5dfc033;--serif:'Songti SC','Noto Serif CJK SC','STSong',Georgia,serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#344d47;color:var(--paper);font-family:var(--serif)}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e7c98d;outline-offset:6px}button:disabled{cursor:wait;opacity:.4}[hidden]{display:none!important}#game{width:100%;height:100%;isolation:isolate;position:relative;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}button{touch-action:manipulation}.film,.vignette{position:absolute;inset:0;pointer-events:none}.film{z-index:2;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.vignette{background:radial-gradient(ellipse at 50% 43%,transparent 36%,#081b2248 100%),linear-gradient(#17282766,transparent 24%,transparent 72%,#12292588);z-index:1}
.topbar{position:absolute;z-index:5;top:max(26px,env(safe-area-inset-top));left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center}.wordmark{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:#e3e4d6}.wordmark i{font-size:20px;font-style:normal;display:inline-block;transform:rotate(-10deg);margin-right:12px;color:var(--warm)}nav{display:flex;gap:22px;align-items:center}.tool{border:0;background:transparent;font-size:11px;letter-spacing:.08em;padding:8px 3px;color:#d8e1d2}.tool span{margin-left:4px;opacity:.65}.tool:hover{color:white}.pause{font:18px Georgia;border:1px solid var(--line);border-radius:50%;width:36px;height:36px}
.title-screen{position:absolute;z-index:4;left:10%;top:21%;max-width:460px;text-shadow:0 2px 35px #0b262662;animation:arrive 1.7s both}.eyebrow{font:9px var(--mono);letter-spacing:.23em;color:#cad2ba;margin:0 0 22px;line-height:1.7}.title-screen h1{font-size:clamp(56px,7.5vw,112px);font-weight:400;line-height:1.02;letter-spacing:.12em;margin:0 0 15px}.title-screen h1 span{display:block;margin-left:.84em}.english-title{font:clamp(24px,3.2vw,42px) Georgia,serif;margin:0 0 22px;letter-spacing:-.04em}.english-title em{color:var(--warm)}.intro{font-size:13px;line-height:2;letter-spacing:.1em;color:#d7dfd1;margin:20px 0 24px}.title-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.start-button{border:1px solid #ddcea36b;background:#d9c9a512;color:#f0e3c5;padding:14px 22px;min-width:153px;font-size:13px;letter-spacing:.12em;transition:background .3s,transform .3s;display:inline-flex;align-items:center;justify-content:space-between;gap:28px}.start-button:hover{background:#dacaab;color:#263d35;transform:translateY(-2px)}.start-button span{font:19px Georgia}.text-button{background:transparent;border:0;border-bottom:1px solid #d5dfc033;padding:7px 0;color:#c5d0c3;font-size:11px;line-height:1.5}.text-button:hover{color:#f2e1b7}.headphones{font-size:10px;letter-spacing:.1em;color:#b7c8bc;margin-top:24px}.headphones span{margin-right:6px;font:15px Georgia}.title-foot{position:absolute;z-index:3;bottom:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#dce0c99c}
.hud{position:absolute;top:110px;left:4vw;z-index:3;pointer-events:none;max-width:330px}.chapter{display:flex;gap:12px;align-items:center;letter-spacing:.15em;font-size:11px}.chapter>span:first-child{font:11px var(--mono);color:var(--warm)}.chapter i{width:32px;height:1px;background:var(--line)}.hud p{font-size:12px;color:#e0e5d2d9;line-height:1.8;margin:14px 0;max-width:270px;text-shadow:0 1px 10px #0b202f}.memory-dots{display:flex;gap:10px}.memory-dots i{width:5px;height:5px;border:1px solid #d2d6b785;transform:rotate(45deg);transition:.7s}.memory-dots i.lit{background:#e8c988;box-shadow:0 0 10px #ffb752}.save-notice{position:absolute;top:82px;right:4vw;color:#d4dbc2;z-index:5;font-size:10px;opacity:0;transition:opacity .4s}.save-notice.visible{opacity:1}
.world-prompt{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translate(-50%,-50%);border:0;background:transparent;padding:15px;white-space:nowrap;font-size:11px;letter-spacing:.08em;text-shadow:0 2px 6px #000}.prompt-ring{border:1px solid #ece4c4b0;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:12px var(--mono);background:#2b494066;box-shadow:0 0 0 6px #d9dfca0b;animation:halo 3s infinite}.world-prompt:hover .prompt-ring{background:#e2c791;color:#293f37}.toast{position:absolute;left:50%;top:27%;z-index:6;transform:translate(-50%,8px);text-align:center;width:min(560px,84vw);pointer-events:none;opacity:0;transition:opacity .55s,transform .7s;text-shadow:0 2px 20px #132b32}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast span{font:9px var(--mono);letter-spacing:.25em;color:var(--warm)}.toast p{font-size:clamp(17px,2vw,23px);line-height:1.9;letter-spacing:.08em;margin:14px 0}.walk-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:25px;color:#d8deccaa;font-size:10px;white-space:nowrap}kbd{font:9px var(--mono);border:1px solid #d2d5be44;padding:4px 5px;margin-right:6px}
.puzzle-panel{position:absolute;z-index:9;right:6%;bottom:10%;width:380px;max-width:calc(100% - 36px);padding:34px;background:#1c342fdf;border:1px solid #d3dcc42e;box-shadow:0 22px 90px #0b1c2866;backdrop-filter:blur(14px);animation:arrive .6s}.puzzle-panel h2{font-size:24px;line-height:1.5;font-weight:400;margin:0 0 16px;letter-spacing:.04em}.puzzle-panel p:not(.eyebrow){font-size:12px;line-height:1.9;color:#c7d2c2}.close-panel{position:absolute;right:14px;top:10px;font:24px Georgia;border:0;background:none;color:#ccd4c2;width:28px;height:32px}.puzzle-panel .eyebrow{margin-bottom:14px;font-size:8px}.puzzle-panel canvas{width:100%;height:70px;display:block;margin:18px 0}.frequency-readout{display:flex;align-items:baseline;justify-content:center;gap:9px;margin:10px 0 24px;font:10px var(--mono);color:var(--warm)}.frequency-readout strong{font-size:33px;font-weight:400}.puzzle-panel label{font-size:10px;display:flex;justify-content:space-between;color:#cbd3c1}.puzzle-panel label span{font:9px var(--mono);opacity:.7}input[type=range]{accent-color:var(--warm);width:100%;height:24px;cursor:ew-resize}.dial-scale{display:flex;justify-content:space-between;font:9px var(--mono);color:#d4d2b373}.puzzle-meter{height:2px;margin-top:28px;background:#e5e5c226}.puzzle-meter i{display:block;width:0;height:100%;background:var(--warm);box-shadow:0 0 12px #e9be85}.puzzle-status{font-size:11px!important;text-align:center;margin-bottom:0!important;min-height:22px}.breath-panel{text-align:center}.breath-orb{--charge:0%;--breath:1;width:147px;height:147px;border:1px solid #d6d9b762;background:radial-gradient(circle,#cbd8be1c,transparent 65%);border-radius:50%;margin:26px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 0 0 12px #cfdbc707,0 0 0 28px #cfdbc705;transform:scale(var(--breath));transition:background .4s;touch-action:none}.breath-orb span{font:24px var(--mono);color:var(--warm)}.breath-orb small{font-size:10px;letter-spacing:.15em;color:#c5d2c3}.breath-orb.held{background:radial-gradient(circle,#e8ce8750,transparent 70%);box-shadow:0 0 45px #c4d4a333,0 0 0 12px #cfdbc710}
.menu-screen{position:absolute;inset:0;z-index:12;background:#0e2426a8;backdrop-filter:blur(10px);overflow:auto;display:grid;place-items:center;padding:36px 20px}.menu-card{max-width:410px;width:100%;padding:16px}.menu-card h2{font-size:32px;font-weight:400;line-height:1.5;margin:0}.menu-subtitle{font-size:12px;color:#b9cabc;margin:10px 0 24px}.settings{margin:30px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.settings label{display:flex;align-items:center;justify-content:space-between;font-size:12px;min-height:37px;gap:14px}.settings input[type=range]{width:145px}.settings select{background:#25423b;border:1px solid var(--line);padding:5px 8px;color:#d3dcc5;font-size:11px}.settings input[type=checkbox]{accent-color:var(--warm);width:15px;height:15px}.journal-pages h3{font-size:14px;font-weight:400;display:flex;justify-content:space-between}.journal-pages h3 span{font:10px var(--mono);color:var(--warm)}.journal-pages ol{padding-left:18px;color:#b9cab9;font-size:12px;line-height:2.2;min-height:75px}.menu-controls{font-size:10px;color:#afc0b28c;line-height:2;margin:24px 0 14px}
.ending-screen{position:absolute;z-index:10;inset:0;background:linear-gradient(90deg,#182d29e0,#263e3280);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;animation:arrive 2.5s}.ending-symbol{font:42px Georgia;color:var(--warm);margin:8px 0 20px}.ending-screen h2{font-size:clamp(32px,5vw,66px);font-weight:400;line-height:1.5;letter-spacing:.1em;margin:0}.ending-screen h2 span{color:var(--warm)}.ending-screen>p:not(.eyebrow){font-size:12px;line-height:2;color:#c8d5c0}.ending-stats{font:10px var(--mono)!important;margin:15px 0 22px}.credit{font-size:9px!important;line-height:2.3!important;margin-top:35px;color:#adbea388!important}.failure{position:absolute;inset:0;z-index:100;background:#203a33;display:grid;place-content:center;text-align:center;padding:30px}.failure h2{font-weight:400}.failure button{padding:12px;background:#657965;border:1px solid #d3dcc488}.failure p{line-height:1.8;max-width:500px}.touch-pad{position:absolute;bottom:40px;left:27px;width:92px;height:92px;z-index:5;border:1px solid #d9e3d32e;background:#112e2722;border-radius:50%;touch-action:none;user-select:none}.touch-pad>span{width:33px;height:33px;border-radius:50%;position:absolute;top:28px;left:28px;background:#d0ddc52e;border:1px solid #d9e3d34c;pointer-events:none}.touch-pad small{position:absolute;top:105px;left:0;width:100%;text-align:center;white-space:nowrap;font-size:9px;color:#d2dcc298}.touch-interact{position:absolute;right:26px;bottom:53px;z-index:5;width:65px;height:65px;border-radius:50%;border:1px solid #d7d9b96b;background:#3e574947;font-size:12px}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes halo{50%{box-shadow:0 0 0 9px #d9dfca10}}
@media(max-width:700px){.topbar{top:max(18px,env(safe-area-inset-top));left:22px;right:22px}.wordmark{font-size:8px;letter-spacing:.13em}.wordmark i{margin-right:6px}nav{gap:13px}.tool{font-size:10px}.title-screen{left:9%;top:20%;max-width:80%}.title-screen h1{font-size:67px}.english-title{font-size:30px}.intro{font-size:12px;margin:18px 0 22px}.eyebrow{font-size:7px;letter-spacing:.17em}.title-foot{bottom:22px;font-size:8px;left:22px;right:22px}.title-foot span:last-child{display:none}.hud{left:23px;top:91px;max-width:250px}.hud p{font-size:11px;max-width:240px}.chapter{font-size:10px}.walk-hint{font-size:9px;gap:12px}.walk-hint span:last-child{display:none}.puzzle-panel{right:18px;left:18px;bottom:max(22px,env(safe-area-inset-bottom));width:auto;padding:26px}.puzzle-panel h2{font-size:22px}.puzzle-panel canvas{height:58px;margin:10px 0}.puzzle-panel .frequency-readout{margin-bottom:14px}.toast{top:25%}.toast p{font-size:16px}.ending-screen h2{font-size:37px}.ending-screen .eyebrow{font-size:7px}.menu-card{padding:0}.menu-card h2{font-size:28px}.title-actions{gap:16px}.start-button{font-size:12px;min-width:155px;padding:12px 18px}}
@media(max-height:650px){.title-screen{top:16%}.title-screen h1{font-size:58px}.english-title{font-size:27px;margin-bottom:12px}.intro{margin:12px 0 16px}.headphones{margin-top:16px}.puzzle-panel{bottom:18px;padding:24px}.puzzle-panel p{margin:10px 0}.breath-orb{width:105px;height:105px;margin:18px auto}.menu-screen{place-items:start center}.ending-screen .ending-symbol{display:none}.ending-screen .credit{margin-top:15px}.hud{top:83px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}