.level-step{position:relative}.level-link{text-align:center;transition:background-color .25s ease, box-shadow .25s var(--ease-out-expo), transform .3s var(--ease-spring);border-radius:1rem;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem .2rem;display:flex}a.level-link:hover,.level-link:focus-visible{background:color-mix(in oklab, var(--tier) 10%, transparent)}a.level-link:active{transform:scale(.97)}.level-link:is([aria-current=page],[aria-current=step]){background:color-mix(in oklab, var(--tier) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tier-line) 55%, transparent)}.level-node{width:1.75rem;height:1.75rem;color:var(--tier-on);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--tier-line) 45%, var(--color-line));transition:background-color .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo);border-radius:999px;flex-shrink:0;place-items:center;display:grid;position:relative}.level-node>svg{width:.9rem;height:.9rem}[data-state=todo] .level-node:before,[data-state=current] .level-node:before{content:"";background:color-mix(in oklab, var(--tier-fg) 75%, transparent);border-radius:999px;width:.4rem;height:.4rem}[data-state=won] .level-node,[data-state=current] .level-node{background:var(--tier);box-shadow:0 0 0 1px var(--tier-line), var(--tier-glow)}[data-state=current] .level-node:before{background:var(--tier-on);width:.5rem;height:.5rem}[data-state=current] .level-node:after{content:"";box-shadow:0 0 0 2px var(--tier-line);animation:level-pulse 1.8s var(--ease-out-expo) infinite;border-radius:999px;position:absolute;inset:-4px}[data-state=lost] .level-node{color:var(--tier-fg);background:color-mix(in oklab, var(--tier) 14%, transparent);box-shadow:inset 0 0 0 1.5px var(--tier-line)}@keyframes level-pulse{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.level-name{letter-spacing:-.01em;font-size:.72rem;font-weight:600}.level-link:is([aria-current=page],[aria-current=step]) .level-name,[data-state=won] .level-name{color:var(--tier-fg);text-shadow:var(--tier-text-glow)}[data-state=todo] .level-name{color:var(--color-muted)}.level-step:not(:last-child):after{content:"";background:var(--color-line);border-radius:2px;width:calc(100% - 1.825rem);height:2px;position:absolute;top:calc(1.375rem - 1px);left:calc(50% + 1.1rem)}.level-step:is([data-state=won],[data-state=lost]):not(:last-child):after{background:linear-gradient(90deg, var(--tier), color-mix(in oklab, var(--tier-line) 30%, var(--color-line)))}@media (min-width:64rem){.level-link{text-align:left;flex-direction:row;gap:.85rem;padding:.55rem .6rem}.level-name{font-size:1rem}.level-step:not(:last-child):after{width:2px;height:auto;top:2.6rem;bottom:-.25rem;left:calc(1.475rem - 1px)}.level-step:is([data-state=won],[data-state=lost]):not(:last-child):after{background:linear-gradient(180deg, var(--tier), color-mix(in oklab, var(--tier-line) 30%, var(--color-line)))}}.tier-cta{background:var(--tier);color:var(--tier-on);box-shadow:inset 0 0 0 1px var(--tier-line), var(--tier-glow), 0 12px 36px -12px color-mix(in oklab, var(--tier) 90%, transparent);transition:transform .3s var(--ease-spring), filter .25s ease, box-shadow .4s var(--ease-out-expo);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;font-weight:700;display:inline-flex}.tier-cta:hover{filter:brightness(1.08)saturate(1.05);transform:translateY(-1px)}.tier-cta:active{transform:scale(.97)}.tier-cta:focus-visible{outline:2px solid var(--tier-fg);outline-offset:3px}.tier-cta svg{transition:transform .4s var(--ease-spring)}.tier-cta:hover svg{transform:translate(3px)}.day-row{animation:settle .65s var(--ease-out-expo) both;animation-delay:calc(var(--k,0) * 70ms)}@media (prefers-reduced-motion:reduce){[data-state=current] .level-node:after{opacity:.5;animation:none}.level-link,.tier-cta,.tier-cta svg{transition:none}.day-row{animation:none}}