.nf-stage{isolation:isolate;justify-content:center;width:100%;padding-block:clamp(2.5rem,7vh,5rem) clamp(1.5rem,4vh,3rem);display:flex;position:relative}.nf-digits{z-index:2;align-items:center;gap:.05em;font-size:clamp(6.5rem,min(30vw,34vh),17rem);line-height:.8;display:flex;position:relative}.nf-four{color:var(--l-fg);text-shadow:0 .04em .18em #0506148c;will-change:transform;animation:6s ease-in-out infinite nf-float;display:block}.nf-four--r{animation-delay:-3s}@keyframes nf-float{0%,to{translate:0}50%{translate:0 -.035em}}.nf-mouth{flex:none;display:block;position:relative}.nf-hole{--vx:0px;--vy:0px;cursor:pointer;background:radial-gradient(closest-side at calc(50% + var(--vx)) calc(50% + var(--vy)), #010106 0%, #06061a 45%, #1b1150 82%, #3a1d6e 100%);-webkit-tap-highlight-color:transparent;border-radius:50%;flex:none;width:.66em;height:.78em;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .022em #ff5d7a,inset 0 0 .12em .02em #ff5d7a73,0 0 .22em #e8364f59,0 0 .6em #3b2bd159}.nf-hole:hover{transform:scale(1.03)}.nf-hole:active{transform:scale(.98)}.nf-hole:focus-visible{outline-offset:.06em;outline:3px solid #ffb0bd}.nf-ring{opacity:0;will-change:transform, opacity;pointer-events:none;border:.02em solid #ff5d7a;border-radius:50%;position:absolute;inset:0}.nf-wave{z-index:-1;pointer-events:none;border-radius:50%;animation:.9s cubic-bezier(.2,.7,.2,1) forwards nf-wave;position:absolute;inset:0;box-shadow:0 0 0 .02em #ff5d7ae6}@keyframes nf-wave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.nf-echo{white-space:nowrap;color:#ffd6dd;pointer-events:none;opacity:0;animation:1.8s cubic-bezier(.3,.6,.25,1) forwards nf-echo;animation-delay:var(--d,0s);font-size:.15em;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes nf-echo{0%{opacity:0;transform:translate(0)scale(1.25)}12%{opacity:1}to{opacity:0;transform:translate(var(--vx), var(--vy)) scale(.06)}}.nf-piece{z-index:1;color:#fff;font-family:var(--font-l-sans), system-ui, sans-serif;white-space:nowrap;opacity:0;pointer-events:none;will-change:transform, opacity;background:#161a33db;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.45em;padding:.5em .85em;font-size:clamp(.8rem,.66rem + .4vw,1.02rem);font-weight:600;line-height:1;display:flex;position:absolute;top:0;left:0;box-shadow:0 .6em 1.6em #05061473}.nf-piece svg{flex:none;width:1.15em;height:1.15em}.nf-piece--bubble{border-radius:1.1em 1.1em 1.1em .3em}.nf-piece--bare{box-shadow:none;filter:drop-shadow(0 .15em .3em #05061499);background:0 0;border:0;padding:0;font-size:clamp(1.4rem,1rem + 1.2vw,2rem)}.nf-avatar{color:#15113f;background:linear-gradient(135deg,#ff5d7a,#ff9a6b);border-radius:50%;place-items:center;width:1.7em;height:1.7em;font-size:.8em;font-weight:800;display:grid;position:relative}.nf-avatar--online:after{content:"";background:#3ddc84;border:.16em solid #161a33;border-radius:50%;width:.62em;height:.62em;position:absolute;bottom:-.1em;right:-.1em}.nf-piece--avatar{background:0 0;border:0;padding:0;font-size:clamp(1.1rem,.8rem + 1vw,1.6rem)}@media (max-width:639px){.nf-piece--wide{display:none}}.nf-hint{z-index:2;color:var(--l-soft);white-space:nowrap;transition:opacity .4s;position:absolute;bottom:clamp(0rem,1vh,.75rem);left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.nf-four{animation:none}.nf-hole{transition:none}.nf-wave{display:none}.nf-echo{animation-name:nf-echo-fade}}@keyframes nf-echo-fade{0%,to{opacity:0}20%,70%{opacity:1}}