.power-axis-plasma{--pa-arc-size:min(220px,46vw);--pa-visible-height:calc(var(--pa-circle-top) + var(--pa-arc-size) / 2 + 16px);--pa-circle-top:12px;position:relative;width:100%;max-width:32rem;margin-inline:auto;padding:10px 8px 8px;border-radius:1.25rem;background:#06060e;isolation:isolate}.power-axis-plasma:before{content:"";position:absolute;inset:-8%;border-radius:inherit;background:radial-gradient(circle at 32% 48%,rgba(255,178,48,.14),transparent 34%),radial-gradient(circle at 68% 48%,rgba(124,108,247,.14),transparent 34%),radial-gradient(circle at 50% 66%,hsla(0,0%,100%,.04),transparent 36%);filter:blur(20px);pointer-events:none;z-index:0}.power-axis-plasma__row{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,28px);width:100%}.power-axis-plasma__wrap{overflow:visible}.power-axis-plasma__meta,.power-axis-plasma__wrap{display:flex;flex-direction:column;align-items:center}.power-axis-plasma__meta{position:absolute;left:50%;bottom:clamp(5px,1.8vw,9px);transform:translateX(-50%);z-index:9;gap:4px;width:calc(100% - 12px);max-width:148px;pointer-events:none}.power-axis-plasma__label{margin:0;font-size:10px;letter-spacing:.07em;text-transform:uppercase;opacity:.72;line-height:1}.power-axis-plasma__label--head{color:#ffd27a}.power-axis-plasma__label--heart{color:#b8adff}.power-axis-plasma__pill{padding:5px 10px;border-radius:999px;font-size:11px;line-height:1.2;border:1px solid hsla(0,0%,100%,.12);background:rgba(6,6,14,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap;box-shadow:0 0 12px rgba(0,0,0,.35)}.power-axis-plasma__pill--head{color:#ffd27a}.power-axis-plasma__pill--heart{color:#b8adff}.power-axis-plasma__pill strong{color:hsla(0,0%,100%,.92);font-weight:600}.power-axis-plasma .plasma-arc{--size:var(--pa-arc-size);--visible-height:var(--pa-visible-height);--circle-top:var(--pa-circle-top);--thickness:14px;--plasma-alpha:0.92;--split-deg:90deg;--split-soft:10deg;--notch-x:50%;--notch-y:28px;--notch-rotate:0deg;--notch-color:rgba(255,244,210,.98);--notch-glow:rgba(255,178,48,.52);width:var(--size);height:var(--visible-height);position:relative;overflow:hidden;border-radius:999px 999px 32px 32px;isolation:isolate}.power-axis-plasma .plasma-arc--indigo{--notch-color:rgba(220,216,255,.98);--notch-glow:rgba(124,108,247,.55)}.power-axis-plasma .arc-circle{position:absolute;width:var(--size);height:var(--size);left:0;top:var(--circle-top);border-radius:50%;pointer-events:none}.power-axis-plasma .arc-hot,.power-axis-plasma .arc-plasma,.power-axis-plasma .arc-smoke,.power-axis-plasma .arc-track{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--thickness) - 1px),#000 calc(100% - var(--thickness)),#000 calc(100% - 2px),transparent calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--thickness) - 1px),#000 calc(100% - var(--thickness)),#000 calc(100% - 2px),transparent calc(100% - 1px))}.power-axis-plasma .arc-track{background:conic-gradient(from 0deg,hsla(0,0%,100%,.12) 0deg,hsla(0,0%,100%,.06) 82deg,hsla(0,0%,100%,.04) 90deg,transparent 90deg 270deg,hsla(0,0%,100%,.04) 270deg,hsla(0,0%,100%,.06) 278deg,hsla(0,0%,100%,.12) 1turn);opacity:.82;box-shadow:inset 0 0 20px hsla(0,0%,100%,.06),inset 0 0 36px rgba(0,0,0,.5)}.power-axis-plasma .arc-smoke{--smoke-thickness:34px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--smoke-thickness)),#000 calc(100% - var(--smoke-thickness) + 8px),#000 calc(100% - 1px),transparent 100%);mask:radial-gradient(farthest-side,transparent calc(100% - var(--smoke-thickness)),#000 calc(100% - var(--smoke-thickness) + 8px),#000 calc(100% - 1px),transparent 100%);filter:blur(13px) saturate(190%);opacity:.7;mix-blend-mode:screen}.power-axis-plasma .arc-plasma{filter:blur(4px) saturate(240%) brightness(185%);opacity:.88;mix-blend-mode:screen}.power-axis-plasma .arc-hot{--hot-thickness:5px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--thickness) + 7px),#000 calc(100% - var(--thickness) + 8px),#000 calc(100% - var(--thickness) + var(--hot-thickness)),transparent calc(100% - var(--thickness) + var(--hot-thickness) + 1px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--thickness) + 7px),#000 calc(100% - var(--thickness) + 8px),#000 calc(100% - var(--thickness) + var(--hot-thickness)),transparent calc(100% - var(--thickness) + var(--hot-thickness) + 1px));opacity:.96;mix-blend-mode:plus-lighter}.power-axis-plasma .plasma-arc--gold .arc-smoke-flow{background:conic-gradient(from 0deg,transparent 0deg 268deg,rgba(255,170,45,.1) 270deg,rgba(255,155,35,calc(var(--plasma-alpha) * .68)) calc(var(--split-deg) - 24deg),rgba(255,225,140,calc(var(--plasma-alpha) * .72)) calc(var(--split-deg) - var(--split-soft)),transparent calc(var(--split-deg) + 2deg) 1turn)}.power-axis-plasma .plasma-arc--gold .arc-smoke-tension{background:conic-gradient(from 0deg,rgba(255,210,120,calc(var(--plasma-alpha) * .74)) 0deg,rgba(255,145,35,calc(var(--plasma-alpha) * .68)) 52deg,rgba(207,122,10,.14) 92deg,transparent 98deg 268deg,rgba(255,190,70,.08) 270deg,rgba(255,210,100,calc(var(--plasma-alpha) * .5)) 1turn)}.power-axis-plasma .plasma-arc--gold .arc-plasma-flow{background:conic-gradient(from 0deg,transparent 0deg 268deg,rgba(255,150,25,.1) 270deg,rgba(255,178,48,calc(var(--plasma-alpha) * .88)) calc(var(--split-deg) - 22deg),rgba(255,236,175,calc(var(--plasma-alpha) * .92)) calc(var(--split-deg) - var(--split-soft)),transparent calc(var(--split-deg) + 2deg) 1turn)}.power-axis-plasma .plasma-arc--gold .arc-plasma-tension{background:conic-gradient(from 0deg,rgba(255,220,150,calc(var(--plasma-alpha) * .9)) 0deg,rgba(255,140,30,calc(var(--plasma-alpha) * .86)) 50deg,rgba(207,122,10,.16) 92deg,transparent 98deg 268deg,rgba(255,170,50,.1) 270deg,rgba(255,200,90,calc(var(--plasma-alpha) * .62)) 1turn)}.power-axis-plasma .plasma-arc--gold .arc-hot-flow{background:conic-gradient(from 0deg,transparent 0deg 268deg,rgba(255,165,40,.12) 270deg,rgba(255,200,75,calc(var(--plasma-alpha) * .96)) calc(var(--split-deg) - 20deg),rgba(255,248,215,calc(var(--plasma-alpha) * .94)) calc(var(--split-deg) - var(--split-soft)),transparent calc(var(--split-deg) + 2deg) 1turn);filter:drop-shadow(0 0 10px rgba(255,178,48,.95)) drop-shadow(0 0 22px rgba(255,140,30,.55))}.power-axis-plasma .plasma-arc--gold .arc-hot-tension{background:conic-gradient(from 0deg,rgba(255,245,210,calc(var(--plasma-alpha) * .98)) 0deg,rgba(255,175,50,calc(var(--plasma-alpha) * .95)) 48deg,rgba(207,122,10,.1) 92deg,transparent 98deg 268deg,rgba(255,185,60,.12) 270deg,rgba(255,215,110,calc(var(--plasma-alpha) * .7)) 1turn);filter:drop-shadow(0 0 10px rgba(255,178,48,.95)) drop-shadow(0 0 22px rgba(255,140,30,.55))}.power-axis-plasma .plasma-arc--indigo .arc-smoke-flow{background:conic-gradient(from 0deg,transparent 0deg 268deg,rgba(140,125,255,.1) 270deg,rgba(118,102,235,calc(var(--plasma-alpha) * .68)) calc(var(--split-deg) - 24deg),rgba(200,188,255,calc(var(--plasma-alpha) * .72)) calc(var(--split-deg) - var(--split-soft)),transparent calc(var(--split-deg) + 2deg) 1turn)}.power-axis-plasma .plasma-arc--indigo .arc-smoke-tension{background:conic-gradient(from 0deg,rgba(195,186,255,calc(var(--plasma-alpha) * .74)) 0deg,rgba(99,82,235,calc(var(--plasma-alpha) * .68)) 52deg,rgba(67,56,202,.14) 92deg,transparent 98deg 268deg,rgba(150,135,255,.08) 270deg,rgba(170,158,255,calc(var(--plasma-alpha) * .5)) 1turn)}.power-axis-plasma .plasma-arc--indigo .arc-plasma-flow{background:conic-gradient(from 0deg,transparent 0deg 268deg,rgba(99,82,235,.1) 270deg,rgba(124,108,247,calc(var(--plasma-alpha) * .88)) calc(var(--split-deg) - 22deg),rgba(210,200,255,calc(var(--plasma-alpha) * .92)) calc(var(--split-deg) - var(--split-soft)),transparent calc(var(--split-deg) + 2deg) 1turn)}.power-axis-plasma .plasma-arc--indigo .arc-plasma-tension{background:conic-gradient(from 0deg,rgba(210,200,255,calc(var(--plasma-alpha) * .9)) 0deg,rgba(67,56,202,calc(var(--plasma-alpha) * .86)) 50deg,rgba(43,32,160,.16) 92deg,transparent 98deg 268deg,rgba(118,102,235,.1) 270deg,rgba(158,142,255,calc(var(--plasma-alpha) * .62)) 1turn)}.power-axis-plasma .plasma-arc--indigo .arc-hot-flow{background:conic-gradient(from 0deg,transparent 0deg 268deg,rgba(110,95,240,.12) 270deg,rgba(140,125,255,calc(var(--plasma-alpha) * .96)) calc(var(--split-deg) - 20deg),rgba(232,224,255,calc(var(--plasma-alpha) * .94)) calc(var(--split-deg) - var(--split-soft)),transparent calc(var(--split-deg) + 2deg) 1turn);filter:drop-shadow(0 0 10px rgba(124,108,247,.95)) drop-shadow(0 0 22px rgba(99,82,235,.55))}.power-axis-plasma .plasma-arc--indigo .arc-hot-tension{background:conic-gradient(from 0deg,rgba(228,220,255,calc(var(--plasma-alpha) * .98)) 0deg,rgba(124,108,247,calc(var(--plasma-alpha) * .95)) 48deg,rgba(67,56,202,.1) 92deg,transparent 98deg 268deg,rgba(140,125,255,.12) 270deg,rgba(180,168,255,calc(var(--plasma-alpha) * .7)) 1turn);filter:drop-shadow(0 0 10px rgba(124,108,247,.95)) drop-shadow(0 0 22px rgba(99,82,235,.55))}.power-axis-plasma .spark-field{position:absolute;inset:0;z-index:5;pointer-events:none;mix-blend-mode:plus-lighter}.power-axis-plasma .spark{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,var(--spark-core),var(--spark-color) 48%,transparent 72%);color:var(--spark-color);opacity:0;filter:blur(var(--b)) saturate(220%) brightness(185%);box-shadow:0 0 8px currentColor,0 0 18px currentColor,0 0 30px currentColor;transform:translate(-50%,-50%) scale(.4);animation:powerAxisSparkFloat var(--dur) ease-in-out infinite;animation-delay:var(--delay)}@keyframes powerAxisSparkFloat{0%{opacity:0;transform:translate(calc(-50% + var(--dx1)),calc(-50% + var(--dy1))) scale(.22)}35%{opacity:var(--op);transform:translate(calc(-50% + var(--dx2)),calc(-50% + var(--dy2))) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx1)),calc(-50% + var(--dy1))) scale(.28)}}.power-axis-plasma .arc-notch{position:absolute;left:var(--notch-x);top:var(--notch-y);transform:translate(-50%,-50%) rotate(var(--notch-rotate));width:3px;height:28px;border-radius:999px;z-index:12;pointer-events:none;background:linear-gradient(to bottom,hsla(0,0%,100%,.58),var(--notch-color) 22%,var(--notch-color) 78%,hsla(0,0%,100%,.1));box-shadow:0 0 5px hsla(0,0%,100%,.38),0 0 16px var(--notch-glow),0 0 30px var(--notch-glow)}.power-axis-plasma .arc-notch:before{content:"";position:absolute;left:50%;top:-3px;width:10px;height:10px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,var(--notch-color),hsla(0,0%,100%,.18) 56%,transparent 72%);filter:blur(.2px)}.power-axis-plasma__filters{position:absolute;width:0;height:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.power-axis-plasma .spark{animation:none!important}}@media (max-width:520px){.power-axis-plasma{--pa-arc-size:min(176px,39vw);padding-inline:4px}.power-axis-plasma__row{gap:8px}}