.stall{margin-top:clamp(32px,4vw,48px);position:relative}.stall-switch{background:#fff;border:1px solid var(--lt-line);border-radius:var(--r);display:inline-flex;gap:4px;padding:4px}.stall-switch button{appearance:none;background:transparent;border:0;border-radius:calc(var(--r) - 4px);color:var(--deep);cursor:pointer;font:700 .92rem/1 var(--head);min-height:44px;padding:0 clamp(14px,1.8vw,22px);transition:background .25s,color .25s}.stall-switch button[aria-pressed=true]{background:var(--deep);color:#fff}.stall-switch button:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.stall-status{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);margin:0;white-space:nowrap}.stall-track{margin-top:clamp(36px,4.4vw,56px);padding-top:30px;position:relative}.stall-line{height:12px;position:relative}.stall-base{background:repeating-linear-gradient(90deg,var(--mid) 0 6px,transparent 6px 13px);height:2px;opacity:.45;right:0;top:5px}.stall-base,.stall-done{left:0;position:absolute}.stall-done{background:var(--spot);border-radius:2px;height:4px;top:4px;transition:width 1.2s cubic-bezier(.22,.61,.36,1);width:36%}.stall-line:after,.stall-line:before{border-radius:50%;box-sizing:border-box;content:"";height:12px;position:absolute;top:0;width:12px}.stall-line:before{background:var(--spot);left:0}.stall-line:after{background:var(--stone);border:2px solid var(--mid);right:0;transition:background .4s .9s,border-color .4s .9s}.stall-mark{background:var(--purple);border-radius:2px;height:26px;left:36%;margin-left:-2px;position:absolute;top:-7px;transition:opacity .35s;width:4px}.stall-lbl{bottom:calc(100% + 14px);font:600 .75rem/1 var(--mono);font-style:normal;letter-spacing:.18em;position:absolute;text-transform:uppercase;transform:translateX(-50%);transition:opacity .4s;white-space:nowrap}.lbl-stall{color:var(--purple);left:36%}.lbl-move{color:var(--deep);left:64%;opacity:0}.stall-ends{color:var(--deep);display:flex;font:600 .75rem/1.2 var(--mono);justify-content:space-between;letter-spacing:.14em;margin-top:14px;text-transform:uppercase}.stall-ropes{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%}.stall-ropes path{fill:none;opacity:.5;stroke:var(--purple);stroke-dasharray:1;stroke-dashoffset:0;stroke-width:1.5;transition:stroke-dashoffset .9s cubic-bezier(.22,.61,.36,1),opacity .3s,stroke-width .3s}.stall-ropes circle{fill:var(--purple);transition:opacity .4s}.stall-ropes .is-hot{opacity:1;stroke-width:2.5}.stall-forces{display:grid;gap:clamp(24px,3vw,44px);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(64px,7vw,96px)}.stall-force{border-top:2px solid var(--purple);display:flex;flex-direction:column;padding-top:clamp(18px,2vw,24px);position:relative;transition:border-color .5s}.stall-kind{color:var(--purple);display:block;font:600 .75rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;transition:color .5s}.stall-force h3{color:var(--deep);font:800 clamp(1.12rem,1.5vw,1.3rem)/1.25 var(--head);letter-spacing:-.01em;margin:10px 0 0;text-wrap:balance}.stall-force ol{list-style:none;margin:clamp(14px,1.6vw,20px) 0 0;padding:0}.stall-force li{border-top:1px solid var(--lt-line);display:grid;gap:0 10px;grid-template-columns:30px minmax(0,1fr);padding:14px 0}.stall-force li .n{color:var(--mid);font:600 .75rem/1.45 var(--mono);letter-spacing:.1em;padding-top:2px}.stall-force li b{color:var(--deep);display:block;font:700 1rem/1.35 var(--head)}.stall-force li p{color:var(--lt-mut);font:400 .94rem/1.55 var(--body);letter-spacing:.005em;margin:5px 0 0}.stall-fix{background:transparent;border:1px solid var(--lt-line);border-radius:12px;box-shadow:inset 3px 0 0 transparent;display:grid;gap:0 10px;grid-template-columns:30px minmax(0,1fr);margin-top:auto;padding:16px 14px 16px 12px;transition:border-color .5s,background .5s,box-shadow .5s}.stall-force ol{margin-bottom:16px}.stall-fix>i{border:2px solid var(--lt-line);border-radius:50%;box-sizing:border-box;height:20px;margin-top:1px;position:relative;transition:background .4s,border-color .4s;width:20px}.stall-fix>i:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);transition:opacity .3s .15s;width:5px}.stall-fix span{color:var(--deep);display:block;font:600 .75rem/1.45 var(--mono);letter-spacing:.16em;text-transform:uppercase}.stall-fix p{color:var(--deep);font:600 .95rem/1.5 var(--body);letter-spacing:.005em;margin:5px 0 0}.stall.is-solved .stall-done{width:100%}.stall.is-solved .lbl-stall,.stall.is-solved .stall-mark,.stall.is-solved .stall-ropes circle{opacity:0}.stall.is-solved .lbl-move{opacity:1;transition-delay:.7s}.stall.is-solved .stall-line:after{background:#50b1a3;border-color:#50b1a3}.stall.is-solved .stall-ropes path{opacity:0;stroke-dashoffset:-1}.stall.is-solved .stall-force{border-top-color:#50b1a3}.stall.is-solved .stall-kind{color:var(--deep)}.stall.is-solved .stall-fix{background:#fff;border-color:#50b1a3;box-shadow:inset 3px 0 0 #50b1a3}.stall.is-solved .stall-fix>i{background:#50b1a3;border-color:#50b1a3}.stall.is-solved .stall-fix>i:after{opacity:1}.stall.is-solved .stall-force:nth-child(2) *{transition-delay:.12s}.stall.is-solved .stall-force:nth-child(3) *{transition-delay:.24s}.stall-next{align-items:center;color:var(--spot);display:inline-flex;font:700 .95rem/1 var(--head);gap:9px;margin-top:clamp(20px,2.4vw,30px);min-height:44px;text-decoration:none}.stall-next svg{height:16px;width:16px}.stall-next:hover{color:var(--purple)}.stall-next:focus-visible{outline:2px solid var(--spot);outline-offset:4px}.stall.is-armed .stall-done{width:0}.stall.is-armed .stall-ropes path{stroke-dashoffset:1}@media (min-width:861px){.stall-force{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}.stall-fix{margin-top:0}}@media (max-width:860px){.stall-forces{gap:clamp(28px,6vw,40px);grid-template-columns:minmax(0,1fr);margin-top:clamp(32px,7vw,44px)}.stall-ropes{display:none}.stall-switch{display:flex}.stall-switch button{flex:1}}@media (prefers-reduced-motion:reduce){.stall *,.stall :after,.stall :before{transition:none!important}}.ui-hint{align-items:center;color:var(--mid);display:inline-flex;font:600 .82rem/1.3 var(--body);gap:7px;margin-left:14px;vertical-align:middle}.ui-hint svg{flex:none;height:18px;width:18px}.stall-switch,.stall-switch button{position:relative}.stall-switch button{z-index:1}.stall-thumb{background:var(--deep);border-radius:calc(var(--r) - 4px);bottom:4px;box-shadow:0 10px 20px -12px rgba(36,58,126,.7);left:0;pointer-events:none;position:absolute;top:4px;transition:transform .5s cubic-bezier(.22,.61,.36,1),width .5s cubic-bezier(.22,.61,.36,1);width:0}.stall-switch.has-thumb button[aria-pressed=true]{background:transparent}.stall-switch.has-thumb button{transition:color .3s .1s}.stall:not(.is-touched) .stall-thumb{animation:uiPeek 3.4s ease-in-out 1.2s infinite}.stall:not(.is-touched) .stall-hint svg{animation:uiTap 3.4s ease-in-out 1.2s infinite;transform-origin:60% 20%}.stall-hint{cursor:pointer}.stall-hint:hover{color:var(--deep)}.stall-hint-t{transition:opacity .25s}.stall-switch button[aria-pressed=false]:hover{background:var(--stone)}.stall-track{cursor:pointer}.stall-track:hover .stall-mark{transform:scaleY(1.15)}.stall-mark{transition:opacity .35s,transform .2s}.stall-mark:after{animation:uiHalo 2.4s ease-out infinite;border:2px solid var(--purple);border-radius:50%;content:"";height:30px;left:50%;margin:-15px 0 0 -15px;opacity:0;position:absolute;top:50%;width:30px}@media (max-width:860px){.ui-hint{display:flex;margin:12px 0 0}}@media (prefers-reduced-motion:reduce){.stall-mark:after,.stall-switch button:after{animation:none!important;opacity:0!important}.stall-hint svg,.stall-thumb{animation:none!important;transition:none!important}}.stall-force li{display:block;padding:0}.stall-force li details{border-radius:8px}.stall-force li summary{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:grid;gap:0 10px;grid-template-columns:30px minmax(0,1fr) 22px;list-style:none;min-height:44px;padding:13px 6px 13px 0;transition:background .2s}.stall-force li summary::-webkit-details-marker{display:none}.stall-force li summary:hover{background:rgba(38,66,149,.05)}.stall-force li summary:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.stall-force li .n{padding-top:0}.stall-force li b{transition:color .2s}.stall-force li summary:hover b{color:var(--spot)}.stall-force li .pm{border:1.5px solid var(--lt-line);border-radius:50%;box-sizing:border-box;height:22px;position:relative;transition:border-color .2s,background .2s,transform .3s;width:22px}.stall-force li .pm:after,.stall-force li .pm:before{background:var(--deep);content:"";height:1.5px;left:50%;margin:-.75px 0 0 -4.5px;position:absolute;top:50%;transition:transform .3s;width:9px}.stall-force li .pm:after{transform:rotate(90deg)}.stall-force li summary:hover .pm{border-color:var(--spot)}.stall-force li details[open] .pm{background:var(--deep);border-color:var(--deep)}.stall-force li details[open] .pm:before{background:#fff}.stall-force li details[open] .pm:after{background:#fff;transform:rotate(0)}.stall-force li details>p{margin:0 0 14px 40px}@media (prefers-reduced-motion:reduce){.stall-force li .pm,.stall-force li .pm:after,.stall-force li .pm:before,.stall-force li summary{transition:none}}@keyframes uiPeek{0%,58%,to{translate:0}68%{translate:var(--peek,12px)}78%{translate:0}85%{translate:calc(var(--peek,12px)*.4)}92%{translate:0}}@keyframes uiTap{0%,56%,to{transform:none}64%{transform:translate(-2px,-3px) rotate(-8deg)}70%{transform:scale(.86)}78%{transform:none}}@keyframes uiPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.14)}}@keyframes uiHalo{0%{opacity:.55;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.sec.db-problem:after{display:none}