:root{--ink:#3a4652;--ink-soft:#5b6a78;--chip-bg:#ffffff75;--chip-border:#ffffffb8;--chip-shadow:0 10px 30px #5c6a7a29;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-title:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(#cfe2f2 0%,#e9e2e6 45%,#f6e3cf 100%)}.stage{opacity:1;transition:opacity .9s;position:fixed;top:0;bottom:0;left:0;right:0}.stage--hidden{opacity:0;pointer-events:none}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.intro{z-index:20;background:linear-gradient(#cfe2f2 0%,#f0e0dd 52%,#f8e6d0 100%);place-items:center;transition:opacity 1.6s,visibility 0s linear 1.6s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.intro--hidden{opacity:0;visibility:hidden;pointer-events:none}.intro__inner{text-align:center;animation:1.8s both intro-rise}.intro__petal{color:#f2a2c0;opacity:.85;animation:7s ease-in-out infinite petal-sway;display:inline-block}.intro h1{font-family:var(--font-title);letter-spacing:.02em;color:#4a4a58;margin:10px 0 2px;font-size:clamp(26px,4.4vw,44px);font-weight:500}.intro p{letter-spacing:.14em;text-transform:lowercase;color:#6d6a76;margin:0;font-size:13px}@keyframes intro-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes petal-sway{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(7deg)translateY(-4px)}}.hud{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.hud__row{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.hud__row--top{justify-content:flex-end}.chip{pointer-events:auto;border:1px solid var(--chip-border);background:var(--chip-bg);box-shadow:var(--chip-shadow);-webkit-backdrop-filter:blur(10px)saturate(115%);color:var(--ink);font:500 12.5px/1.15 var(--font-ui);letter-spacing:.02em;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;transition:transform .22s,background .22s,opacity .22s;display:inline-flex}.chip:hover{background:#ffffff9e;transform:translateY(-1px)}.chip:focus-visible{outline-offset:2px;outline:2px solid #5a7896b3}.chip__icon{color:#b8803f;display:inline-flex}.chip--quiet{opacity:.78}.chip--quiet:hover{opacity:1}.hint{pointer-events:none;box-shadow:var(--chip-shadow);-webkit-backdrop-filter:blur(9px);color:var(--ink-soft);letter-spacing:.03em;background:#ffffff57;border:1px solid #ffffff8c;border-radius:16px;flex-direction:column;gap:3px;padding:9px 15px;font-size:12px;transition:opacity .9s;display:flex}.hint--dim{opacity:.42}.fallback{z-index:30;background:linear-gradient(#d3e2f0 0%,#efe0e8 55%,#f7e6d2 100%);place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.fallback[hidden]{display:none}.fallback__card{text-align:center;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:22px;max-width:460px;padding:26px 26px 24px;box-shadow:0 24px 60px #5a697833}.fallback__art{background:linear-gradient(#bcd9ee 0%,#f5dfe6 58%,#f8e6cd 100%);border-radius:16px;height:132px;margin-bottom:16px;position:relative;overflow:hidden}.fallback__art:before,.fallback__art:after{content:"";border-radius:999px 999px 0 0;position:absolute}.fallback__art:before{background:radial-gradient(circle at 50% 30%,#ffd0e0 0 42%,#f7a8c6 43% 62%,#8d6a52 63% 100%);width:76px;height:92px;bottom:-6px;left:50%;transform:translate(-50%)}.fallback__art:after{background:linear-gradient(#a8cdb1,#7fae82);border-radius:50%/60% 60% 20% 20%;width:190px;height:34px;bottom:0;left:50%;transform:translate(-50%)}.fallback h2{font-family:var(--font-title);margin:0 0 8px;font-size:21px;font-weight:500}.fallback p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.55}@media (prefers-reduced-motion:reduce){.intro,.intro__inner,.intro__petal,.hint,.stage{transition:opacity .2s linear!important;animation:none!important}}@media (max-width:560px){.hint{max-width:66vw;padding:8px 12px;font-size:11.5px}.chip{padding:7px 12px;font-size:12px}.hint__line--keys{display:none}}@media (pointer:coarse){.hint__line--keys{display:none}}