.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--primary: #c9a227;--glow: #fff0bf;--deep: #171208;--ink: #f4efe6;--ink-dim: rgba(244, 239, 230, .34);--ink-soft: rgba(244, 239, 230, .76);--ink-said: rgba(244, 239, 230, .72);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pad: clamp(1rem, 4vw, 2.5rem);--band: 1180px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#000;color:var(--ink);font-family:var(--sans);overscroll-behavior:none}body{min-height:100svh}.grimoire{position:relative;min-height:100svh;display:grid;overflow:hidden}.stage{position:fixed;inset:0;z-index:0}.stage canvas{display:block;width:100%;height:100%}.grimoire:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,var(--deep),#000 70%)}.summons{position:fixed;inset:auto 0 max(2rem,12svh) 0;z-index:3;display:grid;place-items:center;gap:.75rem;padding:0 var(--pad);text-align:center;pointer-events:none;transition:opacity .6s ease}.summons p{margin:0;font-family:var(--serif);font-size:clamp(1.05rem,3.6vw,1.5rem);letter-spacing:.02em;color:var(--ink);text-shadow:0 0 30px var(--deep);animation:breathe 3.4s ease-in-out infinite}.summons small{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}@keyframes breathe{0%,to{opacity:.62}50%{opacity:1}}.tale{position:relative;z-index:2;align-self:end;width:100%;padding:0 var(--pad) calc(var(--pad) + 4.5rem);opacity:0;transform:translateY(1.5rem);transition:opacity 1.2s ease,transform 1.2s ease;pointer-events:none}.tale__head{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin-bottom:.6rem}.tale__name{margin:0;font-family:var(--serif);font-size:clamp(1.6rem,6vw,2.6rem);font-weight:500;letter-spacing:.01em;line-height:1.05;color:var(--ink)}.tale__virtue{font-size:clamp(.68rem,2.4vw,.8rem);letter-spacing:.22em;text-transform:uppercase;color:var(--primary)}.tale__body{max-height:34svh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 50%,transparent) transparent;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent);padding-block:.8rem}.tale__body p{margin:0 0 .9em;font-family:var(--serif);font-size:clamp(1.02rem,3.9vw,1.22rem);line-height:1.72;text-wrap:pretty}.w{color:var(--ink-dim);transition:color .35s ease,text-shadow .35s ease}.w[data-state=said]{color:var(--ink-said)}.w[data-state=now]{color:var(--glow);text-shadow:0 0 18px color-mix(in srgb,var(--glow) 55%,transparent);transition-duration:.08s}.notice{margin:0 0 .8rem;font-size:.78rem;line-height:1.5;color:var(--ink-dim);border-left:2px solid color-mix(in srgb,var(--primary) 45%,transparent);padding-left:.7rem}.hud{position:fixed;z-index:4;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem var(--pad) calc(.75rem + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,.85),transparent);opacity:0;transition:opacity .8s ease;pointer-events:none}.btn{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .95rem;border:1px solid color-mix(in srgb,var(--primary) 34%,transparent);border-radius:999px;background:#00000073;color:var(--ink);font:inherit;font-size:.85rem;letter-spacing:.03em;cursor:pointer;text-decoration:none;backdrop-filter:blur(8px);transition:border-color .25s ease,background .25s ease,transform .15s ease}.btn:hover,.btn:focus-visible{border-color:var(--primary);background:#000000b3}.btn:active{transform:scale(.96)}.btn--ghost{border-color:#ffffff1a;color:var(--ink-soft)}.btn--ghost:hover,.btn--ghost:focus-within{color:var(--ink)}.only-playing,.only-read{display:none}.grimoire[data-playing=yes] .only-playing{display:block}.grimoire[data-playing=yes] .only-paused{display:none}.grimoire[data-mode=read] .only-read{display:block}.grimoire[data-mode=read] .only-scene{display:none}:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.gift{position:fixed;inset:0;z-index:5;display:grid;place-content:center;gap:1rem;padding:var(--pad);text-align:center;background:radial-gradient(ellipse at center,#040302f0,#000000fb);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}.gift__label{font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft)}.gift__label strong{color:var(--glow);font-weight:600}.gift__virtue{margin:0;font-family:var(--serif);font-size:clamp(2.2rem,11vw,4.5rem);font-weight:500;line-height:1;color:var(--glow);text-shadow:0 0 60px color-mix(in srgb,var(--glow) 45%,transparent)}.gift__note{margin:0;color:var(--primary);font-size:.95rem}.gift__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.8rem}.grimoire[data-act=appearing] .summons,.grimoire[data-act=telling] .summons,.grimoire[data-act=gift] .summons{opacity:0}.grimoire[data-act=telling] .tale,.grimoire[data-act=gift] .tale{opacity:1;transform:none;pointer-events:auto}.grimoire[data-act=telling] .hud,.grimoire[data-act=gift] .hud{opacity:1;pointer-events:auto}.grimoire[data-act=gift] .gift{opacity:1;visibility:visible}.grimoire[data-mode=read] .stage,.grimoire[data-mode=read] .summons,.grimoire[data-mode=read] .gift{display:none}.grimoire[data-mode=read]{background:#12100c}.grimoire[data-mode=read]:before{background:linear-gradient(to bottom,var(--deep),#0b0a07 60%)}.grimoire[data-mode=read] .tale{opacity:1;transform:none;pointer-events:auto;align-self:start;max-width:38rem;margin:0 auto;padding-top:calc(var(--pad) + 1rem)}.grimoire[data-mode=read] .tale__body{max-height:none;overflow:visible;mask-image:none;-webkit-mask-image:none}.grimoire[data-mode=read] .tale__body p{font-size:clamp(1.08rem,4.2vw,1.3rem);line-height:1.85}.grimoire[data-mode=read] .hud{opacity:1;pointer-events:auto}.grimoire[data-mode=read] .w{color:var(--ink)}@media(orientation:landscape)and (min-width:720px){.tale{position:fixed;inset-block:0;inset-inline:auto max(0px,calc((100vw - var(--band)) / 2));width:min(calc(var(--band) * .46),34rem);align-self:center;display:grid;align-content:center;padding-block:var(--pad)}.tale__body{max-height:52svh}.hud{justify-content:flex-end;padding-inline-end:calc(var(--pad) + .5rem)}.grimoire[data-mode=read] .tale{position:relative;inset:auto;width:auto}}.forest{position:relative;z-index:2;padding:var(--pad);max-width:68rem;margin:0 auto}.forest:before{content:"";position:fixed;inset:-20% -10%;z-index:-1;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 20% 30%,rgba(255,240,191,.5),transparent),radial-gradient(1px 1px at 70% 15%,rgba(255,240,191,.4),transparent),radial-gradient(2px 2px at 45% 70%,rgba(201,162,39,.35),transparent),radial-gradient(1px 1px at 85% 55%,rgba(255,240,191,.45),transparent),radial-gradient(1.5px 1.5px at 10% 85%,rgba(201,162,39,.3),transparent);background-size:420px 420px,360px 360px,520px 520px,300px 300px,460px 460px;animation:drift 90s linear infinite}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-360px,-420px,0)}}.forest__head{text-align:center;margin-bottom:2.4rem}.forest__head h1{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,7vw,3rem);margin:0 0 .35rem;text-shadow:0 0 42px rgba(201,162,39,.35)}.forest__head p{margin:0;color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}.grove{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1rem;list-style:none;padding:0;margin:0}.sapling{position:relative;display:grid;gap:.5rem;padding:1rem .75rem;border:1px solid rgba(255,255,255,.07);border-radius:1rem;background:#ffffff05;text-align:center;text-decoration:none;color:inherit;transition:border-color .3s ease,background .3s ease,transform .3s ease}.sapling:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:#ffffff0d}.sapling img{width:100%;height:9rem;object-fit:contain;object-position:bottom}.sapling__name{font-family:var(--serif);font-size:1rem}.sapling__virtue{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.sapling[data-awake=no] img{filter:brightness(0) drop-shadow(0 0 14px rgba(255,255,255,.1));opacity:.55}.sapling[data-awake=no] .sapling__name{color:var(--ink-soft)}.sapling[data-awake=no] .sapling__virtue{color:var(--ink-dim)}.sapling[data-awake=yes]{border-color:color-mix(in srgb,var(--card, var(--primary)) 42%,transparent);background:radial-gradient(ellipse at 50% 78%,color-mix(in srgb,var(--card, var(--primary)) 16%,transparent),transparent 70%),#ffffff05}.sapling[data-awake=yes] img{filter:drop-shadow(0 6px 22px color-mix(in srgb,var(--card, var(--primary)) 45%,transparent))}.sapling[data-awake=yes] .sapling__virtue{color:var(--card-glow, var(--glow))}.sapling[data-awake=yes]:hover{border-color:var(--card, var(--primary))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important;scroll-behavior:auto!important}.summons p{opacity:1}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}