@layer theme,base;@layer components{.ps{border-radius:var(--r-tile);background:radial-gradient(110% 70% at 20% -14%, #bed2eb0f, transparent 70%), linear-gradient(180deg, var(--tile-t), var(--tile-b));box-shadow:var(--rim-soft), inset 0 0 0 1px #ffffff0e, 0 30px 60px -40px #000000e6;padding:26px 28px 24px}.ps-cap{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.ps-title{color:var(--t1);font-size:15px;font-weight:600;line-height:20px}.ps-sub{color:var(--t3);font-size:12px;line-height:16px}.ps-cols{counter-reset:ps;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}.ps-col{align-content:start;display:grid;position:relative}.ps-step{--ring:28px;grid-template-columns:var(--ring) minmax(0, 1fr);align-items:center;column-gap:14px;min-height:52px;display:grid;position:relative}.ps-step:before{content:"";left:calc(var(--ring) / 2 - .75px);background:var(--line-2);width:1.5px;height:100%;position:absolute;top:50%}.ps-col>.ps-step:last-child:before{background:linear-gradient(var(--line-2), transparent);height:50%}.ps-step[data-kind=outcome]:before{content:none}.ps-col+.ps-col>.ps-step:first-child:after{content:"";left:calc(var(--ring) / 2 - .75px);background:linear-gradient(transparent, var(--line-2));width:1.5px;height:50%;position:absolute;top:0}.ps-ring{z-index:1;width:var(--ring);height:var(--ring);font-variant-numeric:tabular-nums;color:var(--ice-hi);background:#0f1620;border-radius:50%;place-items:center;font-size:13px;font-weight:600;line-height:1;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #75beff8c,0 0 0 4px #75beff14}.ps-label{letter-spacing:-.004em;color:var(--t1);text-wrap:balance;font-size:15px;font-weight:600;line-height:20px}.ps-step[data-kind=outcome]{--ring:32px;min-height:60px}.ps-medal{z-index:1;width:var(--ring);height:var(--ring);color:var(--ice-ink);background:linear-gradient(#a6d8ff,#6fbafc);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #fff9,inset 0 -1px #03285033,0 6px 16px -6px #000c}.ps-medal svg{stroke-width:2.4px;width:16px;height:16px}.ps-step a{color:var(--t1);text-underline-offset:.22em;transition:text-decoration-color .2s var(--ease);border-radius:6px;-webkit-text-decoration:underline #b9e0fb59;text-decoration:underline #b9e0fb59}.ps-step a:hover{text-decoration-color:currentColor}.ps-step a:focus-visible{outline:2px solid var(--ice-hi);outline-offset:2px}.ps-branch{color:var(--t2);grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:14px;margin-top:6px;font-size:13px;line-height:18px;display:grid}.ps-loop{width:32px;height:32px;color:var(--ice-hi);background:#75beff14;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #75beff38}.ps-loop svg{stroke-width:1.9px;width:16px;height:16px}.ps-branch a{color:var(--t2);text-underline-offset:.2em;border-radius:6px;-webkit-text-decoration:underline #a8b1bc66;text-decoration:underline #a8b1bc66}.ps-branch a:hover{color:var(--t1)}.ps-branch a:focus-visible{outline:2px solid var(--ice-hi);outline-offset:2px}.ps-step:before{transform-origin:50% 0}.ps-play[data-phase=idle] .ps-ring{color:var(--t3);box-shadow:inset 0 0 0 1.5px var(--line-2)}.ps-play[data-phase=idle] .ps-medal{opacity:.35;transform:scale(.85)}.ps-play[data-phase=play] .ps-ring{animation:ps-ring .5s var(--ease-out) calc(var(--k) * .175s) both}.ps-play[data-phase=play] .ps-step:before{animation:ps-track .3s linear calc(var(--k) * .175s + 90ms) both}.ps-play[data-phase=play] .ps-medal{animation:ps-medal var(--dur-pop) var(--spring-pop) calc(var(--k) * .175s) both}@keyframes ps-ring{0%{color:var(--t3);box-shadow:inset 0 0 0 1.5px var(--line-2), 0 0 0 0 #b9e0fb00}40%{color:#fff;box-shadow:inset 0 0 0 1.5px var(--ice-hi), 0 0 0 6px #b9e0fb38}to{color:var(--ice-hi);box-shadow:inset 0 0 0 1.5px #75beff8c,0 0 0 4px #75beff14}}@keyframes ps-track{0%{background:var(--ice-hi);transform:scaleY(0)}to{transform:none}}@keyframes ps-medal{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:none}}@media (max-width:733px){.ps{border-radius:22px;padding:20px 18px}.ps-cols{grid-template-columns:minmax(0,1fr)}.ps-col>.ps-step:last-child:before{background:var(--line-2);height:100%}.ps-col+.ps-col>.ps-step:first-child:after{content:none}.ps-cap{flex-direction:column;gap:2px}}@media (forced-colors:active){.ps,.ps-ring,.ps-medal,.ps-loop{border:1px solid canvastext}.ps-step:before{background:canvastext}}}@layer utilities;