.intro-veil{--intro-deep:#03040b;--intro-near:#0a0f28;--intro-gold:#f5c04f;--intro-gold-soft:#f5d38a;--intro-glow:rgb(245 180 60/0.45);--intro-gather:rgb(255 236 196/0.55);--intro-gather-2:rgb(245 180 70/0.18);--intro-skip-bg:rgb(8 12 30/0.45);--intro-skip-edge:rgb(245 192 79/0.36);display:none}html:not(.dark) .intro-veil{--intro-deep:#c9ddf4;--intro-near:#fff8ea;--intro-gold:#b57a08;--intro-gold-soft:#6f4c06;--intro-glow:rgb(214 150 30/0.4);--intro-gather:rgb(240 170 40/0.55);--intro-gather-2:rgb(240 190 90/0.22);--intro-skip-bg:rgb(255 250 240/0.7);--intro-skip-edge:rgb(181 122 8/0.4)}html[data-intro] .intro-veil{position:fixed;inset:0;z-index:90;display:block;background:radial-gradient(ellipse at 50% 50%,var(--intro-near) 0,var(--intro-deep) 78%);cursor:pointer}html[data-intro=play] .intro-veil{animation:intro-failsafe var(--dur-emphasis) ease-out 6.5s both}@keyframes intro-failsafe{to{visibility:hidden;opacity:0}}html[data-intro] .intro-veil[data-gl]{background:transparent}.intro-veil[data-leaving]{opacity:0;transition:opacity var(--dur-emphasis) var(--ease-hive)}.intro-art,.intro-canvas{position:absolute;inset:0}.intro-canvas{display:block;width:100%;height:100%}.intro-preroll{position:absolute;top:50%;left:50%;width:min(46vmin,360px);aspect-ratio:1;margin:calc(min(46vmin, 360px) / -2) 0 0 calc(min(46vmin, 360px) / -2);border-radius:50%;background:radial-gradient(circle,var(--intro-gather) 0,var(--intro-gather-2) 22%,rgb(76 111 255/.06) 48%,transparent 70%);opacity:0;animation:intro-gather 1.8s ease-in-out .15s infinite alternate}@keyframes intro-gather{0%{opacity:.15;transform:scale(.82)}to{opacity:.6;transform:scale(1)}}.intro-veil[data-gl] .intro-preroll,.intro-veil[data-still] .intro-preroll{display:none}@media (prefers-reduced-motion:reduce){.intro-preroll{display:none}}.intro-still-name{display:none}.intro-veil[data-still] .intro-still-name{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:.2em;font-family:var(--font-ruqaa),serif;font-size:clamp(4.5rem,3rem + 7vw,9rem);color:var(--intro-gold);text-shadow:0 0 40px var(--intro-glow);animation:intro-still-in var(--dur-page) var(--ease-hive) both}@keyframes intro-still-in{0%{opacity:0}}.intro-skip{position:absolute;inset-inline:0;bottom:max(24px,env(safe-area-inset-bottom));width:-moz-fit-content;width:fit-content;min-height:44px;margin-inline:auto;padding:.55rem 1.25rem;border:1px solid var(--intro-skip-edge);border-radius:999px;background:var(--intro-skip-bg);font-size:.92rem;color:var(--intro-gold-soft);backdrop-filter:blur(8px);opacity:0;animation:intro-skip-in var(--dur-slow) ease-out .7s forwards}.intro-veil[data-open] .intro-skip{opacity:0;transition:opacity var(--dur-base) ease-out;animation:none;pointer-events:none}.intro-skip:focus-visible{outline:2px solid var(--intro-gold);outline-offset:3px;opacity:1}@keyframes intro-skip-in{to{opacity:1}}.intro-flight{--intro-mote:#ffe7a6;--intro-mote-glow:rgb(255 200 90/0.75);position:fixed;top:-7px;left:-7px;z-index:95;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fffdf4 0 28%,var(--intro-mote) 55%,rgb(255 210 110/0) 72%);box-shadow:0 0 18px 6px var(--intro-mote-glow);pointer-events:none}