@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:300;src:url(./cormorant-garamond-latin-300-italic-qkwBXYHn.woff2)format("woff2"),url(./cormorant-garamond-latin-300-italic-DRnsRYID.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(./inter-latin-300-normal-BVlfKGgI.woff2)format("woff2"),url(./inter-latin-300-normal-i8F0SvXL.woff)format("woff")}:root{--paper:#f4e7d6;--ink:#fffbf5f2;--ink-soft:#fff8f0b8;--ink-shadow:#58342642;--glass:#3a28244d;--glass-solid:#3a2824b8;--glass-edge:#fff0e233;--lit:#fff7ece6;--lit-ink:#5b3f35;--ease-breathe:cubic-bezier(.45, 0, .55, 1);--ease-settle:cubic-bezier(.22, 1, .36, 1);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--serif:"Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}html,body{overscroll-behavior:none;background:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300;position:fixed;inset:0}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}button:focus{outline:none}button:focus-visible{outline-offset:3px;outline:1px solid #fff8f099}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.ui{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.title-block{opacity:1;visibility:visible;position:absolute;inset:0}.ui.is-flying .title-block{opacity:0;visibility:hidden;transition:opacity 3s var(--ease-breathe), visibility 0s linear 3s}.title-block:before{content:"";left:50%;top:calc(27% + var(--safe-top) * .5);opacity:0;width:min(150vmin,1300px);height:min(60vmin,480px);transition:opacity 4s var(--ease-breathe) .6s;background:radial-gradient(closest-side,#46281e12,#46281e08 55%,#46281e00);position:absolute;transform:translate(-50%,-50%)}.ui.is-title .title-block:before{opacity:1}.title{left:0;right:0;top:calc(27% + var(--safe-top) * .5);padding:0 calc(16px + var(--safe-right)) 0 calc(16px + var(--safe-left));text-align:center;font-family:var(--serif);letter-spacing:.22em;text-indent:.22em;text-transform:lowercase;white-space:nowrap;color:var(--ink);text-shadow:0 0 .9em #ffeed659, 0 .05em 1.6em var(--ink-shadow);opacity:0;filter:blur(10px);will-change:opacity, filter, transform;margin:0;font-size:clamp(2.3rem,9.6vmin,6rem);font-style:italic;font-weight:300;line-height:1.1;position:absolute;transform:translateY(-50%)translateY(.35rem)}.ui.is-title .title{opacity:1;filter:blur();transition:opacity 3.2s var(--ease-breathe) .8s, filter 3.6s var(--ease-settle) .8s, transform 4.5s var(--ease-settle) .8s;transform:translateY(-50%)}.ui.is-flying .title{filter:blur(8px);transition:filter 3s var(--ease-breathe), transform 3.5s var(--ease-breathe);transform:translateY(-50%)translateY(-.5rem)}.hint-wrap{left:0;right:0;bottom:calc(11% + var(--safe-bottom));text-align:center;opacity:0;position:absolute}.ui.is-title .hint-wrap{opacity:1;transition:opacity 3s var(--ease-breathe) 2.6s}.hint{font-family:var(--sans);letter-spacing:.32em;text-indent:.32em;text-transform:lowercase;color:var(--ink);text-shadow:0 0 .6em #5834264d, 0 0 1.6em var(--ink-shadow);opacity:.5;will-change:opacity;margin:0;font-size:.86rem;font-weight:300}.halo{opacity:0;will-change:transform, opacity;background:radial-gradient(circle closest-side,#fff9ee00 64%,#fff9ee80 78%,#fff9ee 85%,#fff9ee73 90%,#fff9ee00 99%),radial-gradient(circle closest-side,#fff4e238 0%,#fff4e200 72%);border-radius:50%;width:min(84vmin,720px);height:min(84vmin,720px);margin:auto;display:none;position:absolute;inset:0;transform:scale(.7)}.halo.is-on{display:block}.awaken{opacity:0;will-change:transform, opacity;background:radial-gradient(circle closest-side,#ffe2aa00 56%,#ffe2aa80 74%,#ffeecd 83%,#ffe2aa66 90%,#ffe2aa00 99%),radial-gradient(circle closest-side,#ffe8be59 0%,#ffe8be00 72%);border-radius:50%;width:min(96vmin,860px);height:min(96vmin,860px);margin:auto;position:absolute;inset:0}.level{--shade:1;left:0;right:0;top:calc(38% + var(--safe-top) * .5);padding:0 calc(16px + var(--safe-right)) 0 calc(16px + var(--safe-left));font-family:var(--serif);text-transform:lowercase;white-space:nowrap;color:var(--ink);text-shadow:0 0 .9em #fff0dc59, 0 .05em 1.6em var(--ink-shadow);opacity:0;visibility:hidden;filter:blur(12px);will-change:opacity, filter, transform;flex-direction:column;align-items:center;margin:0;font-style:italic;font-weight:300;display:flex;position:absolute;transform:translateY(-50%)translateY(.55rem)}.level:before{content:"";z-index:-1;width:min(120vmin,900px);height:min(46vmin,380px);opacity:var(--shade);background:radial-gradient(closest-side,#46281e14,#46281e08 55%,#46281e00);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level.is-shown{opacity:1;visibility:visible;filter:blur();transition:opacity 2.4s var(--ease-breathe), filter 2.8s var(--ease-settle), transform 4s var(--ease-settle), visibility 0s;transform:translateY(-50%)}.level.is-leaving{opacity:0;visibility:visible;filter:blur(9px);transition:opacity 3.2s var(--ease-breathe), filter 3.2s var(--ease-breathe), transform 3.6s var(--ease-breathe), visibility 0s;transform:translateY(-50%)translateY(-.45rem)}.level-num{letter-spacing:.3em;text-indent:.3em;opacity:.9;font-size:clamp(1.4rem,4.8vmin,2.2rem);line-height:1}.level-rule{opacity:.4;background:linear-gradient(90deg,#0000,currentColor 30% 70%,#0000);width:clamp(1.6rem,5vmin,2.6rem);height:1px;margin:clamp(.55rem,1.9vmin,.95rem) 0 clamp(.4rem,1.4vmin,.7rem)}.level-name{letter-spacing:.16em;text-indent:.16em;font-size:clamp(1.9rem,7.4vmin,4.4rem);line-height:1.1}.level-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.gear{top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));z-index:3;width:44px;height:44px;color:var(--ink);opacity:0;pointer-events:none;filter:drop-shadow(0 1px 6px #46281e4d);transition:opacity 1.2s var(--ease-breathe);border-radius:50%;place-items:center;display:grid;position:absolute}.gear svg{stroke-width:1.3px;width:22px;height:22px;transition:transform 1.4s var(--ease-settle)}.gear.is-visible,.gear:focus-visible{opacity:.55;pointer-events:auto;transition-duration:.7s}.gear.is-visible:hover,.gear[aria-expanded=true]{opacity:.9}.gear[aria-expanded=true] svg{transform:rotate(45deg)}.scrim{z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s var(--ease-breathe), visibility 0s linear .6s;background:radial-gradient(140% 120% at 100% 0,#2c1c1833,#2c1c1800 70%);position:absolute;inset:0}.ui.is-sheet-open .scrim{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s var(--ease-breathe), visibility 0s}.sheet{top:calc(60px + var(--safe-top));right:calc(12px + var(--safe-right));z-index:3;box-sizing:border-box;width:min(336px, calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-height:calc(100% - 72px - var(--safe-top) - var(--safe-bottom));background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);color:var(--ink);transform-origin:calc(100% - 22px) -16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s var(--ease-breathe), transform .6s var(--ease-settle), visibility 0s linear .6s;border-radius:24px;gap:18px;padding:20px 18px 18px;display:grid;position:absolute;overflow:auto;transform:translateY(-6px)scale(.97);box-shadow:0 18px 50px #2816122e,inset 0 1px #fff5eb1a}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sheet{background:var(--glass-solid)}}.ui.is-sheet-open .sheet{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .55s var(--ease-breathe), transform .8s var(--ease-settle), visibility 0s;transform:none}.sheet-toggles{justify-content:space-around;gap:6px;display:flex}.toggle{flex:1 1 0;justify-items:center;gap:8px;min-width:0;padding:2px 0;display:grid}.toggle-disc{width:50px;height:50px;color:var(--ink-soft);transition:background-color .6s var(--ease-breathe), color .6s var(--ease-breathe), box-shadow .6s var(--ease-breathe), transform .5s var(--ease-settle);background:#fff5eb0d;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #fff0e242}.toggle-disc svg{width:22px;height:22px}.toggle:active .toggle-disc{transform:scale(.94)}.toggle[aria-pressed=true] .toggle-disc{color:var(--lit-ink);background:var(--lit);box-shadow:inset 0 0 0 1px #fffaf499,0 0 22px #ffecce47}.toggle-label{letter-spacing:.14em;text-transform:lowercase;white-space:nowrap;opacity:.62;transition:opacity .6s var(--ease-breathe);font-size:.66rem}.toggle[aria-pressed=true] .toggle-label{opacity:.85}.toggle .wave{transition:opacity .6s var(--ease-breathe)}.toggle[aria-pressed=false] .wave{opacity:.22}.toggle[aria-pressed=false] .wave-far{opacity:0}.toggle .fill{fill:currentColor;stroke:none}.toggle .faint{opacity:.5}.toggle .fs-exit,.toggle[aria-pressed=true] .fs-enter{display:none}.toggle[aria-pressed=true] .fs-exit{display:inline}.sheet-quality{align-items:center;gap:12px;padding:0 2px;display:flex}.quality-mark{opacity:.62;stroke-width:1.2px;flex:none;width:18px;height:18px}.segment{--i:0;background:#fff5eb0d;border-radius:19px;flex:1;grid-template-columns:repeat(4,1fr);height:38px;padding:3px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fff0e238}.segment-glide{background:var(--lit);width:calc(25% - 1.5px);transform:translateX(calc(var(--i) * 100%));transition:transform .7s var(--ease-settle);border-radius:16px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 0 18px #ffecce40}.segment button{letter-spacing:.12em;text-indent:.12em;text-transform:lowercase;color:var(--ink-soft);transition:color .6s var(--ease-breathe);border-radius:16px;font-size:.72rem;position:relative}.segment button[aria-checked=true]{color:var(--lit-ink)}@media (prefers-reduced-motion:reduce){.title,.ui.is-title .title,.ui.is-flying .title,.level,.level.is-shown,.level.is-leaving{filter:none;transform:translateY(-50%)}.sheet,.gear[aria-expanded=true] svg{transform:none}}@media (max-height:420px) and (orientation:landscape){.title,.title-block:before{top:calc(24% + var(--safe-top) * .5)}.hint-wrap{bottom:calc(9% + var(--safe-bottom))}.level{top:calc(36% + var(--safe-top) * .5)}}