:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--ink:#3b2c25;--paper:#fcf6e8f0;--paper-soft:#fcf6e8c7;--accent:#c8322b;--gold:#f4c65c;--font:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif}html,body{overscroll-behavior:none;background:#bfdcf2;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:var(--font);color:var(--ink)}#view{width:100vw;height:100vh;touch-action:none;height:100dvh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.ui{position:absolute;inset:0}.hidden{display:none!important}.touch-layer{pointer-events:auto;touch-action:none;position:absolute;inset:0}.ui.at-title .touch-layer{pointer-events:none}.hud{top:calc(var(--sat) + 14px);right:calc(var(--sar) + 16px);opacity:0;transition:opacity .8s;position:absolute}.ui.playing .hud{opacity:1}.stars{background:#283c5a2e;border-radius:16px;gap:3px;padding:6px 9px;display:flex}.star svg{fill:#ffffff47;stroke:#28283c40;stroke-width:1px;width:17px;height:17px;transition:fill .6s,transform .6s;display:block}.star.lit svg{fill:var(--gold);stroke:#78461480;filter:drop-shadow(0 0 3px #ffd278e6)}.star.pulse svg{animation:1.6s ease-out starpulse}@keyframes starpulse{0%{transform:scale(.4)}40%{transform:scale(1.8)}to{transform:scale(1)}}.fps{top:calc(var(--sat) + 52px);right:calc(var(--sar) + 18px);color:#fff;text-shadow:0 1px 2px #0008;font:12px/1.2 ui-monospace,Menlo,monospace;position:absolute}.prompt{left:50%;bottom:calc(var(--sab) + 30%);background:var(--paper-soft);border-radius:22px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:18px;animation:.35s ease-out rise;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 10px #1e283c2e}.prompt .key{background:var(--ink);color:#fff;border-radius:9px;place-items:center;min-width:30px;height:30px;font:700 15px/1 ui-sans-serif,system-ui,sans-serif;display:inline-grid}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.dialog{left:50%;bottom:calc(var(--sab) + 26px);width:min(720px, calc(100vw - var(--sal) - var(--sar) - 200px));background:var(--paper);pointer-events:auto;cursor:pointer;box-sizing:border-box;border-radius:18px;min-width:280px;padding:16px 40px 16px 24px;position:absolute;transform:translate(-50%);box-shadow:0 4px 22px #1e283c38}.dialog.show{animation:.5s ease-out dlg}@keyframes dlg{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.dialog-text{margin:0;font-size:clamp(17px,2.3vw,22px);font-style:italic;line-height:1.45}.dialog-more{opacity:.5;font-size:22px;position:absolute;bottom:10px;right:16px}.tbtn{pointer-events:auto;color:var(--ink);font-family:var(--font);touch-action:none;background:#fcf6e88c;border:0;border-radius:50%;padding:0;display:none;position:absolute;box-shadow:0 2px 10px #141e322e}.ui.touch.playing .tbtn{place-items:center;display:grid}.ui.touch.playing .tbtn.hidden{display:none}.tbtn.down{background:#fcf6e8d9;transform:scale(.94)}.btn-jump{right:calc(var(--sar) + 28px);bottom:calc(var(--sab) + 28px);width:76px;height:76px;font-size:16px}.btn-interact{right:calc(var(--sar) + 122px);bottom:calc(var(--sab) + 84px);background:#ffeec8e6;width:104px;height:104px;animation:2.2s ease-in-out infinite breathe;box-shadow:0 0 0 3px #f4c65ccc,0 4px 16px #141e3240}.btn-interact .hand{font-size:30px;line-height:1}.btn-interact .lbl{text-align:center;max-width:90px;margin-top:-18px;font-size:13px;line-height:1.1}@keyframes breathe{50%{box-shadow:0 0 0 7px #f4c65c73,0 4px 16px #141e3240}}.btn-pause{left:calc(var(--sal) + 18px);top:calc(var(--sat) + 14px);width:52px;height:52px}.btn-pause .bars{border-left:5px solid var(--ink);border-right:5px solid var(--ink);box-sizing:border-box;width:16px;height:18px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.stick-ring{pointer-events:none;background:#ffffff1f;border:2px solid #ffffff8c;border-radius:50%;width:120px;height:120px;position:absolute;top:0;left:0}.stick-knob{background:#fcf6e8cc;border-radius:50%;width:48px;height:48px;position:absolute;top:36px;left:36px;box-shadow:0 2px 8px #0003}.panel{width:min(460px, calc(100vw - var(--sal) - var(--sar) - 48px));max-height:calc(100vh - var(--sat) - var(--sab) - 40px);background:var(--paper);pointer-events:auto;box-sizing:border-box;border-radius:22px;flex-direction:column;gap:10px;padding:22px 26px 24px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #141e324d}.panel h2{text-align:center;margin:0 0 6px;font-size:26px;font-style:italic;font-weight:500}.panel p{margin:0;font-size:18px;line-height:1.45}.btn{font-family:var(--font);min-height:50px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff9;border:2px solid #3b2c2540;border-radius:26px;padding:10px 22px;font-size:19px}.btn.primary{background:var(--ink);color:#fcf6e8;border-color:var(--ink)}.btn.danger{color:var(--accent);border-color:#c8322b66}.btn:focus-visible,.seg button:focus-visible,.toggle:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.actions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:8px;display:flex}.actions .btn{flex:1}.settings .row{align-items:center;gap:12px;min-height:46px;display:flex}.settings .lab{flex:0 0 128px;font-size:17px}.settings input[type=range]{accent-color:var(--ink);touch-action:none;flex:1;height:44px}.seg{border:2px solid #3b2c2540;border-radius:22px;flex:1;display:flex;overflow:hidden}.seg button{min-height:44px;font-family:var(--font);color:var(--ink);background:0 0;border:0;flex:1;font-size:16px}.seg button.on{background:var(--ink);color:#fcf6e8}.toggle{min-width:72px;min-height:44px;font-family:var(--font);color:var(--ink);background:0 0;border:2px solid #3b2c2540;border-radius:22px;font-size:16px}.toggle.on{background:var(--ink);color:#fcf6e8}.note{opacity:.7;font-size:14px}.q-note{min-height:20px!important}.title-screen{pointer-events:auto;background:linear-gradient(#285aa01a,#fff4dc2e);place-items:center;display:grid;position:absolute;inset:0}.title-screen.dim .title-card{opacity:0;pointer-events:none}.title-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 30px;transition:opacity .3s;display:flex}.title-word{letter-spacing:.02em;color:#fffaf0;text-shadow:0 3px 18px #1e325a73;margin:0;font-size:clamp(56px,10vw,112px);font-style:italic;font-weight:400}.title-sub{color:#fffaf0;text-shadow:0 1px 8px #1e325a80;margin:-6px 0 14px;font-size:20px;font-style:italic}.title-new{flex-direction:column;align-items:center;gap:8px;display:flex}.name-label{color:#fffaf0;text-shadow:0 1px 8px #1e325a8c;font-size:19px}.name-input{font-family:var(--font);text-align:center;background:var(--paper);width:min(320px,70vw);color:var(--ink);-webkit-user-select:text;user-select:text;box-sizing:border-box;border:2px solid #ffffffb3;border-radius:26px;padding:10px 16px;font-size:22px}.title-actions{gap:12px;margin-top:8px;display:flex}.title-actions .btn{min-width:150px}.title-note{color:#fffaf0;opacity:.85;text-shadow:0 1px 6px #1e325a80;margin:6px 0 0;font-size:15px;font-style:italic}.tutorial{top:auto;bottom:calc(var(--sab) + 24px);transform:translate(-50%)}.credits{pointer-events:auto;background:radial-gradient(#fff6e18c,#fff6e133);place-items:center;display:grid;position:absolute;inset:0}.credits-inner{text-align:center;padding:calc(var(--sat) + 20px) 24px calc(var(--sab) + 20px);flex-direction:column;align-items:center;gap:8px;display:flex}.credits p,.credits .btn{opacity:0;animation:1.6s ease-out forwards cred}.credits p{color:var(--ink);text-shadow:0 1px 10px #fffaf0e6;margin:0;font-size:21px;font-style:italic}.credits p:first-child{font-size:54px}.credits .btn{margin-top:18px}@keyframes cred{to{opacity:1}}.rotate{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate{pointer-events:auto;z-index:50;background:#9cc5ea;place-items:center;display:grid;position:absolute;inset:0}.rotate-card{text-align:center;padding:24px}.rotate-card p{color:#fffaf0;font-size:22px;font-style:italic}.rotate-icon{border:4px solid #fffaf0;border-radius:12px;width:64px;height:96px;margin:0 auto 18px;animation:2.4s ease-in-out infinite turn}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}}.fade{opacity:0;pointer-events:none;z-index:40;transition:opacity 2.2s;position:absolute;inset:0}.fade.on{opacity:1}.loading{font-family:var(--font);color:#fffaf0;text-shadow:0 1px 8px #1e325a80;pointer-events:none;place-items:center;font-size:22px;font-style:italic;transition:opacity .8s;display:grid;position:fixed;inset:0}.loading.gone{opacity:0}.error{inset:auto 16px calc(var(--sab) + 16px);background:var(--paper);color:var(--ink);border-radius:14px;padding:14px 18px;font-size:16px;position:fixed}.panel.under{visibility:hidden}