:root{color-scheme:dark;--bg: #9aaf90;--panel: rgba(28, 36, 24, .55);--ink: #f7f3ea;--muted: #e2d8c4;--accent: #d4a574;--sweet: #8fbf7a;--light: #e0c36a;--heavy: #c8785a;--font: "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(ellipse at top,#d7e6f4,#b7cce0 45%,#9bb4a0);color:var(--ink);font-family:var(--font);overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:none}#app{position:relative;width:100%;height:100%}#scene{display:block;width:100%;height:100%;touch-action:none}.flash{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:#fff6e8;transition:opacity 80ms linear;z-index:2}.loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:radial-gradient(ellipse at center,#d7e6f4,#a8bd92 70%);transition:opacity .28s ease,visibility .28s ease}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader-card{width:min(320px,86vw);text-align:center}.loader-card h1{margin:0 0 8px;font-size:1.45rem;letter-spacing:.02em;color:#2c3524}.loader-card p{margin:0 0 12px;color:#4a5640;font-size:.88rem}.loader-bar{height:8px;border-radius:999px;background:#00000059;overflow:hidden;border:1px solid rgba(212,165,116,.25)}.loader-fill{height:100%;width:0%;background:linear-gradient(90deg,#9a6235,#d4a574);transition:width .16s ease}.loader-credit{margin-top:14px!important;font-size:.72rem!important;opacity:.75}.flash.is-on{opacity:.35}.flash.too_light{background:#e0c36a}.flash.sweet{background:#8fbf7a}.flash.too_heavy{background:#c8785a}.top-bar{position:absolute;top:0;left:0;right:0;z-index:3;padding:12px 16px calc(8px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:2px;pointer-events:none;align-items:center}.brand-mini{font-weight:700;font-size:.95rem;letter-spacing:.04em;opacity:.88}.phase-hint{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:3;margin:0;pointer-events:none;color:#f7f3ea;font-size:.72rem;letter-spacing:.02em;transition:opacity .28s ease;white-space:nowrap;text-shadow:0 1px 6px rgba(30,40,20,.65)}.phase-hint.is-soft{opacity:.55}.phase-hint.is-gone{opacity:0}.credits{position:absolute;left:max(10px,env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));z-index:3;margin:0;pointer-events:none;font-size:.62rem;letter-spacing:.02em;color:#f7f3ea;opacity:.55;text-shadow:0 1px 4px rgba(30,40,20,.55)}.edge-chip{position:absolute;top:50%;z-index:4;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;max-width:min(168px,42vw);opacity:.55;transition:opacity .16s ease}.edge-chip:hover,.edge-chip:focus-within,.edge-chip[data-open=true]{opacity:1}.edge-chip--left{left:0;align-items:flex-start;padding-left:max(6px,env(safe-area-inset-left))}.edge-chip--stump{top:calc(50% + 58px)}.edge-chip--right{right:0;align-items:flex-end;padding-right:max(6px,env(safe-area-inset-right))}.edge-chip-note{margin:4px 2px 0;font-size:.68rem;opacity:.65;line-height:1.3}.edge-chip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(212,165,116,.22);background:#120c0866;color:var(--ink);border-radius:0 10px 10px 0;padding:7px 9px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.78rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.edge-chip--right .edge-chip-btn{border-radius:10px 0 0 10px;flex-direction:row-reverse}.edge-chip-icon{width:1.35em;height:1.35em;display:grid;place-items:center;border-radius:6px;background:#d4a57424;color:var(--accent);font-size:.7rem;font-weight:700}.edge-chip-label{max-width:5.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.edge-chip[data-open=false] .edge-chip-label{display:none}.edge-chip-panel{padding:6px;border-radius:10px;background:var(--panel);border:1px solid rgba(212,165,116,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:118px}.edge-chip-panel[hidden]{display:none!important}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid rgba(212,165,116,.35);background:#00000059;color:var(--ink);border-radius:8px;padding:8px 10px;font:inherit;font-size:.82rem}.power-dock{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:4;width:min(300px,calc(100vw - 110px));padding:8px 10px;border-radius:12px;background:#120c087a;border:1px solid rgba(212,165,116,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:0;pointer-events:auto;transition:opacity .16s ease,transform .16s ease}.power-dock.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%) translateY(8px)}.rhythm-bar{position:relative;width:100%;height:28px;display:flex;align-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.rhythm-track{position:absolute;left:0;right:0;height:7px;border-radius:6px;background:#00000073;border:1px solid rgba(212,165,116,.28);top:50%;transform:translateY(-50%)}.sweet-zone{position:absolute;left:0;height:11px;border-radius:7px;background:#8fbf7a6b;border:1px solid rgba(143,191,122,.7);pointer-events:none;top:50%;transform:translateY(-50%);min-width:4px;z-index:1}.rhythm-knob{position:absolute;top:50%;left:0;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:linear-gradient(180deg,#f0d2a8,#d4a574);border:2px solid #1a120c;box-shadow:0 1px 4px #00000073;transform:translateY(-50%);z-index:2;pointer-events:none}.force-preview{margin:0;text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.02em;min-height:1.1em;color:var(--muted)}.force-preview.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.force-preview.too_light{color:var(--light)}.force-preview.sweet{color:var(--sweet)}.force-preview.too_heavy{color:var(--heavy)}.force-preview.is-idle{color:var(--muted);font-weight:500}.result{position:absolute;left:50%;bottom:calc(64px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:3;margin:0;pointer-events:none;font-size:.82rem;font-weight:600;letter-spacing:.03em;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.55);transition:opacity .32s ease;min-height:0}.result.is-soft,.result.is-fading{opacity:0}.result.too_light{color:var(--light);opacity:1}.result.sweet{color:var(--sweet);opacity:1}.result.too_heavy{color:var(--heavy);opacity:1}.again-fab{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:4;width:40px;height:40px;border-radius:11px;border:1px solid rgba(212,165,116,.28);background:#120c0866;color:var(--ink);font-size:1.1rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.65}.again-fab:hover{opacity:1}.again-fab:active{transform:scale(.96)}.mute-fab{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));z-index:4;width:40px;height:40px;border-radius:11px;border:1px solid rgba(212,165,116,.28);background:#120c0866;color:var(--ink);font-size:.95rem;font-weight:600;letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.65}.mute-fab:hover{opacity:1}.mute-fab:active{transform:scale(.96)}.mute-fab[data-muted=true]{opacity:.85;color:var(--accent)}.is-hidden{display:none!important}@media(max-height:560px){.power-dock{bottom:calc(10px + env(safe-area-inset-bottom))}}