.practice-intro{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.practice-intro .page-heading{padding-bottom:30px}.practice-intro>p{max-width:210px;padding-bottom:28px;font-size:12px}.practice-hub-grid{margin-bottom:40px}.practice-hub-summary{grid-template-columns:1.1fr 1fr;gap:55px;padding-block:35px 20px;display:grid}.practice-hub-summary h2{font-size:29px}.practice-hub-summary p{font-size:14px}.practice-hub-summary ol{counter-reset:steps;margin:0;padding:0;list-style:none}.practice-hub-summary li{counter-increment:steps;border-top:1px solid var(--line);color:var(--muted);grid-template-columns:30px 1fr;gap:16px;padding:18px 0;font-size:13px;display:grid}.practice-hub-summary li:before{content:"0" counter(steps);color:var(--accent);font:12px Courier New,monospace}.practice-hub-summary li strong{color:var(--ink);margin-bottom:3px;font-weight:500;display:block}.local-score-list{grid-template-columns:repeat(5,1fr);gap:12px;margin-block:22px 10px;display:grid}.local-score-item{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:18px}.local-score-item span{color:var(--muted);font-size:11px;display:block}.local-score-item strong{margin-block:4px;font-size:26px;font-weight:400;display:block}.local-score-item small{color:var(--muted);font-size:10px}.practice-page-heading{grid-template-columns:1fr auto;align-items:end;gap:18px;max-width:none;padding-bottom:32px;display:grid}.practice-page-heading h1{margin-bottom:12px}.practice-page-heading>div>p{max-width:650px;margin-bottom:0;font-size:15px}.practice-heading-mark{opacity:.8;width:90px;height:90px;margin:0 12px 10px}.practice-game{border:1px solid var(--line);background:var(--panel);border-radius:18px;max-width:960px;margin-inline:auto;padding:26px 30px 16px;overflow:hidden}.practice-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.practice-toolbar .pill{letter-spacing:1.2px;font-size:9px}.practice-dot{background:var(--game-color);border-radius:50%;width:5px;height:5px}.practice-best{letter-spacing:1px;color:var(--muted);align-items:baseline;gap:9px;font:9px Courier New,monospace;display:flex}.practice-best strong{letter-spacing:-1px;color:var(--game-color);font-size:23px;font-weight:400}.practice-best>span{letter-spacing:0;font-size:10px}.practice-prompt{text-align:center;margin:30px 0 20px}.practice-prompt h2{letter-spacing:-1px;margin-bottom:10px;font-size:29px}.practice-prompt p{max-width:640px;min-height:22px;margin:0 auto;font-size:13px}.practice-stage{aspect-ratio:5/3;background:#101512;border:1px solid #2a352c;border-radius:12px;width:100%;position:relative;overflow:hidden}.practice-stage canvas{touch-action:pan-y;width:100%;height:100%;display:block}.practice-game[data-game=angle] .practice-stage canvas,.practice-game[data-game=split] .practice-stage canvas{touch-action:none}.stage-badge{color:#728076;letter-spacing:2px;pointer-events:none;font:9px Courier New,monospace;position:absolute;bottom:13px;left:18px}.practice-status{text-align:center;min-height:44px;color:var(--muted);padding-block:15px 8px;font-size:12px}.practice-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:650px;margin:8px auto 16px;display:flex}.practice-controls>[data-start]{min-width:180px}.practice-result{border:1px solid var(--line);background:#111713;border-radius:12px;grid-template-columns:110px 1fr;align-items:center;gap:22px;margin-bottom:18px;padding:23px;display:grid}.result-score{color:var(--game-color);letter-spacing:-4px;font:52px/1 Courier New,monospace}.result-score small{color:var(--muted);letter-spacing:1px;margin-top:8px;font:10px/1.5 Courier New,monospace;display:block}.result-copy h3{letter-spacing:-.5px;margin-bottom:8px;font-size:20px}.result-copy p{margin:0;font-size:13px;line-height:1.8}.result-copy p+p{margin-top:4px}.result-copy .saved-feedback{color:var(--game-color);margin-top:10px;font-size:11px}.storage-note{text-align:center;color:#8e9e92;margin-bottom:3px;font:10px/1.7 Courier New,monospace}.count-form{width:100%}.count-form>label{color:var(--muted);margin-bottom:9px;font-size:12px;display:block}.answer-row{gap:10px;display:flex}.answer-row input{width:100%;min-width:0;color:var(--ink);background:#101512;border:1px solid #4a594d;border-radius:8px;padding:11px 15px;font-size:16px}.answer-row button{white-space:nowrap}.precision-controls{grid-template-columns:1fr auto;align-items:center;gap:10px 18px;width:100%;display:grid}.precision-controls label{color:var(--muted);grid-column:1/-1;font-size:11px}.precision-controls output{float:right;color:var(--game-color);font-family:Courier New,monospace}.precision-controls input[type=range]{width:100%;min-width:0;accent-color:var(--game-color);touch-action:pan-y;min-height:38px;margin:0}.precision-controls .button{padding-inline:15px;font-size:11px}.tempo-controls{text-align:center;width:100%}.tempo-pad{border:1px solid var(--game-color);width:100%;min-height:100px;color:var(--game-color);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#231d18;border-radius:12px;font-size:27px}.tempo-pad:active:not(:disabled){background:var(--game-color);color:#171611}.tempo-pad>span{margin-top:8px;font:11px Courier New,monospace;display:block}.tempo-controls>p{max-width:480px;margin:12px auto 0;font-size:11px}.practice-explainer{grid-template-columns:minmax(0,1fr) 260px;gap:50px;max-width:960px;margin-inline:auto;padding-top:45px;display:grid}.practice-explainer h2{margin-bottom:18px;font-size:27px}.practice-explainer p,.practice-explainer li{color:var(--muted);font-size:14px;line-height:1.85}.practice-explainer ol{padding-left:20px}.practice-explainer li{margin-bottom:8px;padding-left:4px}.practice-explainer a:not(.button){color:var(--accent);text-underline-offset:3px;text-decoration:underline}.practice-reference{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-self:start;padding:22px}.practice-reference h3{margin-bottom:12px;font-size:18px}.practice-reference p{font-size:12px}.practice-reference .button{width:100%;margin-top:8px;padding-inline:10px;font-size:11px}.practice-next{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:960px;margin:40px auto 0;padding-top:25px;display:flex}.practice-next p{margin:0;font-size:12px}.practice-next .button{font-size:12px}@media (width<=760px){.practice-intro{display:block}.practice-intro>p{max-width:none;margin-bottom:25px;padding-bottom:0}.practice-hub-summary{grid-template-columns:1fr;gap:20px;padding-top:12px}.local-score-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.local-score-item{padding:14px}.local-score-item strong{font-size:23px}.practice-page-heading{gap:8px}.practice-heading-mark{width:58px;height:58px;margin:0 0 8px}.practice-page-heading>div>p{font-size:13px}.practice-game{border-radius:13px;padding:18px 13px 13px}.practice-toolbar{gap:6px}.practice-toolbar .pill{letter-spacing:.7px;padding:6px;font-size:8px}.practice-best{letter-spacing:.3px;gap:5px;font-size:8px}.practice-best strong{font-size:20px}.practice-best>span{font-size:8px}.practice-prompt{margin:24px 0 18px}.practice-prompt h2{font-size:24px}.practice-prompt p{font-size:12px;line-height:1.7}.practice-stage{border-radius:8px}.stage-badge{font-size:7px;bottom:7px;left:10px}.practice-status{min-height:49px;padding:12px 2px 7px;font-size:11px}.practice-controls{gap:8px}.practice-controls .button{min-height:46px}.answer-row{flex-direction:column}.answer-row input{min-height:48px}.answer-row button{width:100%}.precision-controls{grid-template-columns:1fr;gap:8px}.precision-controls .button{width:100%}.precision-controls label{font-size:10px}.practice-result{grid-template-columns:73px 1fr;gap:16px;padding:18px 14px}.result-score{font-size:41px}.result-copy h3{font-size:18px}.result-copy p{font-size:11px}.result-score small{font-size:8px}.storage-note{font-size:8px;line-height:1.8}.practice-explainer{grid-template-columns:1fr;gap:20px;padding-top:33px}.practice-explainer h2{font-size:25px}.practice-explainer p,.practice-explainer li{font-size:13px}.practice-next{align-items:start}.practice-next .button{min-width:145px}.tempo-pad{min-height:88px}.local-score-item:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){.practice-stage{scroll-behavior:auto}}.practice-choices{grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px;display:grid}.practice-choice{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:20px 22px}.practice-choice h2{letter-spacing:-.025em;margin:0 0 9px;font-size:20px}.practice-choice p{max-width:470px;margin:0 0 13px;font-size:12px;line-height:1.8}.practice-choice p strong{color:var(--ink);font-weight:500}.practice-choice .text-link{font-size:12px}.practice-hub-grid{scroll-margin-top:22px}@media (width<=760px){.practice-intro .page-heading{padding-bottom:15px}.practice-intro .page-heading h1{font-size:37px}.practice-intro>p{margin-bottom:19px;font-size:11px}.practice-choices{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.practice-choice{padding:16px 17px}.practice-choice h2{font-size:18px}.practice-choice p{margin-bottom:10px;font-size:11px;line-height:1.7}.practice-choice .text-link{font-size:11px}}.practice-result{scroll-margin-block:16px}.practice-intro .page-heading{padding-top:24px;padding-bottom:18px}.practice-intro .page-heading h1{margin-bottom:10px;font-size:36px}.practice-intro .breadcrumb{margin-bottom:12px}.practice-choices{gap:12px}.practice-choice{padding:15px 16px}@media (width<=760px){.practice-intro .page-heading{padding-top:20px;padding-bottom:16px}.practice-intro .page-heading h1{font-size:29px}.practice-choices{grid-template-columns:1fr 1fr;gap:10px}.practice-choice{padding:13px 12px}.practice-choice h2{font-size:16px;line-height:1.3}.practice-choice p{font-size:12px}.practice-choice .text-link{align-items:center;min-height:44px;font-size:12px;display:inline-flex}}.page-heading.practice-page-heading{max-width:800px;margin-inline:auto;padding:22px 0 18px;display:block}.practice-page-heading .breadcrumb{margin-bottom:10px}.practice-page-heading h1{margin:0;font-size:36px;line-height:1.2}.practice-game{max-width:800px;padding:18px 22px 14px}.practice-toolbar{justify-content:flex-end}.practice-prompt{margin:10px 0 14px}.practice-prompt h2{letter-spacing:-.5px;margin-bottom:6px;font-size:25px;line-height:1.25}.practice-game:not([data-phase=idle]) [data-instructions]{display:none}.practice-stage{background:var(--bg);border-color:var(--line)}.practice-status{min-height:34px;padding:7px 2px;font-size:12px;line-height:20px}.practice-status:empty{display:none}.practice-controls{margin:10px auto 12px}.practice-controls button{touch-action:manipulation}.practice-controls>[data-cancel]{min-height:40px;color:var(--muted);background:0 0;border:0;order:3;padding:4px 12px;font-size:12px}.precision-option{order:2;width:100%}.precision-option summary{cursor:pointer;min-height:44px;color:var(--muted);text-align:center;padding:10px 2px;font-size:12px}.precision-controls{padding:8px 0 12px}.precision-controls label{font-size:12px}.precision-controls input[type=range]{min-height:44px}.practice-result{background:var(--bg);margin:14px 0 8px;padding:18px}.storage-note{color:var(--muted);margin:4px 0 0;font:11px/1.6 Arial,Helvetica,sans-serif}.answer-row input{background:var(--bg);border-color:var(--line)}.practice-game[data-game=count][data-phase=answer] .practice-stage,.practice-game[data-phase=interrupted] .practice-stage{display:none}@media (width<=760px){.page-heading.practice-page-heading{padding:18px 0 14px}.practice-page-heading h1{font-size:25px}.practice-game{padding:12px 12px 10px}.practice-best{font-size:10px}.practice-prompt{margin:9px 0 12px}.practice-prompt h2{font-size:22px}.practice-prompt p{font-size:12px;line-height:1.6}.practice-status{min-height:34px;padding:7px 2px;font-size:12px}.practice-result{gap:12px;padding:14px}.result-copy p{font-size:12px;line-height:1.65}.answer-row{flex-direction:row;gap:8px}.answer-row button{width:auto;padding-inline:12px;font-size:12px}.precision-controls label{font-size:12px}.storage-note{font-size:11px}}