.glyph-overlay.svelte-1pusupr{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.glyph-svg.svelte-1pusupr{width:100%;height:100%}.glyph-group.svelte-1pusupr .tka-glyph,.glyph-group.svelte-1pusupr .turns-column{opacity:1!important;transition:filter var(--duration-fast) ease-out!important}.beat-number-group.svelte-1pusupr{transform-box:fill-box;transform-origin:center;animation:svelte-1pusupr-step-number-pulse .4s ease-out}@keyframes svelte-1pusupr-step-number-pulse{0%{transform:scale(1)}50%{transform:scale(.91)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.glyph-group.svelte-1pusupr,.elemental-glyph-transition.svelte-1pusupr,.beat-number-group.svelte-1pusupr{transition:none!important;animation:none!important}}.path-lines-overlay.svelte-1iwozf{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.pre-render-badge.svelte-x8jyue{position:absolute;top:12px;right:12px;background:var(--theme-panel-bg, rgba(0, 0, 0, .9));color:#fff;padding:8px 12px;border-radius:8px;font-size:var(--font-size-compact);font-weight:500;z-index:10;box-shadow:0 2px 8px var(--theme-shadow);min-width:140px}.badge-content.svelte-x8jyue{display:flex;align-items:center;gap:8px;margin-bottom:6px}.progress-bar.svelte-x8jyue{width:100%;height:3px;background:var(--theme-stroke);border-radius:2px;overflow:hidden}.progress-fill.svelte-x8jyue{height:100%;background:linear-gradient(90deg,#4ade80,var(--semantic-success));transition:width var(--duration-emphasis) ease}.perfect-mode-badge.svelte-x8jyue{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--semantic-success),#16a34a);color:#fff;padding:6px 12px;border-radius:6px;font-size:var(--font-size-compact);font-weight:600;z-index:10;box-shadow:0 2px 8px color-mix(in srgb,var(--semantic-success) 40%,transparent);animation:svelte-x8jyue-fadeInOut 3s ease forwards}@keyframes svelte-x8jyue-fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.perfect-mode-badge.svelte-x8jyue{animation:none}}.canvas-wrapper.svelte-17o649p{position:relative;width:100%;height:100cqw;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;transition:background-color .35s ease}.canvas-wrapper[data-dark-mode=true].svelte-17o649p{background:#0a0a0f}.canvas-wrapper[data-transparent=true].svelte-17o649p{background:transparent}.canvas-wrapper.svelte-17o649p canvas{background:transparent;display:block;width:100%;height:100%;object-fit:contain}@media(prefers-reduced-motion:reduce){.canvas-wrapper.svelte-17o649p,.canvas-wrapper.svelte-17o649p canvas{transition:none}}.progress-bar-container.svelte-kjvblw{width:100%;padding:0 clamp(8px,4cqw,16px);padding-top:clamp(4px,2cqw,8px);padding-bottom:clamp(6px,3cqw,12px);box-sizing:border-box;background:var(--theme-panel-bg, rgba(240, 240, 240, .98));transition:background .15s ease-out}.progress-bar-container.interactive.svelte-kjvblw{padding-top:10px;padding-bottom:12px;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.progress-bar-container.interactive.svelte-kjvblw:focus-visible{outline:2px solid var(--theme-accent, #6366f1);outline-offset:2px;border-radius:6px}.progress-bar-container.dark-mode.svelte-kjvblw{background:var(--theme-panel-bg, rgba(15, 15, 20, .98))}:root.dark .progress-bar-container.svelte-kjvblw:not(.dark-mode){background:var(--theme-panel-bg, rgba(15, 15, 20, .98))}.progress-track.svelte-kjvblw{width:100%;height:3px;background:var(--theme-stroke, rgba(0, 0, 0, .08));border-radius:999px;position:relative;transition:background .15s ease-out}.progress-bar-container.svelte-kjvblw:not(.interactive) .progress-track:where(.svelte-kjvblw){overflow:hidden}.dark-mode.svelte-kjvblw .progress-track:where(.svelte-kjvblw){background:var(--theme-stroke, rgba(255, 255, 255, .08))}:root.dark .progress-bar-container.svelte-kjvblw:not(.dark-mode) .progress-track:where(.svelte-kjvblw){background:var(--theme-stroke, rgba(255, 255, 255, .08))}.progress-fill.svelte-kjvblw{height:100%;width:var(--progress, 0%);background:linear-gradient(90deg,var(--theme-accent) 0%,var(--theme-accent-light, var(--theme-accent)) 50%,var(--theme-accent) 100%);box-shadow:0 0 8px color-mix(in srgb,var(--theme-accent) 40%,transparent);border-radius:999px;transition:background .15s ease-out,box-shadow .15s ease-out}.dark-mode.svelte-kjvblw .progress-fill:where(.svelte-kjvblw){background:linear-gradient(90deg,var(--theme-accent) 0%,var(--theme-accent-light, var(--theme-accent)) 50%,var(--theme-accent) 100%);box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent) 50%,transparent)}:root.dark .progress-bar-container.svelte-kjvblw:not(.dark-mode) .progress-fill:where(.svelte-kjvblw){background:linear-gradient(90deg,var(--theme-accent) 0%,var(--theme-accent-light, var(--theme-accent)) 50%,var(--theme-accent) 100%);box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent) 50%,transparent)}.progress-knob.svelte-kjvblw{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 1px 6px #00000080;pointer-events:none;opacity:0;transition:opacity .12s ease-out}.progress-bar-container.interactive.svelte-kjvblw:hover .progress-knob:where(.svelte-kjvblw),.progress-bar-container.interactive.svelte-kjvblw:focus-visible .progress-knob:where(.svelte-kjvblw),.progress-bar-container.scrubbing.svelte-kjvblw .progress-knob:where(.svelte-kjvblw){opacity:1}@media(prefers-reduced-motion:reduce){.progress-fill.svelte-kjvblw,.progress-track.svelte-kjvblw,.progress-bar-container.svelte-kjvblw,.progress-knob.svelte-kjvblw{transition:none}}.split-canvases.svelte-uprjpv{display:flex;width:100%;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .2s ease-in}.split-canvases.expanded.svelte-uprjpv{max-height:50cqw;opacity:1;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .3s ease-out .2s}.split-canvas.svelte-uprjpv{width:50%;aspect-ratio:1 / 1;position:relative;overflow:hidden;container-type:inline-size}.split-canvas.svelte-uprjpv .canvas-wrapper{width:100%;height:100%}@media(prefers-reduced-motion:reduce){.split-canvases.svelte-uprjpv{transition:none}}.animation-container.svelte-rqxsuh{display:flex;align-items:center;justify-content:center;height:100%;width:100%;container-type:size;position:relative}.tap-feedback.svelte-rqxsuh{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:6}.tap-feedback.svelte-rqxsuh i:where(.svelte-rqxsuh){display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#00000073;backdrop-filter:blur(4px);color:#fffffff2;font-size:36px;animation:svelte-rqxsuh-tapFeedbackPop .6s cubic-bezier(.2,0,0,1) forwards}@keyframes svelte-rqxsuh-tapFeedbackPop{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.tap-feedback.svelte-rqxsuh i:where(.svelte-rqxsuh){animation-duration:.25s}}.hover-hint.svelte-rqxsuh{display:none}@media(hover:hover)and (pointer:fine){.animation-container[data-hover-hint].svelte-rqxsuh,.animation-container[data-tap-toggle].svelte-rqxsuh{cursor:pointer}.hover-hint.svelte-rqxsuh{display:block;position:absolute;inset:0;pointer-events:none;z-index:5;opacity:0;transition:opacity .15s ease-out}.animation-container[data-hover-hint].svelte-rqxsuh:hover .hover-hint:where(.svelte-rqxsuh){opacity:1}.hover-hint--badge.svelte-rqxsuh{display:flex;align-items:center;justify-content:center}.hint-stack.svelte-rqxsuh{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,2cqmin,12px);transform:scale(.92);transition:transform .15s cubic-bezier(.2,0,0,1)}.animation-container[data-hover-hint=badge].svelte-rqxsuh:hover .hint-stack:where(.svelte-rqxsuh){transform:scale(1)}.hint-disc.svelte-rqxsuh{display:flex;align-items:center;justify-content:center;width:clamp(44px,15cqmin,96px);height:clamp(44px,15cqmin,96px);border-radius:50%;background:#0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 28px #00000059;color:#fffffff5;font-size:clamp(17px,5.7cqmin,36px)}.hint-disc.svelte-rqxsuh i.fa-play:where(.svelte-rqxsuh){transform:translate(2px)}.hint-word.svelte-rqxsuh{font-size:clamp(10px,3cqmin,15px);font-weight:600;letter-spacing:.04em;color:#ffffffeb;text-shadow:0 1px 6px rgba(0,0,0,.6)}.hint-pill.svelte-rqxsuh{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);color:#fffffff2;font-size:13px;font-weight:600;transform:translateY(-4px);transition:transform .15s cubic-bezier(.2,0,0,1)}.animation-container[data-hover-hint=pill].svelte-rqxsuh:hover .hint-pill:where(.svelte-rqxsuh){transform:translateY(0)}.hover-hint--scrim.svelte-rqxsuh{background:radial-gradient(ellipse at center,#0000 45%,#00000038)}}@media(prefers-reduced-motion:reduce){.hover-hint.svelte-rqxsuh,.hint-stack.svelte-rqxsuh,.hint-pill.svelte-rqxsuh{transition:none}}.corner-toggle.svelte-rqxsuh{position:absolute;top:clamp(8px,2.5cqmin,20px);right:clamp(8px,2.5cqmin,20px);z-index:7;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer;opacity:0;transform:scale(.55) translateY(-12px);transform-origin:top right;pointer-events:none;transition:opacity .14s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.animation-container[data-corner-toggle].svelte-rqxsuh:not([data-playing]) .corner-toggle:where(.svelte-rqxsuh){opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.corner-toggle.svelte-rqxsuh:focus-visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;transition:opacity .2s ease,transform .32s cubic-bezier(.34,1.56,.64,1)}.corner-disc.svelte-rqxsuh{display:flex;align-items:center;justify-content:center;width:clamp(44px,11cqmin,84px);height:clamp(44px,11cqmin,84px);border-radius:50%;background:#0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d;color:#fffffff5;font-size:clamp(18px,4.6cqmin,38px);opacity:.9;transition:opacity .14s ease,transform .14s ease,box-shadow .14s ease}.corner-toggle.svelte-rqxsuh:hover .corner-disc:where(.svelte-rqxsuh),.corner-toggle.svelte-rqxsuh:focus-visible .corner-disc:where(.svelte-rqxsuh){opacity:1;transform:scale(1.06)}.corner-toggle.svelte-rqxsuh:active .corner-disc:where(.svelte-rqxsuh){transform:scale(.94)}.corner-toggle.svelte-rqxsuh:focus-visible{outline:none}.corner-toggle.svelte-rqxsuh:focus-visible .corner-disc:where(.svelte-rqxsuh){box-shadow:0 0 0 2px var(--theme-accent, #6366f1),0 4px 16px #0000004d}.corner-disc.svelte-rqxsuh i.fa-play:where(.svelte-rqxsuh){transform:translate(1px)}@media(hover:hover)and (pointer:fine){.animation-container[data-tap-toggle].svelte-rqxsuh .canvas-wrapper,.animation-container[data-corner-toggle].svelte-rqxsuh .canvas-wrapper{cursor:pointer}.animation-container[data-corner-toggle].svelte-rqxsuh .canvas-wrapper:hover .corner-toggle{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;transition:opacity .2s ease,transform .32s cubic-bezier(.34,1.56,.64,1)}}@media(prefers-reduced-motion:reduce){.corner-disc.svelte-rqxsuh{transition:none}.corner-toggle.svelte-rqxsuh,.corner-toggle.svelte-rqxsuh:focus-visible,.animation-container[data-corner-toggle].svelte-rqxsuh .canvas-wrapper:hover .corner-toggle{transform:none;transition:opacity .14s ease}}.content-wrapper.svelte-rqxsuh{display:flex;flex-direction:column;align-items:stretch;width:min(calc(100cqw - 12px),calc(100cqh - 8.5rem - 12px));max-width:calc(100cqh - 8.5rem);container-type:inline-size;border-radius:4px;overflow:hidden}@container (max-aspect-ratio: 1.15){.animation-container[data-no-progress].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh){width:min(calc(100cqw - 12px),calc(100cqh - 3.5rem - 12px));max-width:calc(100cqh - 3.5rem)}}.header-slot.svelte-rqxsuh{flex-shrink:0;overflow:hidden;max-height:100px;opacity:1}.animation-container[data-view=disassembling].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh),.animation-container[data-view=disassembled].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh){width:min(calc(100cqw - 12px),calc((100cqh - 7rem) * 2 / 3));max-width:calc((100cqh - 7rem) * 2 / 3);transition:width .5s cubic-bezier(.16,1,.3,1),max-width .5s cubic-bezier(.16,1,.3,1)}.progress-slot.svelte-rqxsuh{flex-shrink:0;overflow:hidden;max-height:100px;opacity:1;transition:max-height .3s cubic-bezier(.32,.72,0,1),opacity .2s ease-out}@container (min-aspect-ratio: 1.15){.content-wrapper.svelte-rqxsuh{width:calc(100cqh - 2.5rem);max-width:calc(100cqh - 2.5rem);height:auto}.animation-container[data-no-progress].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh){width:calc(100cqh - 1rem);max-width:calc(100cqh - 1rem)}.header-slot.svelte-rqxsuh{max-height:0;opacity:0}.canvas-wrapper{width:100%;height:100cqw}}.animation-container[data-focused].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh){width:min(calc(100cqw - 12px),calc(100cqh - 8.5rem - 12px));max-width:calc(100cqh - 8.5rem);max-height:calc(100cqh - 4px);height:auto}.animation-container[data-focused].svelte-rqxsuh .header-slot:where(.svelte-rqxsuh){max-height:100px!important;opacity:1!important}.animation-container[data-hide-header].svelte-rqxsuh .header-slot:where(.svelte-rqxsuh),.animation-container[data-focused][data-hide-header].svelte-rqxsuh .header-slot:where(.svelte-rqxsuh){max-height:0!important;opacity:0!important;pointer-events:none}.animation-container[data-focused][data-hide-header].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh){width:min(calc(100cqw - 12px),calc(100cqh - 3rem - 12px));max-width:calc(100cqh - 3rem)}.animation-container[data-focused][data-hide-header][data-no-progress].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh){width:min(calc(100cqw - 12px),calc(100cqh - 1rem));max-width:calc(100cqh - 1rem);max-height:calc(100cqh - 4px)}.animation-container[data-focused].svelte-rqxsuh .canvas-wrapper{width:100%;height:100cqw;flex-shrink:1;min-height:0}@container (min-aspect-ratio: 1.15){.animation-container[data-focused].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh){width:min(calc(100cqw - 12px),calc(100cqh - 3.5rem - 12px));max-width:calc(100cqh - 3.5rem)}}@container (min-aspect-ratio: 2.5){.animation-container[data-focused].svelte-rqxsuh .header-slot:where(.svelte-rqxsuh){max-height:28px!important}}.animation-container[data-focused][data-view=disassembling].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh),.animation-container[data-focused][data-view=disassembled].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh){width:min(calc(100cqw - 12px),calc((100cqh - 8.5rem) * 2 / 3));max-width:calc((100cqh - 8.5rem) * 2 / 3);transition:width .5s cubic-bezier(.16,1,.3,1),max-width .5s cubic-bezier(.16,1,.3,1)}@container (min-aspect-ratio: 2.5){.content-wrapper.svelte-rqxsuh{border-radius:0}}.animation-container[data-fill].svelte-rqxsuh{align-items:stretch;justify-content:stretch}.animation-container[data-fill].svelte-rqxsuh .content-wrapper:where(.svelte-rqxsuh){width:100%!important;max-width:none!important;max-height:none!important;height:100%;container-type:size}.animation-container[data-fill].svelte-rqxsuh .canvas-wrapper{flex:1;height:auto!important;min-height:0}@media(prefers-reduced-motion:reduce){.content-wrapper.svelte-rqxsuh,.header-slot.svelte-rqxsuh,.progress-slot.svelte-rqxsuh{transition:none}}