.practice-page{width:min(100%,1040px);height:100dvh;margin:auto;padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-left));display:grid;grid-template-rows:44px minmax(0,1fr) 24px;gap:8px}.practice-bar,.practice-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.practice-bar{border-bottom:1px solid var(--creator-line);font:10px ui-monospace,monospace}.practice-bar>span{font-weight:800;letter-spacing:.04em}.practice-bar a,.practice-footer a{color:var(--creator-gold)}.practice-footer{align-items:start;font:9px/1.3 sans-serif;color:var(--creator-muted)}.practice-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-height:0;padding:24px;border:1px solid #9364aa;background:#211732a8;border-radius:4px}.practice-intro{display:flex;justify-content:space-between;align-items:center;gap:14px}.practice-eyebrow{font:9px/1.3 ui-monospace,monospace;letter-spacing:.05em;color:var(--creator-gold);margin:0 0 5px}.practice-panel h1{font:800 clamp(28px,4vw,48px)/1 var(--font-creator-display),sans-serif;margin:0}.practice-panel h2{font:800 30px/1 var(--font-creator-display),sans-serif;color:var(--creator-gold);margin:0 0 7px}.practice-step{font:800 22px ui-monospace,monospace;white-space:nowrap;color:var(--creator-gold)}.practice-board{min-height:0;border:1px solid #73568c;border-radius:36px 36px 12px 12px;padding:16px;display:flex;flex-direction:column;justify-content:space-evenly;gap:10px;background:radial-gradient(ellipse at 40% 35%,#68305a50,transparent 75%),#14182ae6}.practice-rules{margin:0;text-align:center;color:var(--creator-muted);font:10px/1.4 ui-monospace,monospace}.practice-seats{display:flex;align-items:center;justify-content:space-evenly;gap:18px}.practice-seats>div>p{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;font:10px ui-monospace,monospace;color:var(--creator-muted)}.practice-seats strong{color:var(--creator-gold);font-size:17px}.practice-cards{display:flex;gap:7px}.practice-panel .practice-card{width:clamp(60px,10vh,100px);height:auto;aspect-ratio:5/7;min-width:0;flex:0 0 auto;background:#fff9f1;color:#121b22;border-radius:6px;position:relative;box-shadow:0 4px 10px #0003}.practice-panel .practice-card-red{color:#b92f40}.practice-panel .practice-card.trainer-card-back{background:repeating-linear-gradient(45deg,#322145 0 3px,#4a2f59 3px 5px);color:#86f5e9;border:3px solid #dbcce7}.practice-card-corner{position:absolute;top:5px;left:5px;display:flex;flex-direction:column;align-items:center;font:700 21px/1 Georgia,serif}.practice-card-corner small{font-size:14px}.practice-card-bottom{top:auto;left:auto;right:5px;bottom:5px;transform:rotate(180deg)}.practice-card-pip{position:absolute;inset:0;display:grid;place-items:center;font:35px Georgia,serif}.practice-question{margin:0;text-align:center;font-size:13px;line-height:1.3}.practice-prompt{margin:0 0 8px;color:var(--creator-muted);text-align:center;font-size:11px}.practice-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.practice-actions button{grid-column:span 2}.practice-actions button:nth-last-child(-n+2){grid-column:span 3}.practice-panel a.practice-primary,.practice-panel button{min-height:44px;padding:9px 12px;border:1px solid #a18bb3;background:#382844;color:var(--creator-paper);font:700 14px/1.2 sans-serif;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;text-align:center}.practice-panel button:hover:enabled{background:#564069}.practice-panel button:disabled{opacity:.4;cursor:not-allowed}.practice-panel .practice-primary{background:var(--creator-gold);color:#151d27;border-color:var(--creator-gold)}.practice-panel .practice-primary:hover:enabled,.practice-panel a.practice-primary:hover{background:#b7fcf5;color:#151d27}.practice-next{width:100%;margin-top:10px}.practice-feedback>p:not(.practice-eyebrow){font-size:13px;line-height:1.4;margin:0}.practice-storage{color:var(--creator-muted);font-size:10px;line-height:1.4;margin:8px 0 0}.practice-panel :is(h1,h2):focus{outline:none}.practice-page :is(button,a,select,input):focus-visible{outline:2px solid var(--creator-gold);outline-offset:3px}.practice-complete,.practice-empty{grid-column:1/-1;grid-row:1/-1;align-self:center;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.practice-complete>p,.practice-empty>p{margin:0;max-width:540px;font-size:14px;line-height:1.5}.practice-score{color:var(--creator-gold);font:800 clamp(78px,17vh,150px)/1 var(--font-creator-display),sans-serif}.practice-score>span{font-size:.38em;color:var(--creator-paper)}.practice-score-dots{display:flex;gap:8px}.practice-score-dots>span{min-width:44px;height:40px;display:grid;place-items:center;font:700 13px ui-monospace,monospace;border:1px solid;border-radius:4px}.practice-score-dots .is-correct{color:#151d27;border-color:var(--creator-gold);background:var(--creator-gold)}.practice-score-dots .is-missed{color:var(--creator-paper);border-color:#ff69c8;background:#38233c}.practice-result-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.practice-review-cta{color:var(--creator-gold);min-height:36px;display:inline-flex;align-items:center;font-weight:700}.practice-copy-input{width:min(100%,440px);padding:6px;border:1px solid var(--creator-line);background:#211732;color:var(--creator-paper);font-size:11px}.practice-complete .practice-share-status,.practice-complete .practice-storage,.practice-empty .practice-storage{font-size:10px;line-height:1.3}.practice-review-intro{flex-wrap:wrap}.practice-review-intro label{max-width:330px}.practice-review-intro select{color:var(--creator-paper);background:#211732;border:1px solid #9364aa;font-size:12px;min-height:36px;width:100%;padding:5px}.practice-legacy-note{flex-basis:100%;color:var(--creator-muted);font-size:10px;line-height:1.3;margin:0}.practice-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:24px}.practice-links>a{border:1px solid #9472ae;border-top:2px solid var(--creator-gold);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:linear-gradient(120deg,#54244366,#25345544)}.practice-links strong{font-size:17px}.practice-links small{color:var(--creator-muted);font:11px/1.4 sans-serif}.trainer-practice-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0;font-size:12px}.trainer-practice-links a{color:var(--creator-gold);min-height:36px;display:inline-flex;align-items:center}.trainer-review-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a18bb3;min-height:44px;padding:9px 12px;font-size:13px}@media (max-width:600px){.practice-page{grid-template-rows:40px minmax(0,1fr) 20px;gap:6px;padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}.practice-panel{padding:12px;gap:12px}.practice-panel h1{font-size:32px}.practice-panel h2{font-size:26px;margin-bottom:5px}.practice-board{padding:9px;gap:6px;border-radius:24px 24px 10px 10px}.practice-rules{font-size:8px}.practice-seats{gap:12px}.practice-seats>div>p{font-size:8px;margin-bottom:5px}.practice-seats strong{font-size:14px}.practice-cards{gap:5px}.practice-panel .practice-card{width:clamp(45px,9.2vh,76px)}.practice-card-corner{font-size:17px;top:4px;left:4px}.practice-card-corner small{font-size:12px}.practice-card-bottom{top:auto;left:auto;bottom:4px;right:4px}.practice-card-pip{font-size:26px}.practice-question{font-size:11px}.practice-prompt{font-size:9px}.practice-feedback>p:not(.practice-eyebrow){font-size:11px;line-height:1.35}.practice-complete,.practice-empty{gap:12px}.practice-complete>p,.practice-empty>p{font-size:12px}.practice-result-buttons{display:grid;width:100%;grid-template-columns:1fr;gap:7px}.practice-review-intro{gap:8px}.practice-review-intro label{flex-basis:100%;max-width:none}.practice-links{grid-template-columns:1fr;gap:8px}.practice-links>a{padding:13px 16px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.practice-links strong{font-size:15px}.practice-links small{text-align:right;max-width:55%;font-size:10px}}@media (max-width:600px) and (max-height:650px){.practice-panel h1{font-size:26px}.practice-complete,.practice-empty,.practice-panel{gap:8px}.practice-score{font-size:80px}}@media (max-height:500px) and (min-width:500px){.practice-page{grid-template-rows:34px minmax(0,1fr) 18px;gap:4px}.practice-panel{padding:8px 12px;grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);grid-template-rows:auto minmax(0,1fr);gap:8px 14px}.practice-intro{grid-column:1/-1;gap:8px}.practice-panel h1{font-size:26px}.practice-board{grid-column:1;grid-row:2;padding:8px;gap:4px}.practice-response{grid-column:2;grid-row:2;align-self:center}.practice-rules{font-size:8px}.practice-panel .practice-card{width:clamp(40px,16vh,62px)}.practice-question{font-size:10px}.practice-prompt{font-size:9px}.practice-panel h2{font-size:24px}.practice-feedback>p:not(.practice-eyebrow){font-size:11px;line-height:1.35}.practice-next{margin-top:8px}.practice-review-intro{flex-wrap:nowrap}.practice-review-intro label{flex-basis:auto;max-width:220px}.practice-review-intro:has(.practice-legacy-note){flex-wrap:wrap}.practice-review-intro:has(.practice-legacy-note) label{flex-basis:auto}.practice-legacy-note{font-size:9px}.practice-complete{display:grid;grid-template-columns:1fr 1.2fr;gap:7px 20px;width:100%;align-items:center;justify-items:center}.practice-complete>.practice-eyebrow,.practice-complete>h1{grid-column:1/-1}.practice-complete .practice-score{grid-column:1;grid-row:3/5;font-size:88px}.practice-score-dots{gap:5px}.practice-score-dots>span{min-width:36px;height:30px;font-size:11px}.practice-complete>.practice-score-dots,.practice-complete>p:not(.practice-eyebrow){grid-column:2}.practice-complete>p{font-size:11px;line-height:1.3}.practice-complete .practice-result-buttons{grid-column:1/-1;display:flex;flex-wrap:nowrap;width:100%}.practice-complete .practice-result-buttons button{flex:1;font-size:11px;padding:6px}.practice-complete .practice-review-cta{grid-column:1;min-height:26px;font-size:11px}.practice-complete>.practice-share-status,.practice-complete>.practice-storage{grid-column:2;font-size:9px}.practice-complete>.practice-copy-input{grid-column:1/-1}.practice-empty{gap:10px}}