html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.play__arena:before{content:"";background:var(--yellow);pointer-events:none;border-radius:50% 50% 0 0/100% 100% 0 0;height:46%;position:absolute;bottom:0;left:0;right:0}.piano{margin:0 calc(var(--gutter) * -1);background:var(--ink);height:clamp(240px,25cqw,62vh);color:var(--ink);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;container-type:inline-size}.piano__say{left:var(--gutter);pointer-events:none;max-width:46vw;font-family:var(--serif);text-transform:none;letter-spacing:-.06em;font-size:clamp(20px,2.7vw,50px);line-height:1.1;position:absolute;top:4.2em}.piano__say b{font-family:var(--display);letter-spacing:-.045em;background:var(--ink);color:var(--yellow);border-radius:.14em;padding:0 .15em;font-weight:400}.piano__keys{background:var(--ink);border-top:1.4cqw solid var(--ink);flex:1;gap:.3cqw;min-height:0;padding:0 .3cqw;display:flex;position:relative;overflow:hidden}.piano__key{background:var(--white);height:100%;color:var(--ink);transform-origin:50% 0;touch-action:manipulation;border-radius:0 0 1cqw 1cqw;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:1cqw;padding:0 0 1.4cqw;display:flex;position:relative}.piano__key i{border-radius:inherit;background:var(--yellow);opacity:0;transition:opacity .25s;position:absolute;inset:0}.piano__key.is-down{translate:0 .5cqw}.piano__key.is-down i{opacity:1;transition:none}.piano__key b{writing-mode:vertical-rl;font-family:var(--display);text-transform:none;letter-spacing:-.045em;white-space:nowrap;font-size:2.6cqw;font-weight:400;line-height:1;position:relative;rotate:180deg}.piano__key kbd{aspect-ratio:1;border:.2cqw solid var(--ink);width:2.2cqw;font-family:var(--mono);border-radius:.4cqw;place-items:center;font-size:max(10px,.95cqw);font-weight:700;display:grid;position:relative}.piano__sharp{z-index:2;background:var(--ink);width:5.2cqw;height:56%;color:var(--yellow);touch-action:manipulation;border-radius:0 0 .7cqw .7cqw;justify-content:center;align-items:flex-end;margin-left:-2.6cqw;padding-bottom:.9cqw;display:flex;position:absolute;top:0}.piano__sharp.is-down{background:#2a2a2a}.piano__sharp span{writing-mode:vertical-rl;white-space:nowrap;font-family:var(--mono);font-size:max(10px,.8cqw);font-weight:700;rotate:180deg}.piano__sharp:after{content:"";position:absolute;inset:0 min(0px,2.6cqw - 22px)}.piano__note{z-index:5;font-family:var(--mono);pointer-events:none;animation:piano-up 1.1s var(--ease) forwards;font-size:clamp(18px,3cqw,46px);font-weight:700;position:absolute}@keyframes piano-up{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), -16cqw) rotate(var(--dr))}}@media (width<=720px){.piano{height:38svh}.piano__say{max-width:80vw;top:34%}.piano__key b{font-size:min(5.2cqw,4.4vh)}.piano__key kbd{display:none}.piano__sharp{width:8cqw;height:40%;margin-left:-4cqw}.piano__sharp span{display:none}.piano__sharp:after{inset:0 min(0px,4cqw - 22px)}}