@font-face{font-family:Anton;src:url(./Anton-Regular-DDTWnLuj.ttf)format("truetype");font-display:swap}:root{--ink:#05070d;--paper:#f3efe6;--blood:#e0241b;--flare:#ffb347;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;background:var(--ink);height:100dvh;color:var(--paper);letter-spacing:.04em;text-transform:uppercase;margin:0;font-family:Anton,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.poster{object-fit:cover;width:100%;height:100%;display:none;position:fixed;inset:0}body[data-state=unsupported] .poster{display:block}body[data-state=unsupported] :is(#scene,.gate,.mute,.tagline,.coming){display:none}main{pointer-events:none;position:fixed;inset:0}.gate{pointer-events:auto;background:radial-gradient(#05070d1a 0%,#05070db8 85%);place-content:center;justify-items:center;gap:1.4rem;padding:1.5rem;transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0}body:is([data-state=playing],[data-state=revealed],[data-state=credits]) .gate{opacity:0;visibility:hidden}.play{aspect-ratio:1;-webkit-backdrop-filter:blur(8px)saturate(1.3);backdrop-filter:blur(8px)saturate(1.3);cursor:pointer;background:radial-gradient(circle at 32% 26%,#fff3,#0c101c9e 58%,#05070dc7);border:0;border-radius:50%;width:clamp(6.5rem,17vmin,9.5rem);padding:0;transition:transform .25s cubic-bezier(.2,.9,.2,1.3),box-shadow .25s;position:relative;box-shadow:inset 0 0 1.4rem #ffb34724,0 .6rem 2.4rem #0000008c}.play-ring{background:conic-gradient(var(--flare) calc(var(--progress,0) * 1turn), #f3efe624 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.play-icon{background:linear-gradient(180deg, #ffe2a8 0%, var(--flare) 50%, #e2551b 100%);clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(0 0 .5rem #ff963cb3);opacity:.25;transition:opacity .4s;position:absolute;inset:31% 27% 31% 35%}body:not([data-state=loading]) .play-ring{background:conic-gradient(from 210deg, var(--blood), var(--flare), #ffe2a8, var(--flare), var(--blood));animation:6s linear infinite play-spin}body:not([data-state=loading]) .play-icon{opacity:1}body[data-state=ready] .play:after{content:"";border:2px solid var(--flare);border-radius:50%;animation:2.2s cubic-bezier(.2,.7,.3,1) infinite play-ping;position:absolute;inset:0}.play:hover:not(:disabled){transform:scale(1.07);box-shadow:inset 0 0 2rem #ffb3474d,0 0 3.5rem #ff963c8c}.play:active:not(:disabled){transform:scale(.95)}.play:disabled{cursor:progress}.play:focus-visible,.mute:focus-visible{outline:3px solid var(--paper);outline-offset:6px}@keyframes play-spin{to{transform:rotate(1turn)}}@keyframes play-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}.play-label{letter-spacing:.42em;background:linear-gradient(180deg, #fff3d6 10%, var(--flare) 55%, #e2551b 100%);color:#0000;filter:drop-shadow(0 .1em .9em #ff82288c);opacity:.4;-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.42em;font-size:clamp(1.15rem,3.4vw,1.9rem);transition:opacity .4s}body:not([data-state=loading]) .play-label{opacity:1}.hint{letter-spacing:.28em;opacity:.6;margin:0;padding-left:.28em;font-size:clamp(.7rem,2vw,.9rem)}.tagline,.coming{text-align:center;opacity:0;width:max-content;max-width:92vw;text-shadow:0 0 .6em #05070de6, .08em .08em 0 var(--ink);margin:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.9,.2,1);position:absolute;left:50%;transform:translate(-50%,.8em)}.tagline{color:var(--flare);font-size:clamp(1rem,3.1vw,2.2rem);top:70%}.coming{letter-spacing:.5em;padding-left:.5em;font-size:clamp(.8rem,1.7vw,1.15rem);top:calc(70% + clamp(1.9rem,4.6vw,3.4rem))}body:is([data-state=revealed],[data-state=credits]) .tagline,body[data-state=credits] .coming{opacity:1;transform:translate(-50%)}@media not (min-aspect-ratio:1){.tagline{top:49%}.coming{top:calc(49% + clamp(1.9rem,4.6vw,3.4rem))}}.mute{top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));font:inherit;letter-spacing:.16em;text-transform:inherit;color:var(--paper);cursor:pointer;opacity:0;visibility:hidden;background:#05070d8c;border:1px solid #f3efe659;padding:.5em .9em .4em;font-size:.8rem;transition:opacity .4s;position:fixed}body:is([data-state=playing],[data-state=revealed],[data-state=credits]) .mute{opacity:.8;visibility:visible}.mute[aria-pressed=true]{color:var(--blood)}.credits{left:calc(1rem + env(safe-area-inset-left));bottom:calc(.8rem + env(safe-area-inset-bottom));letter-spacing:.02em;text-transform:none;opacity:.45;font-family:system-ui,sans-serif;font-size:.68rem;position:fixed}.noscript{text-align:center;margin:0;font-size:1.2rem;position:fixed;inset:auto 0 12%}@media (prefers-reduced-motion:reduce){*,:after{transition-duration:.01ms!important;animation:none!important}}