.rings{display:grid;gap:clamp(24px,4vw,56px);align-items:center}@media (min-width:900px){.rings{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.rings__fig{margin:0;max-width:440px;width:100%;justify-self:center}.rings__svg{display:block;width:100%;height:auto;overflow:visible}.rings__ring{fill:none;stroke:var(--k-accent);stroke-opacity:var(--rg-o,.12);transition:stroke-opacity .45s ease-out}.rg1{--rg-o:.07}.rg2{--rg-o:.09}.rg3{--rg-o:.11}.rg4{--rg-o:.13}.rg5{--rg-o:.15}.rg6{--rg-o:.17}.rg7{--rg-o:.19}.rg8{--rg-o:.21}.rings.is-js .rings__ring,.rings.is-js .rings__num{cursor:pointer}.rings.is-js .rings__ring:hover{stroke-opacity:calc(var(--rg-o) + .14)}.rings__ring.is-past{stroke-opacity:calc(var(--rg-o) + .1)}.rings__ring.is-on,.rings.is-js .rings__ring.is-on:hover{stroke-opacity:.62}.rings__core{fill:var(--k-accent);transition:filter .5s ease-out,transform .5s ease-out;transform-origin:200px 200px}.rings__corelabel{fill:var(--k-bg);font:700 15px/1 var(--k-font);letter-spacing:.02em;pointer-events:none}.rings.is-safe .rings__core{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--k-accent) 70%,transparent));transform:scale(1.06)}.rings__num{fill:var(--k-accent);font:500 12px/1 var(--k-mono);opacity:.75;transition:opacity .3s}.rings__num.is-on{opacity:1;font-weight:700}.rings__dot{fill:var(--k-ink);stroke:var(--k-bg);stroke-width:3;opacity:0;pointer-events:none;transition:transform 1.1s cubic-bezier(.45,.05,.3,1),opacity .35s}.rings.is-run .rings__dot{opacity:1}.rings.is-safe .rings__dot{opacity:0}.rings__ui{display:grid;gap:18px;min-width:0}.rings__tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.rings__tabs[hidden]{display:none}.rings__tab{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px 6px 8px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--k-ink);font:600 .98rem/1.2 var(--k-font);text-align:left;cursor:pointer;transition:background-color .3s,border-color .3s}.rings__tab:hover{background:color-mix(in srgb,var(--k-card) 70%,transparent)}.rings__tab[aria-selected=true]{background:var(--k-card);border-color:color-mix(in srgb,var(--k-accent) 40%,transparent)}.bg-surface .rings__tab[aria-selected=true]{background:var(--k-bg)}.rings__tab:focus-visible{outline:2px solid var(--k-focus);outline-offset:2px}.rings__no{min-width:1.2em;font:500 .78rem/1 var(--k-mono);color:var(--k-accent);text-align:right}.rings__icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--k-card);color:var(--k-accent);transition:background-color .3s,color .3s}.bg-surface .rings__icon{background:var(--k-bg)}.rings__tab[aria-selected=true] .rings__icon{background:var(--k-accent);color:var(--k-bg)}.rings__icon svg{width:19px;height:19px}.rings__panels{min-width:0}.rings__panel{padding:22px 24px;border-radius:var(--radius-card);background:var(--k-card)}.bg-surface .rings__panel{background:var(--k-bg)}.rings:not(.is-js) .rings__panel+.rings__panel{margin-top:12px}.rings.is-js .rings__panel[hidden]{display:none}.rings.is-js .rings__panel{min-height:var(--rg-ph,0px);animation:rg-in .35s ease-out}@keyframes rg-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.rings__title{margin:0 0 .4em;font-size:1.25rem;font-weight:700}.rings__pno{font:500 .8rem/1 var(--k-mono);color:var(--k-accent);vertical-align:middle;margin-right:4px}.rings__text{margin:0 0 .8em;color:var(--k-text)}.rings__points{margin:0;padding:0;list-style:none;display:grid;gap:8px}.rings__points li{position:relative;padding-left:20px;font-size:.95rem;color:var(--k-muted)}.rings__points li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--k-accent);opacity:.7}.rings__play{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--k-line);border-radius:999px;background:transparent;color:var(--k-ink);font:600 .9rem/1 var(--k-font);cursor:pointer}.rings__play[hidden]{display:none}.rings__play:hover{border-color:var(--k-accent)}.rings__play svg{width:16px;height:16px;color:var(--k-accent)}.rings__note{margin:24px 0 0;font-size:.9rem;color:var(--k-muted)}@media (max-width:899px){.rings{gap:14px}.rings__fig{max-width:250px}.rings__tabs{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;margin:0 calc(var(--k-gut) * -1);padding-inline:var(--k-gut);scrollbar-width:thin}.rings__tab{flex:none;scroll-snap-align:start;min-height:44px;border-color:var(--k-line)}.rings__tab .rings__icon{display:none}.rings__panel{padding:18px}}@media (prefers-reduced-motion:reduce){.rings__ring,.rings__core,.rings__dot,.rings__tab,.rings__icon{transition:none}.rings.is-js .rings__panel{animation:none}}