@property --reel-s{syntax:"<integer>";inherits:false;initial-value:0}@property --reel-f{syntax:"<integer>";inherits:false;initial-value:0}@property --reel-n{syntax:"<integer>";inherits:false;initial-value:0}@property --reel-iris{syntax:"<percentage>";inherits:false;initial-value:0%}@layer components{.reel{--e-out:cubic-bezier(.22, 1, .36, 1);--e-in:cubic-bezier(.64, 0, .78, 0);--e-io:cubic-bezier(.83, 0, .17, 1);--e-back:cubic-bezier(.34, 1.56, .64, 1);z-index:100;color:var(--ink);background-color:var(--surface);background-image:radial-gradient(circle, var(--dot) 1.3px, transparent 1.6px);-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent calc(var(--reel-iris) - 0.6%), #000 calc(var(--reel-iris) + 0.01%));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent calc(var(--reel-iris) - 0.6%), #000 calc(var(--reel-iris) + 0.01%));mask-image:radial-gradient(circle at 50% 50%, transparent calc(var(--reel-iris) - 0.6%), #000 calc(var(--reel-iris) + 0.01%));animation:r-iris .6s var(--e-io) 14.4s both;background-size:20px 20px;position:fixed;inset:0;overflow:hidden}.reel.is-exit{animation:r-iris-skip .6s var(--e-io) both}html[data-reel=off] .reel{display:none}html.reel-lock{overflow:hidden}.reel-scene{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.reel-mask{vertical-align:bottom;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.reel-tc:after{counter-reset:s var(--reel-s) f var(--reel-f);content:"00:" counter(s, decimal-leading-zero) ":" counter(f, decimal-leading-zero);animation:15s steps(15,end) both r-tc-s,1s steps(24,end) 15 both r-tc-f}.reel-count{counter-reset:n var(--reel-n)}.reel-count:after{content:counter(n)}}@keyframes r-iris{0%{--reel-iris:0%}to{--reel-iris:100%;visibility:hidden}}@keyframes r-iris-skip{0%{--reel-iris:0%}to{--reel-iris:100%;visibility:hidden}}@keyframes r-tc-s{0%{--reel-s:0}to{--reel-s:15}}@keyframes r-tc-f{0%{--reel-f:0}to{--reel-f:24}}@keyframes r-fade-in{0%{opacity:0}to{opacity:1}}@keyframes r-out{to{opacity:0;visibility:hidden}}@keyframes r-rise{0%{transform:translateY(105%)}to{transform:none}}@keyframes r-up{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}@keyframes r-char{0%{opacity:0;transform:translateY(.45em)scale(.3)rotate(-14deg)}to{opacity:1;transform:none}}@keyframes r-letter{0%{opacity:0;filter:blur(6px);transform:translate(.5em)}to{opacity:1;filter:blur();transform:none}}@keyframes r-pop{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes r-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes r-grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes r-draw{0%{stroke-dashoffset:1.001px}to{stroke-dashoffset:0}}@keyframes r-comet{0%{stroke-dashoffset:.05px}to{stroke-dashoffset:-1px}}@keyframes r-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}@keyframes r-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes r-zoom-out{to{opacity:0;filter:blur(14px);visibility:hidden;transform:scale(4)}}@keyframes r-scene-out{to{opacity:0;visibility:hidden;transform:scale(.94)}}@keyframes r-shrink{to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes r-ink{to{color:var(--surface)}}@keyframes r-press{0%,to{transform:scale(1)}50%{transform:scale(.86)}}@keyframes r-ripple{0%{opacity:.8;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}@keyframes r-cursor{0%{opacity:0;transform:translate(-9em,7em)rotate(-8deg)}20%{opacity:1}to{opacity:1;transform:none}}@keyframes r-toast{0%{opacity:0;transform:translateY(140%)}to{opacity:1;transform:none}}@keyframes r-logo{0%{clip-path:circle(0%);transform:rotate(-120deg)scale(.6)}to{clip-path:circle(72%);transform:none}}@keyframes r-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes r-boot{0%{width:14px;height:14px;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%)scale(0)}22%{width:14px;height:14px;animation-timing-function:cubic-bezier(.83,0,.17,1);transform:translate(-50%,-50%)scale(1)}48%{width:min(46vw,520px);height:3px;transform:translate(-50%,-50%)scale(1)}66%{width:min(46vw,520px);height:3px;animation-timing-function:cubic-bezier(.83,0,.17,1)}84%{width:3px;height:3px;animation-timing-function:cubic-bezier(.22,1,.36,1)}to{width:4px;height:clamp(48px,9vw,120px);transform:translate(-50%,-50%)scale(1)}}@keyframes r-roll{0%,13.04%{filter:blur();animation-timing-function:cubic-bezier(.7,0,.3,1);transform:translateY(0)}17.39%{filter:blur(3px)}21.74%,30.43%{filter:blur();animation-timing-function:cubic-bezier(.7,0,.3,1);transform:translateY(-1.15em)}34.78%{filter:blur(3px)}39.13%,45.22%{filter:blur();animation-timing-function:cubic-bezier(.7,0,.3,1);transform:translateY(-2.3em)}49.13%{filter:blur(4px)}53.04%,58.26%{filter:blur();animation-timing-function:cubic-bezier(.7,0,.3,1);transform:translateY(-3.45em)}61.74%{filter:blur(4px)}65.22%,69.57%{filter:blur();animation-timing-function:cubic-bezier(.7,0,.3,1);transform:translateY(-4.6em)}72.61%{filter:blur(5px)}75.65%,80.87%{filter:blur();animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(-5.75em)}86%{filter:blur(3px)}95.65%,to{filter:blur();transform:translateY(-6.9em)}}@keyframes r-wipe{0%{clip-path:inset(0 100% 0 0);animation-timing-function:cubic-bezier(.83,0,.17,1)}50%{clip-path:inset(0);animation-timing-function:cubic-bezier(.83,0,.17,1)}to{clip-path:inset(0 0 0 100%)}}