div.svelte-clyidt{position:relative;width:100%;height:100%}canvas.svelte-clyidt{display:block;position:relative;width:100%;height:100%}.overlay.svelte-ojhnaq{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.note.svelte-ojhnaq{position:absolute;font-size:1.6rem;color:#c4a97d;text-shadow:0 0 12px #c4a97daa,0 0 24px #e8d4a0aa;transform-origin:center bottom;animation:svelte-ojhnaq-note-rise var(--duration) ease-out forwards,svelte-ojhnaq-note-wobble var(--duration) ease-in-out forwards;will-change:transform,opacity}@keyframes svelte-ojhnaq-note-rise{0%{transform:translateY(0) rotate(var(--rotation)) scale(.6);opacity:0}8%{opacity:1;transform:translateY(-20px) rotate(var(--rotation)) scale(1.1)}70%{opacity:1}to{transform:translateY(-220px) rotate(calc(var(--rotation) * 1.4)) scale(.8);opacity:0}}@keyframes svelte-ojhnaq-note-wobble{0%{margin-left:0}20%{margin-left:var(--wobble)}45%{margin-left:calc(var(--drift-x) * .3)}65%{margin-left:calc(var(--drift-x) * .6 + var(--wobble) * -.6)}85%{margin-left:calc(var(--drift-x) * .85)}to{margin-left:var(--drift-x)}}.score.svelte-1k0mrad{position:fixed;bottom:0;left:0;right:0;height:165px;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-top:2px solid #c8a96e66;box-shadow:0 -4px 24px #00000073;overflow:hidden}svg.svelte-1k0mrad{display:block}.card.svelte-ru5xw0{position:fixed;top:50%;translate:0 -50%;width:min(400px,36vw);background:#0e0e0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,115,85,.22);border-radius:3px;padding:2.4rem 2.8rem;pointer-events:none;z-index:20;opacity:0;transition:opacity .65s ease,transform .75s cubic-bezier(.16,1,.3,1)}.card.right.svelte-ru5xw0{right:6vw;transform:translate(72px)}.card.right.active.svelte-ru5xw0{transform:translate(0);opacity:1}.card.left.svelte-ru5xw0{left:6vw;transform:translate(-72px)}.card.left.active.svelte-ru5xw0{transform:translate(0);opacity:1}.sub.svelte-ru5xw0{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:#8b7355;margin-bottom:.65rem}h2.svelte-ru5xw0{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:400;color:#f0ede8;letter-spacing:.04em;margin-bottom:1.1rem}.body.svelte-ru5xw0{font-size:.9rem;line-height:1.8;color:#9b9490}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0e0e0f;color:#f0ede8;font-family:Georgia,serif;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:auto;height:100dvh}.canvas-wrapper.svelte-1uha8ag{position:fixed;inset:0;z-index:0;pointer-events:none}.canvas-wrapper canvas{pointer-events:auto}.snap-pages.svelte-1uha8ag{position:relative;z-index:5;pointer-events:none}.snap-page.svelte-1uha8ag{height:100dvh;scroll-snap-align:start}header.svelte-1uha8ag{position:fixed;top:2rem;left:50%;transform:translate(-50%);text-align:center;z-index:15;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:opacity .5s ease,transform .5s ease}header.dim.svelte-1uha8ag{opacity:0;transform:translate(-50%) translateY(-12px);pointer-events:none}h1.svelte-1uha8ag{font-size:clamp(1.8rem,4vw,3rem);font-weight:400;letter-spacing:.08em;color:#f0ede8}h1.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#8b7355}p.svelte-1uha8ag{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:#6b6560}.scroll-hint.svelte-1uha8ag{margin-top:.8rem;background:none;border:none;cursor:pointer;pointer-events:auto;opacity:.6;transition:opacity .2s}.scroll-hint.svelte-1uha8ag:hover{opacity:1}.score-reveal.svelte-1uha8ag{position:fixed;bottom:0;left:0;right:0;z-index:18;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .5s ease,transform .5s ease}.score-reveal.visible.svelte-1uha8ag{opacity:1;transform:translateY(0);pointer-events:auto}.dots.svelte-1uha8ag{position:fixed;right:1.6rem;top:50%;translate:0 -50%;display:flex;flex-direction:column;gap:.55rem;z-index:25}.dot.svelte-1uha8ag{width:28px;height:28px;border-radius:50%;background:none;border:none;cursor:pointer;padding:0;display:grid;place-items:center;transition:transform .3s ease}.dot.svelte-1uha8ag:after{content:"";width:7px;height:7px;border-radius:50%;background:#4a4540;transition:background .3s ease,transform .3s ease}.dot.active.svelte-1uha8ag:after{background:#8b7355;transform:scale(1.5)}
