.rule-module__hTlBcW__lab{color:#f8f3ff;gap:1rem;display:grid}.rule-module__hTlBcW__lab>header,.rule-module__hTlBcW__split article{background:#171020;border:1px solid #604878;padding:1rem}.rule-module__hTlBcW__lab>header{border-top:4px solid #d5a6ff}.rule-module__hTlBcW__lab h2{color:#d5a6ff;margin:.2rem 0;font-size:clamp(2rem,6vw,4.5rem)}.rule-module__hTlBcW__controls{flex-wrap:wrap;gap:.6rem;display:flex}.rule-module__hTlBcW__controls button,.rule-module__hTlBcW__story>button{color:#f8f3ff;background:0 0;border:1px solid #d5a6ff;min-height:44px;padding:.75rem 1rem;font-weight:800}.rule-module__hTlBcW__controls button[aria-pressed=true],.rule-module__hTlBcW__story>button{color:#241033;background:#d5a6ff}.rule-module__hTlBcW__split{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.rule-module__hTlBcW__note{color:#d5c9df;max-width:84ch;font-size:.85rem}.rule-module__hTlBcW__story{color:#f8f3ff;background:#0e0914;grid-template-columns:1fr 1fr;grid-template-areas:"head path""state path""button path""note path";gap:1rem;min-height:calc(100vh - 7rem);padding:clamp(1rem,4vw,4rem);display:grid}.rule-module__hTlBcW__story header{grid-area:head}.rule-module__hTlBcW__story header span,.rule-module__hTlBcW__story header p{color:#d5a6ff;letter-spacing:.12em}.rule-module__hTlBcW__story h1{max-width:12ch;font-size:clamp(2rem,5vw,5rem);line-height:.95}.rule-module__hTlBcW__path{border:1px solid #604878;grid-area:path;grid-template-columns:1fr 1fr;place-items:center;min-height:64vh;display:grid;position:relative}.rule-module__hTlBcW__path i{border:1px solid #d5a6ff;padding:.8rem;font-style:normal}.rule-module__hTlBcW__path b{background:#d5a6ff;border-radius:50%;width:3rem;height:3rem;transition:all .4s;position:absolute;top:15%;left:15%}.rule-module__hTlBcW__path[data-step="1"] b{top:15%;left:68%}.rule-module__hTlBcW__path[data-step="2"] b{background:#ffe08a;top:70%;left:15%}.rule-module__hTlBcW__path[data-step="3"] b{background:#8ed8ff;top:70%;left:68%}.rule-module__hTlBcW__story article{grid-area:state}.rule-module__hTlBcW__story article h2{font-size:clamp(2rem,4vw,4rem)}.rule-module__hTlBcW__story>button{grid-area:button;justify-self:start}.rule-module__hTlBcW__story>.rule-module__hTlBcW__note{grid-area:note}@media (max-width:760px){.rule-module__hTlBcW__split,.rule-module__hTlBcW__story{grid-template-columns:1fr}.rule-module__hTlBcW__story{grid-template-areas:"head""path""state""button""note"}.rule-module__hTlBcW__path{min-height:44vh}}@media (prefers-reduced-motion:reduce){.rule-module__hTlBcW__path b{transition:none}}
