.hl-root{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:1.5rem;padding-right:1.5rem;--hl-accent:#00e5ff}.hl-root[data-fullscreen=true]{min-height:100vh;min-height:100svh}.hl-root[data-fullscreen=false]{padding-top:4rem;padding-bottom:4rem}.hl-cup{position:relative;display:inline-flex;align-items:center;justify-content:center;width:116px;height:116px;margin-bottom:30px;border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(30,26,52,.92) 0,rgba(8,6,18,.96) 78%);border:1px solid color-mix(in srgb,var(--hl-accent) 55%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),inset 0 0 18px color-mix(in srgb,var(--hl-accent) 22%,transparent),inset 0 -10px 22px rgba(0,0,0,.55),0 0 22px color-mix(in srgb,var(--hl-accent) 28%,transparent),0 0 60px color-mix(in srgb,var(--hl-accent) 12%,transparent);overflow:hidden;isolation:isolate}.hl-cup:before{inset:0;background:radial-gradient(120% 80% at 50% -10%,hsla(0,0%,100%,.1) 0,transparent 55%);z-index:6}.hl-cup:after,.hl-cup:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.hl-cup:after{inset:7px;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--hl-accent) 30%,transparent) 0deg,color-mix(in srgb,var(--hl-accent) 30%,transparent) .7deg,transparent .7deg,transparent 30deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 86%,#000 88%,#000 96%,transparent 98%);mask-image:radial-gradient(circle at 50% 50%,transparent 86%,#000 88%,#000 96%,transparent 98%);opacity:.5;z-index:3}.hl-arc,.hl-core,.hl-rings,.hl-streaks{position:absolute;inset:0;border-radius:50%;pointer-events:none}.hl-streaks{z-index:1;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,transparent 7deg,color-mix(in srgb,var(--hl-accent) 42%,transparent) 8.4deg,transparent 9deg,transparent 15deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0,transparent 14%,#000 46%,#000 70%,transparent 92%);mask-image:radial-gradient(circle at 50% 50%,transparent 0,transparent 14%,#000 46%,#000 70%,transparent 92%);opacity:.55;will-change:transform,opacity}.hl-streaks:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 4deg at 50% 50%,transparent 0deg,transparent 4deg,color-mix(in srgb,var(--hl-accent) 24%,transparent) 4.6deg,transparent 5deg,transparent 9deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 18%,#000 52%,transparent 88%);mask-image:radial-gradient(circle at 50% 50%,transparent 18%,#000 52%,transparent 88%);opacity:.5}.hl-rings{z-index:2}.hl-ring{position:absolute;top:50%;left:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--hl-accent) 70%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--hl-accent) 45%,transparent),inset 0 0 6px color-mix(in srgb,var(--hl-accent) 25%,transparent);opacity:0;transform:scale(1)}.hl-core,.hl-ring{will-change:transform,opacity}.hl-core{z-index:4;display:block;background:radial-gradient(circle at 50% 50%,#fff 0,color-mix(in srgb,var(--hl-accent) 92%,#fff 8%) 14%,color-mix(in srgb,var(--hl-accent) 80%,transparent) 30%,transparent 62%);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 60%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 60%,transparent 72%);transform:scale(.42);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--hl-accent) 70%,transparent))}.hl-core:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 0,color-mix(in srgb,var(--hl-accent) 85%,#fff) 45%,transparent 75%);box-shadow:0 0 14px color-mix(in srgb,var(--hl-accent) 85%,transparent)}.hl-arc{z-index:5;display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--hl-accent) 80%,transparent))}.hl-arc-track{fill:none;stroke:color-mix(in srgb,var(--hl-accent) 16%,transparent);stroke-width:2.5}.hl-arc-fill{fill:none;stroke:var(--hl-accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:282;transform:rotate(-90deg);transform-origin:50% 50%;will-change:stroke-dashoffset}.hl-arc-head{fill:#fff;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--hl-accent) 90%,transparent));transform-origin:50% 50%;will-change:transform,opacity;opacity:0}.hl-caption{margin:0;text-align:center;font-family:var(--font-press-start),monospace;font-size:12px;line-height:1.5;letter-spacing:2.6px;color:#fff;text-shadow:0 0 6px color-mix(in srgb,var(--hl-accent) 55%,transparent),0 0 14px color-mix(in srgb,var(--hl-accent) 22%,transparent)}.hl-sub{margin:10px 0 0;text-align:center;font-size:10px;letter-spacing:1.6px;color:rgba(225,235,245,.55)}.hl-sub,.hl-telemetry{font-family:var(--font-hud-mono),monospace}.hl-telemetry{margin:14px 0 0;display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;color:color-mix(in srgb,var(--hl-accent) 78%,#fff 22%);text-transform:uppercase}.hl-led{width:6px;height:6px;border-radius:50%;background:var(--hl-accent);box-shadow:0 0 6px color-mix(in srgb,var(--hl-accent) 85%,transparent)}.hl-telemetry-bar{position:relative;width:64px;height:3px;border-radius:2px;overflow:hidden;background:color-mix(in srgb,var(--hl-accent) 14%,transparent)}.hl-telemetry-bar:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--hl-accent));box-shadow:0 0 6px color-mix(in srgb,var(--hl-accent) 70%,transparent);transform-origin:left center;transform:scaleX(.12)}@media (prefers-reduced-motion:no-preference){.hl-streaks{animation:hl-spin 18s linear infinite,hl-rush 2.6s ease-in infinite}.hl-streaks:after{animation:hl-spin 12s linear infinite reverse}.hl-ring--1{animation:hl-collapse 2.2s cubic-bezier(.4,0,.5,1) infinite}.hl-ring--2{animation:hl-collapse 2.2s cubic-bezier(.4,0,.5,1) -.73s infinite}.hl-ring--3{animation:hl-collapse 2.2s cubic-bezier(.4,0,.5,1) -1.46s infinite}.hl-core{animation:hl-throb 1.1s ease-in-out infinite}.hl-arc-fill{animation:hl-charge 4.4s cubic-bezier(.5,0,.2,1) infinite}.hl-arc-head{animation:hl-head 4.4s cubic-bezier(.5,0,.2,1) infinite}.hl-led{animation:hl-blink 1.1s step-end infinite}.hl-telemetry-bar:after{animation:hl-fill 4.4s cubic-bezier(.5,0,.2,1) infinite}}@keyframes hl-spin{to{transform:rotate(1turn)}}@keyframes hl-rush{0%{transform:scale(1.18);opacity:0}18%{opacity:.6}to{transform:scale(.62);opacity:0}}@keyframes hl-collapse{0%{transform:scale(1);opacity:0}12%{opacity:.9}70%{opacity:.55}to{transform:scale(.18);opacity:0}}@keyframes hl-throb{0%,to{transform:scale(.42);opacity:.82}50%{transform:scale(.58);opacity:1}}@keyframes hl-charge{0%{stroke-dashoffset:308}72%{stroke-dashoffset:6}82%{stroke-dashoffset:0}86%{stroke-dashoffset:0}86.01%{stroke-dashoffset:314.16}to{stroke-dashoffset:308}}@keyframes hl-head{0%{transform:rotate(0deg);opacity:0}8%{opacity:1}72%{transform:rotate(348deg);opacity:1}82%{transform:rotate(1turn);opacity:1}86%{opacity:0}86.01%{transform:rotate(0deg);opacity:0}to{transform:rotate(0deg);opacity:0}}@keyframes hl-blink{0%,60%{opacity:1}61%,to{opacity:.25}}@keyframes hl-fill{0%{transform:scaleX(.08)}72%{transform:scaleX(1)}86%{transform:scaleX(1)}86.01%{transform:scaleX(.08)}to{transform:scaleX(.18)}}@media (prefers-reduced-motion:reduce){.hl-streaks,.hl-streaks:after{opacity:.32}.hl-ring--1{opacity:.7;transform:scale(.78)}.hl-ring--2{opacity:.4;transform:scale(.5)}.hl-ring--3{opacity:0}.hl-core{transform:scale(.5);opacity:1}.hl-arc-fill{stroke-dashoffset:165}.hl-arc-head{opacity:1;transform:rotate(170deg)}.hl-telemetry-bar:after{transform:scaleX(.47)}.hl-led{opacity:.9}}@supports not (color:color-mix(in srgb,red 50%,transparent)){.hl-cup{border-color:var(--hl-accent);box-shadow:inset 0 0 18px var(--hl-accent),0 0 22px var(--hl-accent)}}