:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090913;--fg:#f3efe5;--accent:#bcff3c;--accent2:#6f42ff;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--fg)}.stage{isolation:isolate;background:var(--bg);width:100%;height:100svh;position:relative;overflow:hidden}.stage:after{content:"";z-index:20;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.backdrop,.grid{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.backdrop i{opacity:.72;will-change:transform;border-radius:50%;animation:14s ease-in-out infinite alternate drift;display:block;position:absolute;transform:translateZ(0)}.backdrop i:first-child{background:radial-gradient(circle,var(--accent2),transparent 68%);width:66vw;height:66vw;top:-28vw;left:-18vw}.backdrop i:nth-child(2){background:radial-gradient(circle,var(--accent),transparent 68%);width:58vw;height:58vw;bottom:-24vw;right:-17vw}.backdrop i:nth-child(3){background:radial-gradient(circle,#ec3c80,transparent 68%);width:34vw;height:34vw;animation-delay:-5s;top:34%;left:42%}.grid{opacity:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);transform-origin:bottom;background-size:42px 42px;transition:opacity .6s;transform:perspective(600px)rotateX(56deg)scale(1.5)translateY(32%)}.orb{z-index:6;aspect-ratio:1;will-change:transform;width:max(240px,min(34vmin,430px));position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.face{cursor:grab;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transform-origin:50% 52%;will-change:transform;background:0 0;border:0;border-radius:50%;outline:none;width:100%;height:100%;padding:0;animation:1.2s cubic-bezier(.16,1,.3,1) both spawn,3.8s ease-in-out 1.2s infinite idle-wobble;display:block;position:relative}.face:active{cursor:grabbing}.face:focus-visible .face__image-wrap{outline:3px solid var(--accent);outline-offset:8px}.face__halo{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent),transparent 68%);opacity:.62;will-change:transform,opacity;border-radius:50%;transition:opacity .3s,transform .3s;position:absolute;top:-14%;bottom:-14%;left:-14%;right:-14%}.face:hover .face__halo,.face.is-dragging .face__halo{opacity:1;transform:scale(1.08)}.face__image-wrap{will-change:transform;backface-visibility:hidden;background:0 0;position:absolute;top:-5%;bottom:-5%;left:-5%;right:-5%;overflow:visible;transform:translateZ(0)}.face img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:saturate(.8)contrast(1.06);width:100%;height:100%;transition:filter .5s;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.avatar-eye{z-index:1;opacity:0;will-change:opacity;transition:opacity .105s cubic-bezier(.16,1,.3,1)}.avatar-eye--left{clip-path:ellipse(11.5% 7.5% at 33% 45%)}.avatar-eye--right{clip-path:ellipse(11.5% 7.5% at 61% 42%)}.face.is-blinking .avatar-eye{opacity:1;transition-duration:62ms;transition-timing-function:cubic-bezier(.55,0,1,.45)}.charge-ring{border:2px solid var(--accent);opacity:0;border-radius:50%;transition:all .24s;position:absolute;top:-3%;bottom:-3%;left:-3%;right:-3%;transform:scale(.8)}.orb[data-charge] .charge-ring{opacity:calc(var(--charge) * .2);transform:scale(calc(.94 + var(--charge) * .035))}.orb.is-exploding .charge-ring,.orb.is-gone .charge-ring,.orb.is-respawning .charge-ring{opacity:0;transition:opacity .12s,transform .2s;transform:scale(0)}.orb.is-exploding .face{animation:.68s cubic-bezier(.7,0,.84,0) forwards explode}.orb.is-gone .face{opacity:0;pointer-events:none;animation:none;transform:scale(0)}.orb.is-respawning .face{animation:1.45s cubic-bezier(.16,1.25,.3,1) both respawn,3.8s ease-in-out 1.45s infinite idle-wobble}.explosion-flash{z-index:18;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--blast-x,73%) var(--blast-y,52%),#fff 0,color-mix(in srgb,var(--accent) 88%,white) 5%,color-mix(in srgb,var(--accent) 42%,transparent) 17%,transparent 46%);mix-blend-mode:screen;position:absolute;top:0;bottom:0;left:0;right:0}.explosion-flash.is-active{animation:.72s cubic-bezier(.1,.8,.2,1) screen-flash}.particles{pointer-events:none;contain:layout style;position:absolute;top:0;bottom:0;left:0;right:0}.particle,.shockwave{pointer-events:none;will-change:transform,opacity;backface-visibility:hidden;position:absolute;top:50%;left:50%}.particle{width:var(--size);height:var(--size);border-radius:var(--radius);background:var(--color);animation:particle-flight var(--duration,.9s) var(--ease,cubic-bezier(.1,.6,.25,1)) forwards}.particle.is-spark{height:calc(var(--size) * .24);transform-origin:0;border-radius:100%}.particle.is-smoke{opacity:.38;background:radial-gradient(circle,var(--color),transparent 70%);animation-name:smoke-flight}.particle.is-chunk{border:1px solid var(--fg);clip-path:polygon(12% 0,100% 18%,80% 100%,0 72%)}.shockwave{border:clamp(2px,.35vw,5px) solid var(--color);opacity:0;width:20px;height:20px;animation:shockwave var(--duration) cubic-bezier(.08,.65,.12,1) forwards;border-radius:50%;transform:translate(-50%,-50%)}.status{z-index:8;left:50%;bottom:max(28px,env(safe-area-inset-bottom));align-items:center;display:flex;position:fixed;transform:translate(-50%)}.status>i{background:var(--line);width:74px;height:2px;display:block}.status>i b{background:var(--accent);width:0;height:100%;box-shadow:0 0 10px var(--accent);transition:width .2s;display:block}html[data-theme=solar]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2e13c;--fg:#17150e;--accent:#ff3d00;--accent2:#ff8a00;--line:rgba(23,21,14,.2)}[data-theme=solar] .backdrop i{opacity:.9;mix-blend-mode:multiply;border-radius:0}[data-theme=solar] .backdrop i:first-child{clip-path:polygon(34% 0,100% 0,66% 100%,0 100%);background:#ff9d00;width:30vw;height:110vh;top:-5vh;left:8%}[data-theme=solar] .backdrop i:nth-child(2){background:#ff4a16;border-radius:50%;width:34vw;height:34vw;bottom:-8vw;right:-8vw}[data-theme=solar] .backdrop i:nth-child(3){background:#f8f1c7;border-radius:50%;width:15vw;height:15vw;top:10%;left:52%}[data-theme=solar] .face img{filter:saturate(1.25)contrast(1.05)}html[data-theme=signal]{--bg:#071512;--fg:#dfffea;--accent:#4cff86;--accent2:#0c553d;--line:rgba(76,255,134,.13)}[data-theme=signal] .backdrop i{opacity:.22}[data-theme=signal] .backdrop i:nth-child(3){background:radial-gradient(circle,#00ffd5,transparent 68%)}[data-theme=signal] .grid{opacity:1}[data-theme=signal] .face img{filter:grayscale()sepia(.35)hue-rotate(90deg)saturate(1.7)contrast(1.12)}[data-theme=signal] .charge-ring{border-radius:4px}@keyframes drift{to{transform:translate(5vw,6vh)scale(1.14)}}@keyframes spawn{0%{opacity:0;transform:scale(.15)rotate(-18deg)}60%{transform:scale(1.08)rotate(4deg)}to{opacity:1;transform:scale(1)}}@keyframes idle-wobble{0%,to{transform:translateY(0)rotate(-1.5deg)scale(1)}30%{transform:translateY(-8px)rotate(2deg)scale(1.015,.985)}65%{transform:translateY(3px)rotate(-.5deg)scale(.99,1.01)}}@keyframes explode{0%{transform:scale(1)}22%{transform:scale(.84,1.24)rotate(-4deg)}48%{transform:scale(1.42,.68)rotate(8deg)}to{opacity:0;transform:scale(.02)rotate(50deg)}}@keyframes respawn{0%{opacity:0;transform:scale(.02)rotate(-24deg)}42%{opacity:1;transform:scale(1.24,.72)rotate(8deg)}62%{transform:scale(.78,1.2)rotate(-5deg)}78%{transform:scale(1.12,.9)rotate(3deg)}90%{transform:scale(.96,1.04)rotate(-1deg)}to{transform:scale(1)}}@keyframes screen-flash{0%{opacity:0}7%{opacity:1}22%{opacity:.84}to{opacity:0}}@keyframes shockwave{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(var(--scale))}}@keyframes particle-flight{0%{transform:translate3d(-50%,-50%,0) rotate(var(--angle)) scale(.25);opacity:1}72%{opacity:1}to{transform:translate3d(calc(-50% + var(--x)),calc(-50% + var(--y)),0) rotate(var(--spin)) scale(.15);opacity:0}}@keyframes smoke-flight{0%{opacity:.5;transform:translate(-50%,-50%)scale(.25)}45%{opacity:.3}to{transform:translate3d(calc(-50% + var(--x)),calc(-50% + var(--y)),0) scale(3.1);opacity:0}}@media (max-width:760px){.orb{width:min(68vw,310px);top:46%;left:50%}.status{bottom:max(22px,env(safe-area-inset-bottom))}.backdrop i{animation-duration:18s}[data-theme=aurora] .backdrop i:first-child{width:140vw;height:140vw;top:-48vw;left:-72vw}[data-theme=aurora] .backdrop i:nth-child(2){width:125vw;height:125vw;bottom:-45vw;right:-68vw}[data-theme=aurora] .backdrop i:nth-child(3){opacity:.54;width:78vw;height:78vw;top:34%;left:18vw}[data-theme=solar] .stage{background:linear-gradient(160deg,#f7e94d 0%,#f2dc31 100%)}[data-theme=solar] .backdrop i{clip-path:none;opacity:.76;border-radius:50%}[data-theme=solar] .backdrop i:first-child{background:#ff9d00;width:72vw;height:72vw;top:7vh;left:-32vw}[data-theme=solar] .backdrop i:nth-child(2){background:#ff4a16;width:52vw;height:52vw;bottom:7vh;right:-25vw}[data-theme=solar] .backdrop i:nth-child(3){opacity:.58;background:#fff3a0;width:21vw;height:21vw;top:13vh;left:auto;right:8vw}[data-theme=signal] .grid{opacity:.6;background-size:30px 30px;transform:none;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 0,#000 24%,transparent 72%);mask-image:radial-gradient(circle at 50% 46%,#000 0,#000 24%,transparent 72%)}[data-theme=signal] .backdrop i:first-child{width:120vw;height:120vw;top:-42vw;left:-68vw}[data-theme=signal] .backdrop i:nth-child(2){width:105vw;height:105vw;bottom:-36vw;right:-62vw}[data-theme=signal] .backdrop i:nth-child(3){opacity:.26;width:76vw;height:76vw;top:31%;left:12vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}