:root{color:#f8f2e6;font-synthesis:none;text-rendering:optimizelegibility;background:#0a131c;font-family:ui-rounded,SF Pro Rounded,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f5c77d}.game-shell{background:#172535;width:100%;max-width:820px;height:100%;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 80px #0007}.game{isolation:isolate;background:#172535;width:100%;height:100%;position:relative;overflow:hidden}.title-screen,.ending-screen,.play-screen{background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.title-haze{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#0d1e2b44,#0b1822c9),radial-gradient(circle at 50% 42%,#e4e4d01c,#0000 45%);position:absolute;inset:0}button{cursor:pointer;border:0;min-height:44px}.glass-button,.icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10222f9a;border:1px solid #f2eddc42;place-items:center;display:grid;box-shadow:0 8px 26px #040d1433}.language-button{z-index:12;top:calc(env(safe-area-inset-top) + 20px);border-radius:999px;min-width:60px;padding:0 14px;position:absolute;right:24px}.icon-button{border-radius:50%;width:48px;height:48px;font-size:1.22rem}.title-settings{z-index:12;right:24px;bottom:calc(env(safe-area-inset-bottom) + 22px);position:absolute}.title-copy{z-index:2;text-align:center;text-shadow:0 2px 20px #08121a99;width:min(86%,520px);position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.eyebrow{color:#d7d3c4;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px;font-size:.68rem;font-weight:700;display:block}.title-copy h1{letter-spacing:.08em;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(3rem,11vw,5.6rem);font-weight:500}.title-copy p{color:#e6e1d6;letter-spacing:.08em;margin:18px 0 0;font-size:clamp(.95rem,3.4vw,1.2rem)}.title-ripple{border:1px solid #e4dfcd73;border-radius:50%;width:74px;height:28px;margin:32px auto 0;animation:3.8s ease-out infinite ripple;display:block}.primary-button,.secondary-button{letter-spacing:.04em;border-radius:999px;padding:13px 24px;font-weight:700}.primary-button{color:#193143;background:#f5e9ce;box-shadow:0 8px 30px #06141f42}.secondary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#162d3bb8;border:1px solid #f3eedd4d}.text-button{text-underline-offset:4px;background:0 0;padding:10px 12px;-webkit-text-decoration:underline #f5eedb4d;text-decoration:underline #f5eedb4d}.begin-button{z-index:2;bottom:calc(env(safe-area-inset-bottom) + 70px);min-width:156px;position:absolute;left:50%;transform:translate(-50%)}.motion-sheet{z-index:20;padding:14px 24px calc(env(safe-area-inset-bottom) + 18px);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center;background:#132633f2;border:1px solid #f5efde2e;border-radius:30px 30px 22px 22px;animation:.45s ease-out sheet-in;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 -18px 70px #040b1173}.sheet-handle{background:#f5efde52;border-radius:99px;width:42px;height:4px;margin:0 auto 18px}.motion-sheet h2{margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(1.35rem,5vw,1.8rem);font-weight:500}.motion-sheet p{color:#c8d1d1;max-width:500px;margin:12px auto 22px;line-height:1.6}.motion-actions{justify-content:center;gap:10px;display:flex}.motion-sheet>.text-button{color:#cbd2ce;margin:8px auto 0;display:block}.mirror-stage{touch-action:none;-webkit-user-select:none;user-select:none;background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.memory-scene{z-index:1;opacity:0;background-position:50%;background-size:cover;transition:opacity .6s;position:absolute;inset:0}.memory-scene.visible{opacity:.92}.scene-vignette{z-index:2;pointer-events:none;background:linear-gradient(#08162070,#0000 27% 68%,#06111994),radial-gradient(circle,#0000 55%,#06131c47);position:absolute;inset:0}.fog-canvas{z-index:4;pointer-events:none;opacity:.92;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.anchor{z-index:5;aspect-ratio:1;opacity:0;filter:saturate(.6)brightness(.8);width:clamp(76px,21vw,138px);transition:all .55s;position:absolute;transform:translate(-50%,-50%)scale(.78)}.anchor.revealed{opacity:.82;transform:translate(-50%,-50%)scale(1)}.anchor.connected{opacity:1;filter:drop-shadow(0 0 22px #f6ca7cbf)}.anchor.listening{animation:1.2s ease-in-out infinite breathe}.anchor img{object-fit:contain;pointer-events:none;width:100%;height:100%}.anchor-ring{opacity:0;border:2px solid #f6deac94;border-radius:50%;position:absolute;inset:6%}.anchor.connected .anchor-ring{opacity:1;animation:2.2s ease-out infinite anchor-ring}.anchor-hit{z-index:2;touch-action:none;background:0 0;border-radius:50%;position:absolute;inset:-16px}.droplet{z-index:7;touch-action:none;cursor:grab;background:0 0;width:66px;height:76px;position:absolute;transform:translate(-50%,-50%)}.droplet span{background:linear-gradient(135deg,#f5f9f2d1,#74b6c67a);border:2px solid #f5efdad0;border-radius:58% 42% 62% 38%;width:38px;height:48px;margin:auto;display:block;transform:rotate(45deg);box-shadow:inset 7px 7px 10px #fff6,0 10px 20px #03121c66}.water-route{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.water-route path{fill:none;stroke:#f5d18bb8;stroke-width:.65px;stroke-linecap:round;stroke-dasharray:1.8 1.2;filter:drop-shadow(0 0 4px #f6c977);animation:10s linear infinite route-dash}.listening-caption{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0a1e2bcf;border:1px solid #f4dfb752;border-radius:18px;padding:14px 18px;position:absolute;bottom:18%;left:12%;right:12%}.listening-caption p{color:#f4ead6;margin:6px 0 0;line-height:1.5}.caption-wave{color:#b9d9d9;letter-spacing:.2em;animation:.7s ease-in-out infinite alternate pulse}.hud{z-index:10;pointer-events:none;position:absolute;inset:0}.hud button{pointer-events:auto}.resonance-drops{top:calc(env(safe-area-inset-top) + 24px);gap:8px;display:flex;position:absolute;left:24px}.resonance-drops span{background:#0e273652;border:1.5px solid #eeeadaad;border-radius:58% 42% 62% 38%;width:17px;height:22px;transform:rotate(45deg)}.resonance-drops span.complete{background:#f2c77f;border-color:#f2c77f;box-shadow:0 0 13px #f2c77f7a}.resonance-drops span.active{animation:1.8s ease-in-out infinite pulse}.layer-label{top:calc(env(safe-area-inset-top) + 58px);color:#f0ebdab8;letter-spacing:.08em;font-size:.72rem;position:absolute;left:24px}.hud-settings{top:calc(env(safe-area-inset-top) + 16px);position:absolute;right:20px}.angle-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);writing-mode:vertical-rl;background:#0b202d94;border:1px solid #f0ead842;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:58px;padding:10px 9px;font-size:.72rem;display:flex;position:absolute;top:52%;right:20px;transform:translateY(-50%)}.angle-button span{writing-mode:horizontal-tb;font-size:1.3rem}.game-hint{right:18px;bottom:calc(env(safe-area-inset-bottom) + 24px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1d29a8;border:1px solid #efeada29;border-radius:18px;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;min-height:54px;padding:11px 16px;display:grid;position:absolute;left:18px}.game-hint strong{color:#f3c985;font-size:.78rem}.game-hint span:last-child{color:#e6e5db;font-size:.84rem}.hint-dot{background:#f2c77f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #f2c77f}.keep-layer{z-index:15;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:linear-gradient(#0918228a,#091721e8);flex-direction:column;justify-content:center;align-items:center;padding:34px 24px;display:flex;position:absolute;inset:0}.keep-layer h2{max-width:520px;margin:0 0 28px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(1.55rem,5vw,2.35rem);font-weight:500}.sound-choices{gap:10px;width:min(100%,520px);display:grid}.sound-choice{text-align:left;background:#19313db3;border:1px solid #f0e8d533;border-radius:22px;grid-template-rows:auto auto;grid-template-columns:62px 1fr;align-items:center;min-height:90px;padding:14px 18px;display:grid;position:relative;overflow:hidden}.sound-choice:after{content:"";transform-origin:0;background:#efc77f;height:4px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.sound-choice.holding:after{transition:transform .82s linear;transform:scaleX(1)}.sound-wave{color:#b4d4d6;letter-spacing:-.2em;grid-row:1/3;font-size:1.3rem}.sound-choice small{color:#c9d0cb;margin-top:4px;line-height:1.35}.ending-screen{background-position:50%}.ending-glow{background:linear-gradient(#05121d1f,#05101980);position:absolute;inset:0}.ending-copy{z-index:2;text-align:center;text-shadow:0 3px 22px #07131e;position:absolute;bottom:23%;left:10%;right:10%}.moon-mark{background:#f4d79c;border-radius:50%;width:42px;height:42px;margin:0 auto 20px;display:block;box-shadow:0 0 36px #f4d79ca6}.ending-copy p{color:#d9ddd6;max-width:540px;margin:0 auto 16px}.ending-copy h2{margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(1.8rem,7vw,3rem);font-weight:500}.ending-actions{z-index:3;right:24px;bottom:calc(env(safe-area-inset-bottom) + 24px);justify-content:space-between;display:flex;position:absolute;left:24px}.settings-drawer{z-index:50;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#0f1f2bf7;border-left:1px solid #f2ebd92e;width:min(88%,430px);animation:.35s ease-out drawer-in;position:absolute;top:0;bottom:0;right:0;box-shadow:-24px 0 70px #01080d7a}.settings-drawer:before{content:"";z-index:-1;background:#020a1061;position:fixed;inset:0 100% 0 -100vw}.settings-drawer header{min-height:76px;padding:calc(env(safe-area-inset-top) + 8px) 14px 8px;border-bottom:1px solid #efe9da1a;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.settings-drawer header h2{margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:1.15rem;font-weight:500}.settings-drawer header .icon-button{justify-self:end}.settings-scroll{height:calc(100% - 76px);padding:12px 20px calc(env(safe-area-inset-bottom) + 22px);overflow-y:auto}.setting-row{color:#e5e6df;justify-content:space-between;align-items:center;gap:18px;min-height:54px;display:flex}.setting-row input{accent-color:#e7bc77;width:22px;height:22px}.setting-row select{color:#f5eee0;background:#183246;border:1px solid #f0ead938;border-radius:12px;min-width:118px;padding:8px}.button-row{background:0 0;width:100%;padding:0}.full-button{width:100%;margin-top:10px}.danger-button{color:#e8c0b5}.confirmation-card{z-index:2;right:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);text-align:center;background:#1d3a4b;border:1px solid #f4eddb33;border-radius:22px;padding:20px;position:absolute;left:14px;box-shadow:0 16px 50px #00080d7a}.confirmation-card p{margin:0 0 16px}.confirmation-card button+button{margin-left:8px}.pause-overlay{z-index:45;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#081721d1;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.pause-drop{border:1px solid #b9d8d8;border-radius:58% 42% 62% 38%;width:34px;height:42px;transform:rotate(45deg)}.toast{z-index:80;right:18px;bottom:calc(env(safe-area-inset-bottom) + 22px);text-align:center;background:#081924eb;border:1px solid #f5eedd2e;border-radius:15px;max-width:540px;min-height:46px;margin:auto;padding:13px 18px;position:absolute;left:18px;box-shadow:0 12px 40px #00050a73}.left-handed .hud-settings{left:20px;right:auto}.left-handed .resonance-drops{left:auto;right:24px}.left-handed .layer-label{text-align:right;left:auto;right:24px}.left-handed .angle-button{left:20px;right:auto}.large-text{font-size:118%}.high-contrast{filter:contrast(1.22)saturate(.88)}.high-contrast .game-hint,.high-contrast .glass-button,.high-contrast .angle-button{background:#040f16e0;border-color:#fff5d6}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important}@keyframes ripple{0%{opacity:.7;transform:scale(.65)}to{opacity:0;transform:scale(1.75)}}@keyframes sheet-in{0%{transform:translateY(105%)}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes breathe{50%{opacity:.65;transform:translate(-50%,-50%)scale(1.08)}}@keyframes pulse{50%{opacity:.45}}@keyframes anchor-ring{0%{opacity:.8;transform:scale(.75)}to{opacity:0;transform:scale(1.45)}}@keyframes route-dash{to{stroke-dashoffset:-24px}}@media (orientation:landscape) and (height<=560px){.title-copy{top:42%}.title-copy h1{font-size:2.7rem}.title-copy p,.title-ripple{display:none}.begin-button{bottom:22px}.motion-sheet{width:min(62%,520px);bottom:10px;left:auto;right:22px}.sound-choices{grid-template-columns:repeat(3,1fr)}.sound-choice{text-align:center;flex-direction:column;min-height:126px;display:flex}}@media (width<=350px){.title-copy h1{font-size:2.85rem}.motion-sheet{padding-inline:16px;bottom:6px;left:6px;right:6px}.motion-actions{flex-direction:column}.game-hint{grid-template-columns:auto 1fr}.game-hint span:last-child{grid-column:1/3}.settings-drawer{width:96%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}