.loop-plot{background:radial-gradient(ellipse 70% 55% at 50% 52%, var(--plot-night-core) 0%, var(--plot-night-mid) 55%, var(--plot-night-edge) 100%);position:absolute;inset:0;overflow:clip;container-type:size}.loop-plot-scene{aspect-ratio:600/720;width:max(100cqw,83.3333cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.loop-plot-layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.loop-plot-loop{clip-path:inset(0 0 38%);width:23.333%;position:absolute;top:50.97%;left:38.333%}.loop-plot-loop svg{width:100%;height:auto;display:block}.loop-plot-label{background:var(--plot-label-bg);color:var(--plot-label-fg);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:.2em .6em .15em;font-size:max(9px,1.75cqw);font-weight:600;line-height:1.3;position:absolute;transform:translate(-50%,-100%)}.loop-plot-label[data-shown=false],.loop-plot-fade[data-shown=false],.loop-plot-place[data-shown=off]{opacity:0}.loop-plot-place[data-shown=faint]{opacity:.3}.loop-plot-block[data-look=hidden]{opacity:0;transform:translateY(18px)}.loop-plot-block .face{stroke-width:1.1px;stroke-linejoin:round;stroke:#0000}.loop-plot-block .rim,.loop-plot-block .bevel{fill:none;stroke:#0000;stroke-linecap:round;stroke-linejoin:round}.loop-plot-block .rim{stroke-width:1px}.loop-plot-block .bevel{stroke-width:.8px}.loop-plot-block:is([data-look=built],[data-look=hidden],[data-look=next]) .top{fill:var(--plot-block-top)}.loop-plot-block:is([data-look=built],[data-look=hidden],[data-look=next]) .left{fill:var(--plot-block-left)}.loop-plot-block:is([data-look=built],[data-look=hidden],[data-look=next]) .right{fill:var(--plot-block-right)}.loop-plot-block:is([data-look=built],[data-look=hidden]) .face{stroke:var(--plot-ground-edge);stroke-width:.8px}.loop-plot-block[data-look=next] .face{stroke:var(--plot-earned-top);stroke-width:1.8px}.loop-plot-block:is([data-look=built],[data-look=hidden],[data-look=next]) .rim{stroke:color-mix(in oklch, var(--plot-highlight) 85%, transparent)}.loop-plot-block:is([data-look=built],[data-look=hidden],[data-look=next]) .bevel{stroke:var(--plot-block-bevel)}.loop-plot-block[data-look=earned] .top{fill:var(--plot-earned-top)}.loop-plot-block[data-look=earned] .left{fill:var(--plot-earned-left)}.loop-plot-block[data-look=earned] .right{fill:var(--plot-earned-right)}.loop-plot-block[data-look=earned] .face{stroke:var(--plot-earned-edge);stroke-width:.9px}.loop-plot-block[data-look=earned] .rim{stroke:var(--plot-earned-rim)}.loop-plot-block[data-look=earned] .bevel{stroke:var(--plot-earned-bevel)}.loop-plot-block[data-look=outline] .face{fill:color-mix(in oklch, var(--plot-outline) 5%, transparent);stroke:var(--plot-outline);stroke-dasharray:3 4}.loop-plot-block[data-look=preview] .top{fill:color-mix(in oklch, var(--plot-block-top) 40%, transparent)}.loop-plot-block[data-look=preview] .left{fill:color-mix(in oklch, var(--plot-block-top) 26%, transparent)}.loop-plot-block[data-look=preview] .right{fill:color-mix(in oklch, var(--plot-block-top) 16%, transparent)}.loop-plot-block[data-look=preview] .face{stroke:color-mix(in oklch, var(--plot-block-top) 80%, transparent)}.loop-plot-text{font-family:var(--font-display);fill:var(--plot-stand-line);font-size:10.5px;font-weight:700}.loop-plot-glyph{font-family:var(--font-mono);font-weight:700}.loop-plot-ring{opacity:0}.loop-plot-shimmer{opacity:.5}@media (prefers-reduced-motion:no-preference){.loop-plot-block{transition:opacity .42s,transform .56s cubic-bezier(.2,.9,.25,1);transition-delay:var(--plot-delay,0s)}.loop-plot-block .face,.loop-plot-block .rim,.loop-plot-block .bevel{transition:fill .48s,stroke .48s;transition-delay:var(--plot-delay,0s)}.loop-plot-place,.loop-plot-fade{transition:opacity .5s}.loop-plot-label{transition:opacity .4s,top .52s cubic-bezier(.2,.9,.25,1)}.loop-plot-ring{transform-box:view-box;transform-origin:300px 442px;animation:loop-plot-ring 5.4s ease-out var(--plot-beat,0s) infinite}.loop-plot-shimmer{animation:loop-plot-shimmer 4.2s ease-in-out var(--plot-beat,0s) infinite}.loop-plot-pad{animation:loop-plot-pad 4s ease-in-out var(--plot-beat,0s) infinite alternate}.loop-plot-loop{animation:3.6s ease-in-out infinite alternate loop-plot-bob}@keyframes loop-plot-ring{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.3)}}@keyframes loop-plot-shimmer{0%,to{opacity:0}50%{opacity:.7}}@keyframes loop-plot-pad{to{transform:translateY(-1.4px)}}@keyframes loop-plot-bob{to{transform:translateY(.266667cqw)}}}