.sf-mark{--sf-gold:#c4a265;--sf-gold-hi:#f0d090;--sf-gold-lo:#8a5a00;--sf-cy:#6de6ff;--sf-cy-hi:#b3f4ff;--sf-ember:#fff4d4;aspect-ratio:1;perspective:1200px;perspective-origin:50% 45%;width:600px;transform-style:preserve-3d;pointer-events:none;position:relative}.sf-mark .mark{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative;transform:rotateX(0)rotateY(0)}.sf-mark .mark-tilt{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes sf-latticeBreath{0%,to{transform:scale(1)}50%{transform:scale(1.008)}}.sf-mark .depth{pointer-events:none;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sf-mark .depth.back-far{transform:translateZ(-240px)}.sf-mark .depth.back-mid{transform:translateZ(-120px)}.sf-mark .depth.front-mid{transform:translateZ(80px)}.sf-mark .depth-halo{aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle,rgba(255,244,212,.18) 0%,rgba(196,162,101,.12) 30%,rgba(109,230,255,.05) 60%,transparent 78%);border-radius:50%;width:86.67%}.sf-mark .depth-ring{aspect-ratio:1;border-radius:50%;width:90%;box-shadow:0 0 50px -24px rgba(196,162,101,.18),inset 0 0 80px -34px rgba(109,230,255,.1)}.sf-mark .depth-ember-glow{aspect-ratio:1;filter:blur(6px);background:radial-gradient(circle,rgba(255,244,212,.45) 0%,rgba(240,208,144,.18) 35%,transparent 70%);border-radius:50%;width:23.3%;animation:3.4s ease-in-out infinite sf-emberGlowPulse}@keyframes sf-emberGlowPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.25)}}.sf-mark .sphere-frame{transform-style:preserve-3d;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sf-mark .ring-3d{aspect-ratio:1;width:86.7%;transform-style:preserve-3d;box-sizing:border-box;border-radius:50%;position:absolute}.sf-mark .ring-3d.mer-0{border:1px solid rgba(109,230,255,.16)}.sf-mark .sf-defs{width:0;height:0;position:absolute;overflow:hidden}.sf-mark .gem-layer{transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.sf-mark .gem-layer.field{transform:translateZ(-40px)}.sf-mark .gem-layer.face{transform:translateZ(0)}.sf-mark .gem-layer.spears{transform:translateZ(24px)}.sf-mark .gem-layer.core{transform:translateZ(0)}.sf-mark .gem-layer>svg{width:100%;height:100%;animation:6s ease-in-out infinite sf-latticeBreath;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.sf-mark .gem-sheen{pointer-events:none;background:radial-gradient(circle at calc(50% + var(--shx,0px))calc(40% + var(--shy,0px)),rgba(255,244,212,.2) 0%,rgba(255,244,212,.07) 22%,transparent 48%);border-radius:6%;position:absolute;top:0;bottom:0;left:0;right:0}.sf-mark .surge-seed,.sf-mark .surge-ring{opacity:0;pointer-events:none;will-change:transform,opacity;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.sf-mark .surge-seed{aspect-ratio:1;z-index:5;background:radial-gradient(circle,#fff 0%,#fff 30%,#fff4d4 55%,rgba(240,208,144,0) 80%);width:2.4%}.sf-mark .surge-ring{aspect-ratio:1;z-index:4;border:2px solid rgba(255,255,255,.95);width:2.7%;box-shadow:0 0 18px rgba(255,244,212,.6),0 0 6px rgba(179,244,255,.5),inset 0 0 8px rgba(255,244,212,.32)}.sf-mark .surge-ring.r1{--surgeScale:50;border-color:rgba(255,255,255,.98);box-shadow:0 0 16px rgba(179,244,255,.7),0 0 5px rgba(255,255,255,.95),inset 0 0 7px rgba(179,244,255,.4)}.sf-mark .surge-ring.cy{--surgeScale:46;border-color:rgba(240,208,144,.95);box-shadow:0 0 24px rgba(240,208,144,.78),0 0 9px rgba(109,230,255,.22),inset 0 0 8px rgba(240,208,144,.32)}.sf-mark .surge-ring.brass{--surgeScale:42;border-color:rgba(196,162,101,.92);box-shadow:0 0 20px rgba(196,162,101,.58),0 0 11px rgba(109,230,255,.18)}.sf-mark .surge-ring.ping{--surgeScale:58;z-index:3;border:1.2px solid rgba(109,230,255,.9);box-shadow:0 0 14px rgba(109,230,255,.65),inset 0 0 6px rgba(179,244,255,.3)}.sf-mark .sentry-ping{aspect-ratio:1;opacity:0;pointer-events:none;z-index:3;will-change:transform,opacity;border:1.2px solid rgba(109,230,255,.9);border-radius:50%;width:2.7%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(34px)scale(0);box-shadow:0 0 12px rgba(109,230,255,.55),inset 0 0 5px rgba(179,244,255,.3)}.sf-mark .mark-tilt.alert .sentry-ping{animation:.6s cubic-bezier(.05,.8,.25,1) forwards sf-sentryPing}@keyframes sf-sentryPing{0%{opacity:0;border-width:1.6px;transform:translate(-50%,-50%)translateZ(34px)scale(.05)}10%{opacity:.9;border-width:1.4px;transform:translate(-50%,-50%)translateZ(34px)scale(1.2)}to{opacity:0;border-width:.3px;transform:translate(-50%,-50%)translateZ(34px)scale(28)}}.sf-mark .mark-tilt.shedding .surge-seed{animation:.5s cubic-bezier(.15,.7,.25,1) forwards sf-surgeSeed}.sf-mark .mark-tilt.shedding .surge-ring{animation:.72s cubic-bezier(.1,.75,.3,1) 40ms forwards sf-surgePulse}.sf-mark .mark-tilt.shedding .surge-ring.r2{animation-duration:.8s;animation-delay:.12s}.sf-mark .mark-tilt.shedding .surge-ring.r3{animation-duration:.88s;animation-delay:.2s}.sf-mark .mark-tilt.shedding .surge-ring.ping{animation:.58s cubic-bezier(.05,.8,.25,1) forwards sf-surgePing}@keyframes sf-surgeSeed{0%{opacity:0;transform:translate(-50%,-50%)translateZ(55px)scale(0)}22%{opacity:1;transform:translate(-50%,-50%)translateZ(55px)scale(5)}45%{opacity:.9;transform:translate(-50%,-50%)translateZ(55px)scale(8.5)}75%{opacity:.5;transform:translate(-50%,-50%)translateZ(55px)scale(3)}to{opacity:0;transform:translate(-50%,-50%)translateZ(55px)scale(.8)}}@keyframes sf-surgePulse{0%{opacity:0;border-width:3px;transform:translate(-50%,-50%)translateZ(30px)scale(.05)}9%{opacity:1;border-width:2.6px;transform:translate(-50%,-50%)translateZ(30px)scale(.6)}40%{transform:translate(-50%,-50%)translateZ(30px)scale(calc(var(--surgeScale,46)*.42));opacity:.82;border-width:1.4px}to{transform:translate(-50%,-50%)translateZ(30px)scale(var(--surgeScale,46));opacity:0;border-width:.45px}}@keyframes sf-surgePing{0%{opacity:0;border-width:1.8px;transform:translate(-50%,-50%)translateZ(34px)scale(.05)}8%{opacity:1;border-width:1.5px;transform:translate(-50%,-50%)translateZ(34px)scale(.7)}46%{transform:translate(-50%,-50%)translateZ(34px)scale(calc(var(--surgeScale,58)*.5));opacity:.7;border-width:1px}to{transform:translate(-50%,-50%)translateZ(34px)scale(var(--surgeScale,58));opacity:0;border-width:.3px}}@property --vibAmp{syntax:"<number>";inherits:true;initial-value:0}.sf-mark .charge-core{aspect-ratio:1;opacity:0;pointer-events:none;z-index:5;will-change:transform,opacity,filter;background:radial-gradient(circle,#fff 0%,#fff4d4 34%,rgba(240,208,144,.5) 60%,transparent 80%);border-radius:50%;width:6%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.sf-mark .mark-tilt.charging .charge-core{animation:1.6s ease-in forwards sf-charge}@keyframes sf-charge{0%{opacity:0;filter:brightness(.7);transform:translate(-50%,-50%)scale(.12)}35%{opacity:.22;filter:brightness(.85);transform:translate(-50%,-50%)scale(.45)}70%{opacity:.6;filter:brightness(1.05);transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;filter:brightness(1.7);transform:translate(-50%,-50%)scale(2.4)}}.sf-mark .mark-tilt.charging{animation:1.6s ease-in forwards sf-vibRamp}@keyframes sf-vibRamp{0%{--vibAmp:0}to{--vibAmp:1}}.sf-mark .mark-tilt.charging .spear{animation:sf-spearVibrate var(--vibDur,70ms)linear infinite;animation-delay:var(--vibPhase,0s)}@keyframes sf-spearVibrate{0%,to{transform:translate(calc(var(--vibAmp)*1.4px),calc(var(--vibAmp)*-1px))}25%{transform:translate(calc(var(--vibAmp)*-1.2px),calc(var(--vibAmp)*.9px))}50%{transform:translate(calc(var(--vibAmp)*.9px),calc(var(--vibAmp)*1.4px))}75%{transform:translate(calc(var(--vibAmp)*-1.3px),calc(var(--vibAmp)*-.8px))}}.sf-mark .shed-flash{pointer-events:none;opacity:0;will-change:opacity,transform;background:radial-gradient(circle,rgba(255,255,255,.65) 0%,rgba(255,244,212,.4) 26%,rgba(240,208,144,.16) 48%,transparent 64%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateZ(45px)scale(.3)}.sf-mark .mark-tilt.shedding .shed-flash{animation:.5s ease-out forwards sf-shedFlash}@keyframes sf-shedFlash{0%{opacity:0;transform:translateZ(45px)scale(.2)}16%{opacity:1;transform:translateZ(45px)scale(.95)}to{opacity:0;transform:translateZ(45px)scale(1.6)}}.sf-mark .spear{transform-box:view-box;transform-origin:300px 300px}.sf-mark .mark-tilt.glitching .gem-layer>svg{animation:.5s steps(6,end) sf-chromaSplit!important}@keyframes sf-chromaSplit{0%{filter:none;transform:translate(0)}18%{filter:drop-shadow(2px 0 0 var(--sf-cy))drop-shadow(-2px 0 0 var(--sf-gold));transform:translate(-1.5px,.5px)}44%{filter:drop-shadow(-2.4px 0 0 var(--sf-cy))drop-shadow(2.4px 0 0 var(--sf-gold));transform:translate(2px,-1px)}70%{filter:drop-shadow(1.4px 0 0 var(--sf-cy))drop-shadow(-1.4px 0 0 var(--sf-gold));transform:translate(-1px,.5px)}to{filter:none;transform:translate(0)}}.sf-mark .mark-tilt.shedding .spear{animation:sf-spearFireAway .55s var(--d,0s)cubic-bezier(.25,.05,.6,.5)forwards,sf-spearLock .8s calc(1.95s + var(--d,0s))linear forwards;will-change:transform,opacity,filter}@keyframes sf-spearFireAway{0%{opacity:1;transform:scale(1)}14%{opacity:1;transform:scale(1.3)}55%{transform:translate(calc(var(--dx)*170px),calc(var(--dy)*170px))scale(.7)rotate(calc(var(--dx)*16deg));opacity:.5}to{transform:translate(calc(var(--dx)*430px),calc(var(--dy)*430px))scale(.06)rotate(calc(var(--dx)*30deg));opacity:0}}@keyframes sf-spearLock{0%{opacity:0;filter:brightness(2.8)drop-shadow(7px 0 0 var(--sf-cy))drop-shadow(-7px 0 0 var(--sf-gold));animation-timing-function:step-end;transform:translate(0)scale(.05)}16%{opacity:1;filter:brightness(2.4)drop-shadow(6px 0 0 var(--sf-cy))drop-shadow(-6px 0 0 var(--sf-gold));animation-timing-function:step-end;transform:translate(10px,-7px)scale(.3)}32%{opacity:.25;filter:brightness(2.1)drop-shadow(-5px 0 0 var(--sf-cy))drop-shadow(5px 0 0 var(--sf-gold));animation-timing-function:step-end;transform:translate(-8px,5px)scale(.5)}50%{opacity:1;filter:brightness(1.8)drop-shadow(4px 0 0 var(--sf-cy))drop-shadow(-4px 0 0 var(--sf-gold));animation-timing-function:step-end;transform:translate(7px,4px)scale(.72)}66%{opacity:.55;filter:brightness(1.5)drop-shadow(-2.4px 0 0 var(--sf-cy))drop-shadow(2.4px 0 0 var(--sf-gold));animation-timing-function:step-end;transform:translate(-4px,-3px)scale(.9)}82%{opacity:1;filter:brightness(1.2)drop-shadow(1.2px 0 0 var(--sf-cy))drop-shadow(-1.2px 0 0 var(--sf-gold));animation-timing-function:ease-out;transform:translate(2px,1.5px)scale(1.02)}to{opacity:1;filter:none;transform:translate(0)scale(1)}}.sf-mark .mark-tilt.shedding .tip{animation:sf-tipFireAway .55s var(--d,0s)linear forwards,sf-tipForge .5s 3.05s ease-out forwards!important}@keyframes sf-tipFireAway{0%,14%{opacity:1}to{opacity:0}}@keyframes sf-tipForge{0%{opacity:0;r:1.2}40%{opacity:1;r:4}to{opacity:1;r:1.8}}@keyframes sf-emberPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes sf-spearShimmer{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}@keyframes sf-currentFlow{to{stroke-dashoffset:-1068px}}@keyframes sf-currentFlowRev{to{stroke-dashoffset:1256px}}@keyframes sf-scannerPulse{to{stroke-dashoffset:0}}@keyframes sf-dashTrace{0%{stroke-dashoffset:880px}to{stroke-dashoffset:0}}@keyframes sf-holoCycle{0%{filter:hue-rotate()drop-shadow(0 0 4px rgba(255,244,212,.5))}33%{filter:hue-rotate(140deg)drop-shadow(0 0 6px rgba(109,230,255,.55))}66%{filter:hue-rotate(280deg)drop-shadow(0 0 5px rgba(232,150,200,.5))}to{filter:hue-rotate(360deg)drop-shadow(0 0 4px rgba(255,244,212,.5))}}@keyframes sf-tipBreathe{0%,to{r:1.4;opacity:.5}50%{r:2.6;opacity:1}}.sf-mark .tip{transform-origin:50%;animation:2.8s ease-in-out infinite sf-tipBreathe}.sf-mark .tip:nth-of-type(2){animation-delay:-.35s}.sf-mark .tip:nth-of-type(3){animation-delay:-.7s}.sf-mark .tip:nth-of-type(4){animation-delay:-1.05s}.sf-mark .tip:nth-of-type(5){animation-delay:-1.4s}.sf-mark .tip:nth-of-type(6){animation-delay:-1.75s}.sf-mark .tip:nth-of-type(7){animation-delay:-2.1s}.sf-mark .tip:nth-of-type(8){animation-delay:-2.45s}@media (prefers-reduced-motion:reduce){.sf-mark .gem-layer>svg,.sf-mark .depth-ember-glow,.sf-mark .tip,.sf-mark .spears-group,.sf-mark svg circle,.sf-mark svg ellipse,.sf-mark svg rect,.sf-mark svg polygon{animation:none!important}}
