.fluency-practice-screen{--practice-safe-top: env(safe-area-inset-top, 0px);--practice-safe-bottom: env(safe-area-inset-bottom, 0px);--practice-inline-padding: clamp(1rem, 3vw, 1.5rem);--practice-header-top: calc(.625rem + var(--practice-safe-top));--practice-header-bottom: .25rem;--practice-content-y: clamp(.5rem, 1.5dvh, 1rem);--practice-fact-gap: clamp(1rem, 2.2dvh, 2rem);--practice-answer-height: clamp(4rem, 8.4dvh, 5rem);--practice-answer-width: clamp(10rem, 30vw, 12rem);--practice-keypad-width: clamp(18rem, 42vw, 21.25rem);--practice-key-size: clamp(3.5rem, 7.6dvh, 4rem);--practice-key-gap: clamp(.625rem, 1.4dvh, 1rem);--practice-check-gap: clamp(.75rem, 1.6dvh, 1.25rem);--practice-check-min-height: clamp(3.25rem, 6.6dvh, 3.75rem);--practice-correct-banner-height: calc(4.5rem + var(--practice-safe-bottom));height:100vh;min-height:100vh;max-height:100vh}@supports (height: 100svh){.fluency-practice-screen{height:100svh;min-height:100svh;max-height:100svh}}@supports (height: 100dvh){.fluency-practice-screen{height:100dvh;min-height:100dvh;max-height:100dvh}}.fluency-practice-header{padding:var(--practice-header-top) var(--practice-inline-padding) var(--practice-header-bottom)}.fluency-practice-progress{--turtle-progress-padding-top: clamp(34px, 7.6dvh, 68px);--turtle-progress-bottom: clamp(8px, 1.4dvh, 12px);--turtle-progress-turtle-size: clamp(52px, 10.5dvh, 92px);--turtle-progress-dot-height: clamp(8px, 1.35dvh, 12px);--turtle-progress-dot-gap: clamp(4px, .9dvh, 8px);--turtle-progress-flag-size: clamp(42px, 8.5dvh, 76px);--turtle-progress-flag-offset: clamp(-60px, -7dvh, -32px)}.fluency-practice-content{padding:var(--practice-content-y) var(--practice-inline-padding)}.fluency-practice-fact{margin-bottom:var(--practice-fact-gap)}.fluency-practice-fact h2{font-size:clamp(3.25rem,7.2dvh,4.5rem);line-height:.95}.fluency-practice-answer{min-width:var(--practice-answer-width);height:var(--practice-answer-height)}.fluency-practice-controls{padding:0 var(--practice-inline-padding) calc(1rem + var(--practice-safe-bottom))}.fluency-practice-numpad .grid{max-width:var(--practice-keypad-width);gap:var(--practice-key-gap)}.fluency-practice-numpad button{height:var(--practice-key-size)}.fluency-practice-check{max-width:var(--practice-keypad-width);margin:var(--practice-check-gap) auto 0}.fluency-practice-check-button{min-height:var(--practice-check-min-height)}.fluency-practice-correct-banner{height:var(--practice-correct-banner-height);padding-bottom:var(--practice-safe-bottom)}.fluency-practice-wrong-sheet{padding-bottom:var(--practice-safe-bottom)}.fluency-practice-wrong-content{padding-top:clamp(1rem,2.2dvh,1.25rem);padding-bottom:clamp(1.25rem,3dvh,2rem)}@media (orientation: landscape) and (max-height: 760px){.fluency-practice-screen{--practice-header-top: calc(.25rem + var(--practice-safe-top));--practice-header-bottom: 0;--practice-content-y: .25rem;--practice-fact-gap: .45rem;--practice-answer-height: clamp(3rem, 8.2dvh, 3.75rem);--practice-answer-width: clamp(9rem, 18vw, 11rem);--practice-keypad-width: min(20rem, 56vw);--practice-key-size: clamp(2.875rem, 7.4dvh, 3.35rem);--practice-key-gap: clamp(.35rem, 1dvh, .55rem);--practice-check-gap: .45rem;--practice-check-min-height: clamp(2.875rem, 7dvh, 3.25rem);--practice-correct-banner-height: calc(3.5rem + var(--practice-safe-bottom))}.fluency-practice-progress{--turtle-progress-padding-top: clamp(27px, 6dvh, 43px);--turtle-progress-bottom: clamp(6px, 1dvh, 8px);--turtle-progress-turtle-size: clamp(42px, 8.5dvh, 58px);--turtle-progress-dot-height: clamp(6px, 1.1dvh, 8px);--turtle-progress-dot-gap: clamp(3px, .8dvh, 5px);--turtle-progress-flag-size: clamp(34px, 7dvh, 48px);--turtle-progress-flag-offset: clamp(-38px, -5.6dvh, -24px)}.fluency-practice-fact h2{font-size:clamp(2.5rem,7.4dvh,3.5rem)}.fluency-practice-answer{border-radius:1rem;font-size:clamp(2rem,6.4dvh,2.6rem)}.fluency-practice-check-button{font-size:1rem}.fluency-practice-wrong-content{max-width:min(34rem,86vw);padding-top:.6rem;padding-bottom:.85rem}.fluency-practice-wrong-content .mb-3{margin-bottom:.35rem}.fluency-practice-wrong-dots .grid{gap:clamp(.25rem,.8dvh,.5rem);padding:clamp(.4rem,1dvh,.75rem)}.fluency-practice-wrong-dots .rounded-full{width:clamp(1rem,3dvh,1.35rem);height:clamp(1rem,3dvh,1.35rem)}.fluency-practice-wrong-content .mt-4{margin-top:.5rem}}@media (orientation: landscape) and (max-height: 620px){.fluency-practice-screen{--practice-key-size: clamp(2.75rem, 7dvh, 3rem);--practice-key-gap: .3rem;--practice-check-min-height: 2.75rem}.fluency-practice-progress{--turtle-progress-padding-top: 25px;--turtle-progress-turtle-size: 40px;--turtle-progress-flag-size: 32px;--turtle-progress-flag-offset: -24px}}