.practice-dialog{width:min(1120px,96vw);height:94vh;max-height:100vh;padding:0;border:1px solid #cdd4cb;border-radius:10px;color:var(--ink);background:#fff;overflow:hidden}.practice-dialog::backdrop{background:#172b40ad;backdrop-filter:blur(2px)}.practice-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;border-bottom:1px solid var(--line);height:104px}.practice-head h2{font-size:25px;line-height:1.4;margin:0}.practice-head p{margin:0 0 3px}.practice-close{border:1px solid var(--line);border-radius:50%;width:40px;height:40px;background:#fff;font:22px sans-serif;cursor:pointer;flex-shrink:0}.practice-body{height:calc(100% - 104px);overflow:auto;padding:20px 26px 35px;overscroll-behavior:contain}.practice-dialog button,.practice-dialog select{font:15px/1.5 inherit;font-family:inherit;font-size:15px;line-height:1.5;cursor:pointer}.practice-dialog button{border:1px solid #cdd4cb;border-radius:5px;padding:9px 15px;background:#fff;color:var(--ink)}.practice-dialog button:disabled{opacity:.55;cursor:default}.practice-dialog button:focus-visible,.practice-dialog select:focus-visible{outline:3px solid #82967d;outline-offset:3px}.table-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.table-choice button{font-size:18px;text-align:left;padding:12px 16px}.table-choice button small{font-size:13px;float:right;margin:4px 0 0 10px}.table-choice button[aria-selected=true]{border-color:#41553b;background:#41553b;color:#fff}.practice-scope{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:15px;margin:10px 0 17px}.practice-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;background:#f7f9f6;padding:13px 16px;border-radius:5px}.practice-filters label,.game-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.practice-dialog select{border:1px solid #d3d9d2;background:white;color:var(--ink);padding:7px 27px 7px 10px;border-radius:4px;max-width:260px;min-height:38px}.pool-count{font-size:14px;margin-left:auto;padding-bottom:8px;color:var(--muted)}.practice-modes{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.practice-modes button[aria-pressed=true]{background:#ecf1eb;border-color:#41553b}.game-surface{border:1px solid var(--line);border-radius:8px;padding:22px;min-height:290px}.game-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:14px;color:var(--muted)}.game-toolbar>button:last-child{margin-left:auto}.game-instruction{font-size:14px;color:var(--muted);margin:16px 0}.flash-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:210px;width:100%;max-width:600px;margin:20px auto 12px;gap:18px;background:#fafbf9!important;border-color:#c6d0c4!important}.flash-face{font:72px/1.5 "Songti SC",serif;letter-spacing:5px;overflow-wrap:anywhere;max-width:100%}.flash-face.sound{font:38px/1.7 sans-serif;letter-spacing:1px}.flash-prompt{font-size:13px;color:var(--muted)}.card-context{text-align:center;color:var(--muted);font-size:14px}.flash-evaluation{display:flex;justify-content:center;gap:20px}.flash-evaluation button:last-child{background:#41553b;color:#fff}.game-result,.game-empty{text-align:center;padding:28px 16px}.game-result h3{font-size:24px;margin:0 0 10px}.game-result p{color:var(--muted)}.game-result button{margin:10px 6px}.pair-board{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:68px}.pair-column{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.pair-column h3{font-size:15px;font-weight:500;margin:0 0 4px;color:var(--muted)}.pair-card{min-height:71px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;position:relative}.pair-card span{font-size:23px;overflow-wrap:anywhere}.pair-card small{font-size:12px;color:var(--muted)}.pair-card.selected{outline:2px solid #60755a;background:#eff3ee}.pair-card.solved{opacity:1!important;background:#f1f4f0;border-color:#aebbaa}.pair-card.pair-wrong,.answer-wrong{background:#fbedea!important;border-color:#b55f4d!important}.pair-number{position:absolute;left:10px;top:10px;font:13px sans-serif;width:21px;height:21px;border-radius:50%;background:#526f4a;color:#fff;display:grid;place-items:center}.pair-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.eliminate{display:block}.eliminate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.eliminate-grid .pair-card{min-height:105px}.eliminate-grid .solved{visibility:hidden}.game-feedback{min-height:28px;font-size:15px;color:#4a5c45;margin:15px 0 0}.question-card{max-width:730px;margin:auto}.question-card>small{color:var(--muted)}.question-card h3{font-size:23px;line-height:1.7}.answer-options{display:grid;gap:12px}.answer-options button{text-align:left;padding:14px 18px;font-size:17px}.answer-correct{background:#eaf3ee!important;border-color:#567a66!important;opacity:1!important}.question-card>button{margin-top:15px}.stroke-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:30px;margin-top:20px}.stroke-target{width:100%;max-width:320px;min-height:260px;aspect-ratio:1;border:1px solid #c2ccc0;touch-action:none;background:linear-gradient(to right,transparent calc(50% - .5px),#e2e8e1 calc(50% - .5px),#e2e8e1 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#e2e8e1 calc(50% - .5px),#e2e8e1 calc(50% + .5px),transparent calc(50% + .5px)),#fdfefd}.stroke-target svg{display:block;touch-action:none}.stroke-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.stroke-buttons button{padding:8px 10px}.stroke-buttons .primary-action{background:#41553b;color:#fff}.stroke-help h3{margin:0;font-size:19px}.stroke-help p{font-size:14px;color:var(--muted)}.stroke-score{font-size:17px;font-weight:600}.stroke-sequence{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.stroke-sequence[hidden]{display:none}.stroke-sequence>div{border:1px solid var(--line);padding:4px;display:flex;flex-direction:column;text-align:center}.stroke-sequence svg{width:64px;height:64px}.stroke-sequence small{font-size:12px;color:var(--muted)}.practice-reference{margin-top:22px;font-size:14px}.practice-reference summary{cursor:pointer}.practice-reference>p{color:var(--muted)}.source-links{display:flex;flex-wrap:wrap;gap:12px}.item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:15px;max-height:360px;overflow:auto}.item-list>span{padding:8px;border:1px solid var(--line);font-size:14px}.item-list small{display:block;color:var(--muted);font-size:12px}.practice-credit{font-size:12px;color:var(--muted);margin:20px 0 0}.practice-entry{display:flex;gap:8px;flex-wrap:wrap}.practice-entry button{font:14px/1.5 inherit;font-size:14px;line-height:1.5;padding:6px 12px;border:1px solid #c5cdc3;border-radius:4px;color:var(--ink);background:#fafbf9;cursor:pointer}.practice-entry-note{font-size:13px;color:var(--muted)}@media(max-width:700px){.practice-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.practice-head{height:94px;padding:15px}.practice-head h2{font-size:21px}.practice-head .eyebrow{font-size:12px}.practice-body{height:calc(100% - 94px);padding:15px}.table-choice{gap:6px}.table-choice button{font-size:16px;padding:10px 8px;text-align:center}.table-choice button small{display:block;float:none;margin:3px 0 0;font-size:12px}.practice-filters{gap:9px;padding:10px}.practice-filters label{flex:1;min-width:125px}.practice-dialog select{width:100%;max-width:none;font-size:14px}.pool-count{font-size:13px}.practice-modes{gap:6px}.practice-modes button{padding:7px 10px;font-size:14px}.game-surface{padding:14px}.flash-face{font-size:50px}.flash-face.sound{font-size:29px}.flash-card{min-height:190px}.pair-board{gap:35px}.pair-card{padding:9px 4px!important;min-height:85px}.pair-card span{font-size:19px}.pair-card small{font-size:11px}.pair-number{position:static;margin-bottom:3px}.eliminate-grid{grid-template-columns:repeat(3,1fr);gap:8px}.eliminate-grid .pair-card span{font-size:17px}.stroke-layout{display:block}.stroke-target{margin:auto}.stroke-help{margin-top:25px}.question-card h3{font-size:20px}.course-test{flex-wrap:wrap;gap:10px}.practice-credit{line-height:1.8}.game-toolbar{gap:10px}}
/* Student activities use a softer shape and larger touch targets. */
.practice-dialog{border-radius:20px;background:#f8fbf7}.practice-head{background:#fff}.practice-head-actions{display:flex;align-items:center;gap:10px}.practice-head-actions #sound-toggle{font-size:14px;white-space:nowrap;padding:7px 11px;border-radius:20px}.practice-dialog button{border-radius:13px;min-height:44px}.practice-dialog button:not(:disabled):active{transform:scale(.98)}.practice-dialog .game-surface{background:#fff;border:2px solid #e5ece3;border-radius:20px;padding:22px}.practice-dialog .table-choice button{border-radius:16px}.practice-dialog .flash-card{border-radius:25px;box-shadow:0 5px 0 #e5ece3}.practice-dialog .game-result h3:before{content:'★';color:#db1c28;margin-right:12px}.practice-dialog .pair-card.solved,.character-wall .found{background:#e7f4ea;border-color:#74a984;color:#285d38}.practice-modes button[aria-pressed=true]{background:#eef6ec;color:#435e3b;border-color:#8eae85}.practice-head h2{font-size:24px}.practice-dialog .game-instruction{font-size:16px}.practice-dialog .game-feedback{font-size:17px}.practice-dialog .flash-face.sound,rt,.practice-dialog select,.practice-dialog .pair-card,.practice-dialog .item-list,.practice-dialog .answer-options{font-family:Arial,"PingFang SC",sans-serif}.practice-dialog .stroke-target{max-width:350px;min-height:220px}.stroke-stage{position:relative;width:100%;max-width:350px;margin:auto}.stroke-overlay{position:absolute;top:1px;left:1px;pointer-events:none}.stroke-overlay svg{width:100%;height:100%;display:block}.stroke-preferences input[type=color]{width:46px;height:36px;padding:2px;border:1px solid #c8d2c5;border-radius:6px;background:#fff}.stroke-preferences input[type=checkbox]{width:18px;height:18px;accent-color:#5f8f52}.stroke-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.stroke-options button{display:grid;place-items:center;background:#fbfdfa}.stroke-options svg{width:90px;height:90px}.stroke-options span{font-size:14px}.stroke-score{color:#c6202b;font-size:22px}.stroke-help p{font-size:16px}.stroke-layout{grid-template-columns:minmax(240px,350px) minmax(0,1fr)}.wall-mission{font-size:23px;color:#4c6346;margin:20px 0 10px}.wall-progress{background:#fff4d5;color:#a31d25;border-radius:12px;padding:12px 16px;font-size:17px;margin-bottom:18px}.character-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.character-wall button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;background:#f8fcf7;border:2px solid #d6e2d3!important}.character-wall button span{font:45px/1.3 "Kaiti SC","STKaiti",serif}.character-wall button small{font:19px/1.6 Arial,sans-serif}.character-wall button small[hidden]{display:none}.character-wall button.found{opacity:1}.character-wall .found:after{content:'✓';font-weight:bold;color:#397749}.wall-question:not(:empty){border-top:2px dashed #dfe6dd;margin-top:20px;padding-top:14px}.wall-question .answer-options{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.wall-question .answer-options button{font-size:23px;text-align:center}.wall-question h3{font-size:22px}.practice-dialog .practice-credit{font-size:13px}.practice-dialog .item-list{font-size:16px}@media(max-width:700px){.practice-dialog{border-radius:0}.practice-head{height:auto;min-height:108px;gap:10px}.practice-head h2{font-size:19px}.practice-head-actions{flex-direction:column;gap:5px}.practice-head-actions #sound-toggle{font-size:13px;padding:4px 9px;min-height:32px}.practice-head .practice-close{min-height:36px;height:36px;width:36px;padding:0}.practice-body{height:calc(100% - 108px)}.practice-dialog .game-surface{padding:13px}.character-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.character-wall button{min-height:87px;padding:7px 2px}.character-wall button span{font-size:36px}.character-wall button small{font-size:16px}.wall-question .answer-options{grid-template-columns:repeat(2,minmax(0,1fr))}.stroke-layout{display:block}.stroke-preferences{align-items:center}.stroke-preferences label{max-width:100%}.wall-mission{font-size:20px}}@media(prefers-reduced-motion:reduce){.practice-dialog button:active{transform:none}}
.flash-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.flash-controls>div{display:flex;gap:8px}.flash-controls button,.flash-controls select{font:inherit;padding:10px 14px;border:1px solid #c7d6c3;border-radius:14px;background:white;color:#4d6546}.flash-controls button[aria-pressed=true]{background:#e5f1e2;border-color:#97b290}.flash-controls label{display:flex;align-items:center;gap:8px;font-size:16px}.play-flash{--fc:#eef7eb;--fb:#b6cfaf;--ft:#4d6546;background:var(--fc);border:3px solid var(--fb);padding:20px;color:var(--ft);box-shadow:0 7px 0 var(--fb);overflow:hidden}.play-flash.tone-green{--fc:#e9f6dc;--fb:#b0d38a;--ft:#47692f}.play-flash.tone-pink{--fc:#fbe9ef;--fb:#e5afc2;--ft:#8c4965}.play-flash.flash-bubble{border-radius:40% 40% 35% 35%;aspect-ratio:auto}.play-flash.flash-paper{border-radius:22px}.play-flash.large{max-width:800px;min-height:400px;margin:25px auto;padding:32px}.play-flash-face{background:transparent;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;min-height:190px;color:inherit;cursor:pointer}.play-flash-face strong{font-size:clamp(34px,5vw,65px);font-weight:500;overflow-wrap:anywhere}.play-flash.large .play-flash-face{min-height:280px}.play-flash.large .play-flash-face strong{font-size:clamp(50px,8vw,100px)}.play-flash-face small{font-size:15px;opacity:.75}.play-flash .flash-evaluation{display:flex;gap:12px;justify-content:center;margin:18px 0 0}.play-flash .flash-evaluation button{font:inherit;font-size:17px;padding:12px;border:1px solid var(--fb);border-radius:19px;background:white;color:var(--ft);cursor:pointer}.flash-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px;padding:10px 3px 25px}.stroke-letter-tray{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px 0}.stroke-letter-tray button{font:35px serif;width:76px;height:76px;background:#eef6ec;border:2px solid #c8d9c3;border-radius:24px;color:#4d6546;cursor:pointer}.stroke-letter-tray button[aria-pressed=true]{background:#fff0c4;border-color:#db898e}.stroke-current{text-align:center;font-size:36px}.stroke-current small{font-size:22px;color:#778573}@media(max-width:650px){.flash-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.play-flash{padding:12px 6px}.play-flash-face{min-height:120px;gap:16px}.play-flash .flash-evaluation{flex-direction:column;gap:7px}.play-flash .flash-evaluation button{font-size:15px;padding:10px 6px}.play-flash.large{padding:24px 15px;min-height:350px}.play-flash.large .play-flash-face{min-height:240px}.play-flash.large .flash-evaluation{flex-direction:row}.flash-controls{gap:10px}.stroke-letter-tray button{width:60px;height:60px;font-size:30px}}

.practice-body .play-flash .play-flash-face{background:transparent;border:0;box-shadow:none;color:inherit;border-radius:inherit}.flash-controls label{white-space:nowrap}
.flash-controls>div{border:2px solid #c7d8c3;border-radius:20px;padding:6px;background:#f8fcf7}.flash-controls>div button{min-width:90px;border:0;background:transparent;border-radius:14px;font-size:19px}.flash-controls>div button[aria-pressed=true]{background:#608556;color:white}.flash-controls .flash-front-switch{border-color:#c2d8a6;background:#f4f9ed}.flash-controls .flash-front-switch button[aria-pressed=true]{background:#658848;color:white}.radical-choice-buttons{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-bottom:16px}.practice-body .radical-choice-buttons button{min-width:62px;min-height:62px;font-size:26px;border:2px solid #cadac6;border-radius:24px;background:#eff6ed;color:#4d6546}.practice-body .radical-choice-buttons button[aria-pressed=true]{background:#ffedb8;border-color:#df9096;color:#9c333a}.stroke-navigation{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0}.practice-body .stroke-navigation button{font:inherit;font-size:18px;padding:12px 20px;border-radius:20px;background:#f2f9f0;color:#4d6546;border:1px solid #c9d7c5}.stroke-navigation button:disabled{opacity:.4}.stroke-letter-tray{margin-top:0}@media(max-width:650px){.flash-controls>div button{min-width:70px;font-size:17px;padding:10px}.stroke-navigation{gap:10px}.practice-body .stroke-navigation button{font-size:16px;padding:11px}.practice-body .radical-choice-buttons button{min-width:53px;min-height:53px;font-size:24px}}
.flash-card-grid .play-flash-face strong{font-size:clamp(26px,3vw,42px);overflow-wrap:normal;word-break:normal}.practice-body .play-flash .flash-evaluation button{white-space:nowrap;min-width:0;flex:1;padding:11px 7px;font-size:15px}

.flash-controls .flash-color-dots{margin-left:auto;display:flex;gap:10px;padding:8px;border:0;background:transparent}.practice-dialog .flash-color-dots .color-dot{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #c2ccbf}.practice-dialog .flash-color-dots .dot-blue{background:#b0d2a7}.practice-dialog .flash-color-dots .dot-green{background:#a9d585}.practice-dialog .flash-color-dots .dot-pink{background:#eba9c5}.practice-dialog .flash-color-dots .dot-mixed{background:conic-gradient(#f18d8d,#f37c84,#b9db78,#79d0c0,#abcea1,#be9ce6,#f18d8d)}.practice-dialog .flash-color-dots .color-dot[aria-pressed=true]{outline:3px solid #4d6546;outline-offset:2px}.play-flash.tone-yellow{--fc:#fff5cc;--fb:#e48b91;--ft:#a63139}.play-flash.tone-purple{--fc:#f0e7fc;--fb:#cbb0e7;--ft:#70508b}.play-flash.tone-orange{--fc:#ffebd8;--fb:#e58a90;--ft:#af454d}.flash-card-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.flash-card-grid .play-flash{padding:10px 8px;border-width:2px;border-radius:16px;box-shadow:0 4px 0 var(--fb)}.flash-card-grid .play-flash-face{min-height:100px;gap:9px;padding:5px}.flash-card-grid .play-flash-face strong{font-size:clamp(25px,2.6vw,34px)}.flash-card-grid .play-flash-face small{font-size:12px}.play-flash .flash-evaluation{margin-top:8px;gap:10px;flex-direction:row}.practice-body .play-flash .flash-evaluation button{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;font:28px/1 Arial,sans-serif;border-radius:50%}.play-flash.large{max-width:480px;min-height:250px;padding:20px;margin:16px auto}.play-flash.large .play-flash-face{min-height:170px;gap:16px}.play-flash.large .play-flash-face strong{font-size:clamp(40px,6vw,65px)}@media(max-width:650px){.flash-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flash-controls .flash-color-dots{margin-left:auto}.play-flash.large{min-height:250px}.play-flash .flash-evaluation{flex-direction:row}}

.practice-modes button[data-game="flash"],.bubble-actions [data-game="flash"]{order:-2}.practice-modes button[data-game="stroke"],.bubble-actions [data-game="stroke"]{order:-1}.stroke-play-controls label[hidden]{display:none}.stroke-method-pills{display:flex;gap:8px;flex-wrap:wrap}.stroke-method-pills button{border-radius:24px;background:#f0f7ee;padding:12px 17px;font-size:18px}.stroke-method-pills button[aria-pressed=true]{background:#dcefc8;border-color:#9fc276}.stroke-color-dots{display:flex;gap:10px;margin-left:auto}.stroke-color-dots button{width:32px;height:32px;min-height:32px;padding:0;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #c2ccbf}.stroke-color-dots button[aria-pressed=true]{outline:3px solid #4d6546;outline-offset:2px}#stroke-demo[hidden]{display:none}.stroke-buttons button{border-radius:22px;font-size:17px}

.stroke-play-controls>label[hidden]{display:none!important}.stroke-color-modes{display:flex;gap:8px;flex-wrap:wrap}.stroke-color-modes button{font:inherit;font-size:15px;padding:10px 14px;border-radius:25px;background:#f3f8f1;border:1px solid #c8d5c4}.stroke-color-modes button[aria-pressed=true]{background:#e6f1cd;border-color:#9eb970}.stroke-custom-color{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:7px;border:2px solid #bdadd8;border-radius:28px;padding:7px 12px;background:#f4edff;color:#6d4e87;font-size:15px!important;cursor:pointer;white-space:nowrap}.stroke-custom-color>span:first-child{font-size:24px}.stroke-custom-color input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.stroke-color-dots{align-items:center;flex-wrap:wrap}.stroke-choose-title{font-size:22px;margin:0 0 12px;color:#4d6546}.stroke-help>#stroke-options{margin:0 0 20px}.stroke-help>#stroke-options button{border-radius:20px;background:#f4f8f3}.stroke-layout:has(.stroke-choose-title){align-items:start}

.choice-type-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.practice-dialog .choice-type-buttons button{border-radius:24px;padding:12px 17px;background:#f3f8f2;border:2px solid #cddac9}.practice-dialog .choice-type-buttons button[aria-pressed=true]{background:#deedce;border-color:#a8c486}.choice-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.practice-dialog .choice-answers button{text-align:center;font-size:28px;min-height:85px;border-radius:24px;background:#f3f9f2}.practice-dialog .choice-answers button:nth-child(2n){background:#f4efd9}.question-card:has(.choice-answers) h3{text-align:center;font-size:40px}

.unified-strokes .stroke-work-area{display:grid;grid-template-columns:100px minmax(0,1fr) 68px;gap:16px;align-items:start}.unified-strokes .stroke-word-prompt{text-align:center;display:flex;flex-direction:column;gap:16px;padding-top:15px}.stroke-word-prompt b{font-size:25px}.stroke-prompt-character{font:64px "Kaiti SC",STKaiti,serif}.stroke-prompt-character[hidden]{display:none!important}.stroke-hint{border-radius:18px;padding:10px;font-size:14px}.unified-strokes .stroke-color-dots{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0}.unified-strokes .stroke-custom-color{flex-direction:column;font-size:12px;padding:5px}.unified-strokes .stroke-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,1fr);gap:12px}.unified-strokes .stroke-preferences{justify-content:center}.practice-modes{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:center;gap:8px}.practice-modes button{white-space:nowrap;padding:10px 14px}.reader-comprehension{margin:35px 0;padding-top:20px;border-top:1px solid #d6ded3}.reader-comprehension fieldset{border:0;margin:20px 0}.reader-comprehension legend{font-size:20px;margin-bottom:12px}@media(max-width:700px){.unified-strokes .stroke-work-area{grid-template-columns:1fr 52px;gap:8px}.unified-strokes .stroke-word-prompt{grid-column:1/-1;flex-direction:row;justify-content:center;align-items:center}.unified-strokes .stroke-layout{grid-template-columns:1fr}.practice-modes{justify-content:flex-start}}

.unified-strokes .stroke-help>p,.unified-strokes .stroke-help>h3{display:none}.unified-strokes .stroke-sequence{max-height:270px;overflow:auto}.stroke-letter-tray button{font-size:25px;padding:8px 14px}

.unified-strokes .stroke-choice-layout>div:first-child{display:contents}.unified-strokes .stroke-choice-layout .stroke-choose-title{grid-column:1/-1;grid-row:1;text-align:center;margin:0 0 8px}.unified-strokes .stroke-choice-layout .stroke-stage{grid-column:1;grid-row:2;align-self:center;justify-self:center}.unified-strokes .stroke-choice-layout .stroke-help{grid-column:2;grid-row:2;align-self:center}.unified-strokes .stroke-choice-layout .stroke-options{margin:0!important}.unified-strokes .stroke-choice-layout .stroke-buttons{grid-column:1;grid-row:3}.unified-strokes .stroke-choice-layout #stroke-feedback{grid-column:1/-1;grid-row:4;text-align:center;margin:0}.unified-strokes .stroke-choice-layout #stroke-score{grid-column:2;grid-row:3;text-align:center}@media(max-width:700px){.unified-strokes .stroke-choice-layout .stroke-stage{grid-column:1;grid-row:2}.unified-strokes .stroke-choice-layout .stroke-help{grid-column:1;grid-row:3}.unified-strokes .stroke-choice-layout .stroke-buttons{grid-column:1;grid-row:4}.unified-strokes .stroke-choice-layout #stroke-feedback{grid-column:1;grid-row:5}.unified-strokes .stroke-choice-layout #stroke-score{grid-column:1;grid-row:6}}

@media(min-width:901px){.practice-body{display:grid;grid-template-columns:125px minmax(0,1fr);column-gap:20px;align-items:start}.practice-body> *{grid-column:1/-1}.practice-body>.practice-modes{grid-column:1;display:flex;flex-direction:column;position:sticky;top:12px;gap:10px;overflow:visible;margin:0}.practice-body>.practice-modes button{width:100%;padding:13px 8px}.practice-body>.game-surface{grid-column:2;min-width:0;margin-top:0}.practice-body:has(.unified-strokes){grid-template-columns:105px minmax(0,1fr);column-gap:12px}.practice-body .unified-strokes .stroke-work-area{grid-template-columns:80px minmax(0,1fr) 54px;gap:10px}.practice-body .unified-strokes .stroke-layout{grid-template-columns:minmax(220px,1fr) minmax(150px,1fr)}}

.unified-strokes .stroke-stage{width:240px!important;height:240px!important;max-width:none!important;overflow:hidden;box-sizing:content-box}.unified-strokes .stroke-target{width:240px!important;height:240px!important;max-width:none!important}.unified-strokes .stroke-target svg{width:240px!important;height:240px!important}.unified-strokes .stroke-overlay{width:240px!important;height:240px!important;inset:0!important}.unified-strokes .stroke-layout{grid-template-columns:minmax(240px,1fr) minmax(150px,1fr)}body[data-course-practice-page]>main{display:none!important}body[data-course-practice-page] .practice-dialog[open]{position:relative;inset:auto;display:block;width:calc(100% - 40px);max-width:1200px;max-height:none;margin:24px auto;box-sizing:border-box}body[data-course-practice-page] .practice-body>.table-choice{display:flex!important;grid-column:2;flex-direction:row;justify-content:center;margin-bottom:20px}body[data-course-practice-page] .practice-modes{grid-row:1/4;grid-column:1}body[data-course-practice-page] .game-surface{grid-row:2;grid-column:2}@media(max-width:900px){body[data-course-practice-page] .practice-body>.table-choice{flex-wrap:wrap}.unified-strokes .stroke-layout{grid-template-columns:1fr}}

/* Demonstration mode has no score, so it should not leave an empty score slot. */
.stroke-score:empty{display:none}

.known-bubble-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:18px;padding:20px}.known-bubble-wall button{font:42px "Kaiti SC",STKaiti,serif;min-height:100px;border:2px solid #ccdbc7;background:#f0f8ed;border-radius:50%;cursor:pointer}.known-bubble-wall button:nth-child(3n+2){background:#eef7da;border-color:#c9daa1}.known-bubble-wall button:nth-child(3n){background:#fff0df;border-color:#e58b91}

.known-bubble-wall{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.known-bubble-wall button{border-radius:12px!important;min-width:72px;min-height:72px!important;padding:10px!important;background:#fff!important;font-size:36px!important}

.preview-count{text-align:center;font-size:17px;color:#62715e;margin:8px 0 16px;font-weight:600}

.practice-modes button[data-game="bubbles"],.bubble-actions [data-game="bubbles"]{order:-3}

/* Course practice stays inside the viewport, so the close button is always reachable. */
body[data-course-practice-page]>main{display:block!important}
body[data-course-practice-page] .practice-dialog[open]{
  position:fixed;
  inset:0;
  z-index:1000;
  display:block;
  width:min(1120px,calc(100vw - 32px));
  height:min(94dvh,calc(100dvh - 32px));
  max-height:calc(100dvh - 32px);
  margin:auto;
  box-sizing:border-box;
}
@media(max-width:700px){
  body[data-course-practice-page] .practice-dialog[open]{width:100vw;height:100dvh;max-height:100dvh}
}

/* Course practice is a contained, vertical modal: the close control never
   scrolls away and the activity itself owns the only scroll area. */
body[data-course-practice-page] .practice-dialog[open],body.lesson-practice-hub-page .practice-dialog[open]{position:fixed;inset:12px;z-index:1000;display:grid;width:min(900px,calc(100vw - 24px));height:min(860px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);margin:auto;grid-template-rows:auto minmax(0,1fr);overflow:hidden;box-sizing:border-box;border-radius:24px}body[data-course-practice-page] .practice-head,body.lesson-practice-hub-page .practice-head{position:relative;z-index:2;min-height:0;height:auto;padding:15px 20px;align-items:center}body[data-course-practice-page] .practice-head>div:first-child,body.lesson-practice-hub-page .practice-head>div:first-child{min-width:0}body[data-course-practice-page] .practice-head h2,body.lesson-practice-hub-page .practice-head h2{font-size:clamp(20px,2.6vw,25px)}body[data-course-practice-page] .practice-head-actions,body.lesson-practice-hub-page .practice-head-actions{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;gap:7px}body[data-course-practice-page] .practice-body,body.lesson-practice-hub-page .practice-body{height:auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:17px 20px 25px;overscroll-behavior:contain}body[data-course-practice-page] .practice-body>.table-choice,body.lesson-practice-hub-page .practice-body>.table-choice{grid-column:auto;display:grid!important;margin:0 0 15px}body[data-course-practice-page] .practice-modes,body.lesson-practice-hub-page .practice-modes{grid-row:auto;grid-column:auto}body[data-course-practice-page] .game-surface,body.lesson-practice-hub-page .game-surface{grid-row:auto;grid-column:auto}@supports selector(:has(*)){body.lesson-practice-hub-page:has(.practice-dialog[open]){overflow:hidden}}@media(max-width:700px){body[data-course-practice-page] .practice-dialog[open],body.lesson-practice-hub-page .practice-dialog[open]{inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:18px}body[data-course-practice-page] .practice-head,body.lesson-practice-hub-page .practice-head{padding:10px 12px;gap:8px}body[data-course-practice-page] .practice-head-actions,body.lesson-practice-hub-page .practice-head-actions{gap:4px}body[data-course-practice-page] .practice-head-actions #sound-toggle,body[data-course-practice-page] .practice-head-actions #practice-pk,body.lesson-practice-hub-page .practice-head-actions #sound-toggle,body.lesson-practice-hub-page .practice-head-actions #practice-pk{display:none}body[data-course-practice-page] .practice-close,body.lesson-practice-hub-page .practice-close{width:38px;height:38px}body[data-course-practice-page] .practice-body,body.lesson-practice-hub-page .practice-body{padding:12px 12px 20px}}

/* Per-lesson rounds have a smaller, simpler control set than the whole-book
   review. This avoids the old wide two-column layout and keeps the game in
   view immediately below its controls. */
body[data-course-practice-page] .practice-dialog[open],body.lesson-practice-hub-page .practice-dialog[open]{width:min(820px,calc(100vw - 24px))}body[data-course-practice-page] .practice-body,body.lesson-practice-hub-page .practice-body{display:block!important}body[data-course-practice-page] .practice-scope,body[data-course-practice-page] .practice-filters,body.lesson-practice-hub-page .practice-scope,body.lesson-practice-hub-page .practice-filters{display:none}body[data-course-practice-page] .practice-body>.table-choice,body.lesson-practice-hub-page .practice-body>.table-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body[data-course-practice-page] .table-choice button,body.lesson-practice-hub-page .table-choice button{padding:9px 7px;text-align:center;font-size:16px}body[data-course-practice-page] .table-choice button small,body.lesson-practice-hub-page .table-choice button small{display:block;float:none;margin:2px 0 0}body[data-course-practice-page] .practice-modes,body.lesson-practice-hub-page .practice-modes{display:flex!important;flex-direction:row!important;position:static;flex-wrap:wrap;gap:7px;margin:13px 0!important;overflow:visible;justify-content:center}body[data-course-practice-page] .practice-modes button,body.lesson-practice-hub-page .practice-modes button{width:auto!important;min-width:92px;flex:1 1 100px;padding:9px 8px!important;font-size:14px}body[data-course-practice-page] .game-surface,body.lesson-practice-hub-page .game-surface{min-height:260px;padding:16px!important}@media(max-width:700px){body[data-course-practice-page] .practice-dialog[open],body.lesson-practice-hub-page .practice-dialog[open]{width:calc(100vw - 16px)}body[data-course-practice-page] .practice-modes button,body.lesson-practice-hub-page .practice-modes button{min-width:0;flex:1 1 calc(50% - 7px);font-size:13px}body[data-course-practice-page] .game-surface,body.lesson-practice-hub-page .game-surface{min-height:220px}}