.practice-page{width:min(1380px,100% - 48px);margin:30px auto 60px}.practice-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.practice-page-heading h1{letter-spacing:-1.7px;margin-top:8px;font-size:clamp(30px,4vw,48px)}.practice-leave{color:var(--link);align-items:center;gap:8px;min-height:44px;font-size:13px;display:inline-flex}.practice-workbench{border:1px solid var(--line);background:var(--surface);border-radius:0;overflow:hidden}.practice-workbench:focus{outline:none}.practice-workbench[data-expanded=true]{z-index:65;background:var(--bg);border-radius:0;padding:12px;position:fixed;inset:0;overflow:auto}.practice-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.practice-toolbar>span{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.practice-toolbar>span svg{width:20px;height:20px;color:var(--link)}.practice-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);display:grid}.practice-world{background:#0d0809;flex-direction:column;min-width:0;display:flex}.practice-world>:first-child{flex:1;min-height:460px}.practice-world-caption{background:var(--surface);border-top:1.5px solid var(--line);color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:14px;font-size:12px;display:flex}.practice-world-caption svg{flex-shrink:0;width:18px;height:18px}.practice-loading{color:var(--muted);place-items:center;padding:30px;font-size:14px;display:grid}.practice-instructions{border-left:1px solid var(--line);min-width:0;padding:28px}.practice-progress{justify-content:space-between;gap:8px;margin:0 0 34px;padding:0;list-style:none;display:flex}.practice-progress li{color:var(--muted);justify-items:center;gap:5px;display:grid}.practice-progress li>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.practice-progress li>span svg{width:14px;height:14px}.practice-progress li small{font-size:10px}.practice-progress li[aria-current=step]{color:var(--link);font-weight:700}.practice-progress li[aria-current=step]>span,.practice-progress li[data-done]>span{background:var(--link);border-color:var(--link);color:var(--bg)}.practice-step-label{letter-spacing:1.3px;color:var(--link);font-size:10px;font-weight:700}.practice-instructions h2{letter-spacing:-1px;text-wrap:balance;margin:14px 0;font-size:clamp(24px,2.5vw,34px);line-height:1.12}.practice-instructions h2:focus{outline:none}.practice-instructions>p{font-size:14px;line-height:1.65}.practice-primary{justify-content:space-between;width:100%;margin-top:25px}.practice-pocket{margin-block:20px}.practice-note{background:var(--paper);border:1px solid var(--noir-red);width:100%;min-height:165px;color:var(--paper-ink);text-align:center;border-radius:3px 3px 18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:3px 5px #00000014}button.practice-note{cursor:pointer;transition:transform .2s;transform:rotate(-2deg)}button.practice-note:hover{transform:rotate(0)}.practice-note>span{letter-spacing:1.5px;font-size:10px}.practice-note strong{font-size:19px;line-height:1.35}.practice-note small{align-items:center;gap:8px;font-size:12px;display:flex}.practice-note small svg{width:16px;height:16px}.practice-note[data-flipped]{animation:.35s ease-out practice-turn}.practice-locker-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.practice-locker-choices button{border:1px solid var(--line);background:var(--bg);min-height:109px;color:var(--text);cursor:pointer;border-radius:0;flex-direction:column;align-items:center;gap:9px;padding:13px 4px;transition:transform .15s,border-color .15s;display:flex}.practice-locker-choices button:hover{border-color:var(--link);transform:translateY(-3px)}.practice-locker-choices button[data-tried]{border-style:dashed}.practice-locker-choices small{color:var(--muted);font-size:10px}.practice-locker-choices strong{font-size:11px}.practice-feedback{min-height:20px;color:var(--link);margin-top:12px}.practice-replay{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.practice-replay:disabled{opacity:.55;cursor:default}.practice-completion{justify-items:stretch;gap:12px;margin-top:12px;display:grid}.practice-completion>svg{color:var(--link);justify-self:center}.practice-completion .button,.practice-completion .action-wrap{width:100%}.practice-completion .practice-replay{justify-self:center}.practice-no-score{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:16px;font-size:11px;line-height:1.5;display:block}.practice-resumed,.practice-fallback-note{color:var(--muted);margin-top:12px;font-size:12px!important}@keyframes practice-turn{0%{opacity:.5;transform:perspective(600px)rotateY(60deg)}to{opacity:1;transform:none}}@media (max-width:900px){.practice-layout{grid-template-columns:minmax(0,1.15fr) minmax(285px,1fr)}.practice-instructions{padding:22px}}@media (max-width:680px){.practice-page{width:calc(100% - 24px);margin:18px auto 32px}.practice-page-heading{align-items:flex-start;gap:10px;margin-bottom:16px}.practice-page-heading .section-label{letter-spacing:1px;font-size:9px}.practice-page-heading h1{font-size:32px}.practice-leave{white-space:nowrap;font-size:11px}.practice-toolbar{padding:10px 12px}.practice-toolbar>span{font-size:10px}.practice-toolbar .button{min-height:44px;padding:8px 10px;font-size:11px}.practice-layout{grid-template-columns:1fr}.practice-world>:first-child{flex:none;height:clamp(260px,40svh,355px);min-height:260px;max-height:355px}.practice-world-caption{padding:10px 12px;font-size:10px}.practice-instructions{border-left:0;border-top:1px solid var(--line);padding:20px}.practice-progress{margin-bottom:22px}.practice-instructions h2{font-size:27px}.practice-pocket{margin-block:14px}.practice-note{gap:10px;min-height:125px;padding:14px}.practice-workbench[data-expanded]{padding:0}}@media (prefers-reduced-motion:reduce){.practice-note,.practice-locker-choices button{transition:none!important;animation:none!important;transform:none!important}}.practice-page[data-reduced-motion=true] .practice-note,.practice-page[data-reduced-motion=true] .practice-locker-choices button{transition:none;animation:none;transform:none}
