.line{margin-bottom:-.09em;padding-bottom:.09em;display:block;overflow:hidden}.line>span{display:block}.js .line>span{filter:blur(6px);transition:transform 1s var(--ease-out) var(--d,0s),filter 1s var(--ease-out) var(--d,0s);transform:translateY(105%)}.js .rise{opacity:0;transition:opacity .8s var(--ease-out) var(--d,0s),transform .8s var(--ease-out) var(--d,0s);transform:translateY(12px)}.ready .line>span,.ready .rise{filter:none;opacity:1;transform:none}.shot *,.shot :before,.shot :after{transition:none!important}.head:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0b0b0cdb,#0b0b0cb3 55%,#0000);position:absolute;inset:-10px -48px -24px 58%}@property --tx{syntax:"<angle>";inherits:true;initial-value:62deg}@property --c1{syntax:"<color>";inherits:true;initial-value:#4f93d6}@property --c2{syntax:"<color>";inherits:true;initial-value:#bfe6ff}@property --c3{syntax:"<color>";inherits:true;initial-value:#eef6ff}@property --p{syntax:"<number>";inherits:true;initial-value:0}@property --sink{syntax:"<number>";inherits:true;initial-value:0}.bg{pointer-events:none;height:max(100svh,780px);position:absolute;top:0;left:0;right:0;overflow-x:clip}.dial{background:var(--color-bg);--c1:#4f93d6;--c2:#bfe6ff;--c3:#eef6ff;transition:opacity 1.8s var(--ease-out);border-radius:0 0 0 24px;position:absolute;inset:0 0 7vh calc(33.3333% + 21.3333px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30%);mask-image:linear-gradient(90deg,#0000 0,#000 30%)}.js .dial{opacity:0}.ready .dial{opacity:1}.dial:after{content:"";background:linear-gradient(#0b0b0c8c,#0000);height:140px;position:absolute;inset:0 0 auto}.dial .sky{position:absolute;inset:0 0 36%;overflow:hidden}.dial .sea{position:absolute;inset:64% 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 10%,#00000059 70%,#0000);mask-image:linear-gradient(#000 10%,#00000059 70%,#0000)}.mirror{height:177.78%;filter:blur(5px) brightness(calc(.5 + var(--p) * .2)) saturate(1.15);position:absolute;top:0;left:0;right:0;transform:scaleY(-1)}.drift{animation:drift 32s var(--ease-inout) infinite alternate;position:absolute;inset:-6%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-2.5%,1.5%)scale(1.05)}}.tw{transform:rotate(-3deg) translateY(calc(var(--sink) * 1%));transform-origin:12% 96%;opacity:.95;position:absolute;inset:0}.arc{background:radial-gradient(circle farthest-corner at 12% 96%, transparent 0 40%,color-mix(in oklab,var(--c1) 55%,transparent) 43%,var(--c1) 46.5%,var(--c2) 52%,color-mix(in oklab,var(--c3) 85%,transparent) 58%, color-mix(in oklab,var(--c3) 30%,transparent) 65%,color-mix(in oklab,var(--c3) 8%,transparent) 78%,transparent 92%);position:absolute;inset:0}.streaks{filter:blur(1px);background:repeating-conic-gradient(at 12% 96%,#0b0b0c1f 0deg .3deg,#0000 .3deg 1.1deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 12% 96%,#0000 41%,#000 47% 60%,#0000 76%);mask-image:radial-gradient(circle at 12% 96%,#0000 41%,#000 47% 60%,#0000 76%)}.bloom{background:radial-gradient(ellipse calc(55% + var(--p) * 14%) calc(22% + var(--p) * 6%) at 64% 100%,color-mix(in oklab,var(--c3) 70%,transparent),transparent 70%), radial-gradient(ellipse calc(30% + var(--p) * 8%) 10% at 58% 100%,color-mix(in oklab,var(--c2) 60%,transparent),transparent 80%);position:absolute;inset:0}.ripples{opacity:.35;background:repeating-linear-gradient(#0b0b0c80 0 1px,#0000 1px 6px);position:absolute;inset:0}.dial .horizon{background:linear-gradient(to right,transparent,color-mix(in oklab,var(--c3) 70%,transparent) 45%,color-mix(in oklab,var(--c2) calc(18% + var(--p) * 45%),transparent));height:1px;position:absolute;top:64%;left:0;right:0}.grain{opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stage{isolation:isolate;background:#0b0b0ca8;border:1px solid #ffffff1a;border-radius:28px;height:72vh;min-height:620px;max-height:820px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.scene{position:absolute;inset:0}.scene canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#cvB{z-index:1}#cvF{z-index:300}#cvT{z-index:700}.isl{transform-origin:95px 88px;--tx:62deg;width:190px;height:166px;transition:--tx 1s var(--ease-out);--shirt:color-mix(in oklab,var(--clay) 62%,#1a1b1e);position:absolute;top:0;left:0}.isl.act{--tx:40deg}.rig{perspective:640px;pointer-events:none;width:170px;height:170px;position:absolute;top:3px;left:10px}.floor{transform-style:preserve-3d;transform:rotateX(var(--tx));background:radial-gradient(circle at 36% 28%,#ffffff38,transparent 58%),radial-gradient(circle,transparent 60%,#0003),var(--clay);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.floor:before,.floor:after{content:"";background:color-mix(in oklab,var(--clay) 50%,#0b0b0c);border-radius:50%;position:absolute;inset:0}.floor:before{transform:translateZ(-6px)}.floor:after{background:color-mix(in oklab,var(--clay) 26%,#0b0b0c);transform:translateZ(-12px)}.floor>i{display:block;position:absolute}.ao{background:radial-gradient(closest-side,#18120e6b,#0000);border-radius:50%;width:54px;height:38px;margin:-19px 0 0 -27px}.ping{opacity:0;border:1.5px solid #f3f6fad9;border-radius:50%;inset:8%}.ag{transform-origin:50% 100%;width:40px;height:46px;transform:rotateX(calc(var(--tx) * -1));margin:-46px 0 0 -20px;position:absolute}.ag>i{display:block;position:absolute}.mon{background:#e2eaf0;border-radius:2px;width:18px;height:13px;top:5px;left:11px;overflow:hidden;box-shadow:inset 0 0 0 1px #282c3273}.mon:before{content:"";height:9px;animation:scroll 2.4s steps(3) infinite var(--d);background:repeating-linear-gradient(#93a8b8 0 1px,#0000 1px 3px);position:absolute;top:3px;left:3px;right:5px}.mon:after{content:"";background:var(--color-ice);opacity:0;animation:flick 3.4s ease-in-out infinite var(--d);position:absolute;inset:0}@keyframes scroll{to{transform:translateY(-3px)}}@keyframes flick{0%,70%,to{opacity:0}78%{opacity:.4}}.tbl{background:#d8cbb5;border-radius:2px;width:34px;height:7px;top:19px;left:3px;box-shadow:inset 0 -2px #b6a68c}.tbl:before,.tbl:after{content:"";background:#2b2c31;width:2px;height:9px;position:absolute;top:7px;left:3px}.tbl:after{left:auto;right:3px}.arm{background:var(--shirt);transform-origin:50% 1px;border-radius:2px;width:3px;height:8px;top:21px;left:23px}.per{width:12px;height:20px;animation:bob .9s ease-in-out infinite alternate var(--d);top:12px;left:14px}.per:after{content:"";background:var(--shirt);border-radius:6px 6px 3px 3px;width:12px;height:11px;position:absolute;top:8px;left:0}.hd{z-index:1;width:9px;height:9px;animation:turn 7s ease-in-out infinite var(--d);background:radial-gradient(circle at 35% 30%,#4b4c53,#222327 70%);border-radius:50%;position:absolute;top:0;left:1.5px}.chr{background:#3a414a;border-radius:3px 3px 2px 2px;width:14px;height:9px;top:27px;left:13px}.chr:before{content:"";background:#2b2c31;width:2px;height:4px;position:absolute;top:9px;left:6px}.chr:after{content:"";background:#56657a;border-radius:50%;width:10px;height:3px;position:absolute;top:12px;left:2px}@keyframes bob{to{transform:translateY(.7px)}}@keyframes turn{0%,82%,to{transform:none}86%,94%{transform:translate(1.3px)}}.rh .arm{animation:raise 11s var(--ease-inout) infinite var(--d)}@keyframes raise{0%,58%,84%,to{transform:none}64%,78%{transform:rotate(200deg)}}.wait .arm{transform:rotate(200deg)}.wait:after{content:"";background:var(--color-ember);border-radius:50%;width:5px;height:5px;position:absolute;top:1px;left:31px}.act .per{animation-duration:.3s}.act .mon:after{animation-duration:1.1s}.act .mon:before{animation-duration:.8s}.isl.far:not(.act) *,.isl.far:not(.act) :before,.isl.far:not(.act) :after,.stage.off .isl *,.stage.off .isl :before,.stage.off .isl :after{animation-play-state:paused}.lbl{font:600 7.5px/1 var(--font-body);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:#e9e8e4;opacity:0;transition:opacity .6s var(--ease-out);background:#121214e6;border:1px solid #ffffff24;border-radius:999px;padding:3px 5px;position:absolute;bottom:calc(100% - 3px);left:50%;transform:translate(-50%)}.act .lbl{opacity:1}.inm{text-align:center;font:500 12px/1 var(--font-body);color:var(--color-ink-2);transition:color .4s,transform 1s var(--ease-out);position:absolute;top:150px;left:0;right:0}.near .inm{color:var(--color-ink)}.act .inm{transform:translateY(18px)}.osel{z-index:800;pointer-events:none;opacity:0;transition:opacity .35s;position:absolute;top:0;left:0}.osel.on{opacity:1}.osel>i{display:block;position:absolute;top:0;left:0}.osel .e{background:var(--color-ice);transform-origin:0 0;width:1px;height:1px}.osel .h{background:var(--color-bg);border:1px solid var(--color-ice);width:7px;height:7px}.tag{background:var(--color-ice);color:var(--color-bg);font:500 11px/1 var(--font-body);white-space:nowrap;border-radius:4px;margin-bottom:5px;padding:4px 6px;position:absolute;bottom:100%;left:-1px}.osel .tag{margin:0;top:0;bottom:auto;left:0}.tag span{transition:opacity .14s,filter .14s;display:inline-block}.tag.swap span{opacity:0;filter:blur(2px)}.cardpos{z-index:850;pointer-events:none;position:absolute;top:0;left:0}.scard{border:1px solid var(--color-hair);opacity:0;clip-path:inset(0 100% 0 0 round 14px);width:224px;transition:opacity .5s var(--ease-out),transform .8s var(--ease-out),clip-path .8s var(--ease-out);background:#141416f0;border-radius:14px;padding:14px 14px 12px;transform:translate(-14px)}.cardpos.l .scard{clip-path:inset(0 0 0 100% round 14px);transform:translate(14px)}.cardpos .scard.on{opacity:1;clip-path:inset(0 round 14px);transform:none}.sc-h{font:500 13px/1 var(--font-body);justify-content:space-between;align-items:center;display:flex}.sc-h span{color:var(--color-ink-2);font-size:12px;font-weight:400}.sc-n{font:600 40px/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:baseline;gap:7px;margin:12px 0 10px;display:flex}.sc-n small{font:400 12px/1 var(--font-body);color:var(--color-ink-2);letter-spacing:0}.sc-m{border-top:1px solid var(--color-hair)}.sc-m div{border-bottom:1px solid var(--color-hair);color:var(--color-ink-2);justify-content:space-between;padding:7px 0;font-size:12.5px;display:flex}.sc-m dd{color:var(--color-ink);font-variant-numeric:tabular-nums}.sc-f{color:var(--color-ink-2);font-variant-numeric:tabular-nums;margin-top:9px;font-size:12px}.sc-f b,.sc-m dd,.sc-n>span{display:inline-block}.sc-f b{color:var(--color-ink);font-weight:500}.btag{z-index:850;pointer-events:none;white-space:nowrap;font:500 11.5px/1 var(--font-body);border:1px solid var(--color-hair);color:var(--color-ink);background:#141416e0;border-radius:6px;align-items:center;gap:7px;padding:5px 8px;display:flex;position:absolute;top:0;left:0}.btag i{background:var(--color-ice);border-radius:50%;width:5px;height:5px}.btag em{font:400 11px/1 var(--font-mono);color:var(--color-ink-2);font-style:normal}.status{z-index:900;border:1px solid var(--color-hair);max-width:calc(100% - 40px);height:36px;color:var(--color-ink-2);background:#141416e6;border-radius:10px;align-items:center;gap:10px;padding:0 14px 0 12px;font-size:13px;transition:opacity .4s;display:flex;position:absolute;bottom:20px;left:20px}.status i{background:var(--color-ink-3);border-radius:50%;flex:none;width:6px;height:6px;transition:background .3s}.status.running i{background:var(--color-ember)}.status span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status.out{opacity:.4}.sfoot{z-index:900;align-items:center;gap:14px;display:flex;position:absolute;top:20px;right:20px}.replay{border:1px solid var(--color-hair);width:36px;height:36px;color:var(--color-ink-2);transition:color .2s,transform .15s var(--ease-out);background:#141416e6;border-radius:10px;place-items:center;display:grid}.replay:hover{color:var(--color-ink)}.replay:active{transform:scale(.92)}.replay svg{width:18px;height:18px;transition:transform .4s var(--ease-out);flex:none}.replay:hover svg{transform:rotate(-40deg)}@media (max-width:900px){.head:before{inset:-40px -16px}.dial{height:62svh;min-height:420px;bottom:auto;left:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.stage{border-radius:22px;height:740px;min-height:0;max-height:none}.sfoot{top:12px;right:12px}.status{max-width:calc(100% - 24px);bottom:12px;left:12px}.scard{width:200px}}@media (prefers-reduced-motion:reduce){.dial{transition:none}.drift,.per,.hd,.mon:before,.mon:after,.rh .arm{animation:none}.js .line>span{filter:none;opacity:0;transition:opacity .6s;transform:none}.js .rise{transform:none}.ready .line>span{opacity:1}}
.js .reveal{opacity:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transform:translateY(16px)}.js .reveal.seen{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{transform:none}}.m1{background:radial-gradient(90% 45% at 30% 100%,#ff5a368c,#0000 70%),radial-gradient(60% 30% at 70% 72%,#ffaa784d,#0000 70%),linear-gradient(#121214,#1c1413)}.m2{background:radial-gradient(70% 50% at 70% 20%,#bfe6ff59,#0000 70%),linear-gradient(160deg,#10151a,#0f0f11)}.m3{background:linear-gradient(#0000 58%,#ff5a3666 58.3%,#0000 60%),radial-gradient(80% 40% at 50% 58%,#bfe6ff2e,#0000 70%),linear-gradient(#141416,#0e0e10)}.m4{background:radial-gradient(100% 40% at 50% 62%,#ecf3fa59,#0000 60%),linear-gradient(#0f1418 55%,#0b0c0e)}.m5{background:radial-gradient(circle at 25% 30%,#ff966459,#0000 55%),linear-gradient(200deg,#181412,#0f0f11)}
