:root{--forest:#2d6a4f;--forest-dark:#174b3a;--mint:#dff2e8;--mint-light:#f0f8f3;--orange:#f4872b;--orange-dark:#c96017;--orange-soft:#fff0e2;--cream:#fff8f0;--paper:#fffefa;--ink:#2a1a0e;--muted:#76695d;--line:#e7ded1;--correct:#2c9a65;--wrong:#d95757;--shadow:0 22px 60px rgba(80,56,34,0.13)}*{box-sizing:border-box}body,html{background:var(--cream)}body{margin:0;color:var(--ink);font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,Arial,sans-serif}a,button{font:inherit}button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:4px solid rgba(244,135,43,.4);outline-offset:3px}.app-shell{width:min(1240px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:20px 0 30px}.intro-page,.play-page,.result-page,.setup-page{position:relative}.topbar{position:relative;z-index:10;gap:14px;min-height:66px;padding:9px 12px 9px 14px;border:1px solid rgba(45,106,79,.12);border-radius:20px;background:rgba(255,254,250,.94);box-shadow:0 10px 28px rgba(80,56,34,.08);backdrop-filter:blur(12px)}.game-brand,.topbar{display:flex;align-items:center}.game-brand{gap:11px;padding:0;border:0;color:var(--forest-dark);background:transparent;text-align:left;cursor:pointer}.game-brand>span:last-child{display:grid;gap:1px}.game-brand strong{font-size:17px;font-weight:950}.game-brand small{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.04em}.brand-sound-mark{display:flex;align-items:center;justify-content:center;gap:3px;width:42px;height:42px;border-radius:14px;color:#fff;background:var(--forest);box-shadow:0 5px 0 #154c39}.brand-sound-mark i{width:3px;border-radius:999px;background:currentColor}.brand-sound-mark i:first-child,.brand-sound-mark i:nth-child(4){height:12px}.brand-sound-mark i:nth-child(2){height:23px}.brand-sound-mark i:nth-child(3){height:17px}.sound-only-badge{margin-left:auto;padding:8px 12px;border-radius:999px;background:var(--mint);font-size:11px}.back-link,.sound-only-badge{color:var(--forest-dark);font-weight:850}.back-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid rgba(45,106,79,.22);border-radius:999px;background:#fff;font-size:12px;text-decoration:none;white-space:nowrap}.back-link:hover{border-color:var(--orange);background:var(--orange-soft)}.setup-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);align-items:center;min-height:404px;margin-top:18px;padding:clamp(34px,5vw,68px);border:1px solid rgba(45,106,79,.13);border-radius:32px;background:linear-gradient(112deg,rgba(255,254,250,.98) 0 58%,rgba(223,242,232,.94) 58% 100%);box-shadow:var(--shadow);overflow:hidden}.setup-hero:after{content:"";position:absolute;right:-110px;bottom:-180px;width:430px;aspect-ratio:1;border:58px solid rgba(244,135,43,.08);border-radius:50%}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--orange-dark);font-size:11px;font-weight:950;letter-spacing:.12em}.hero-copy h1{max-width:720px;margin:10px 0 15px;color:var(--forest-dark);font-size:clamp(38px,5vw,66px);line-height:1.13;letter-spacing:-.04em}.hero-copy>p{max-width:620px;margin:0;color:var(--muted);font-size:clamp(15px,1.5vw,19px);font-weight:650;line-height:1.75}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-tags span{padding:8px 12px;border:1px solid rgba(45,106,79,.15);border-radius:999px;color:var(--forest-dark);background:#fff;font-size:11px;font-weight:850}.dino-stage{position:relative;z-index:2;display:grid;place-items:center;min-height:300px}.dino-stage img{position:relative;z-index:2;display:block;width:min(360px,100%);height:auto;filter:drop-shadow(0 18px 18px rgba(38,91,69,.15))}.dino-ring{position:absolute;border:2px solid rgba(45,106,79,.14);border-radius:50%}.ring-one{width:310px;height:310px}.ring-two{width:390px;height:390px;border-color:rgba(244,135,43,.12)}.dino-caption{position:absolute;z-index:3;right:2%;bottom:7%;padding:9px 13px;border-radius:12px 12px 12px 3px;color:#fff;background:var(--orange);font-size:12px;font-weight:900;transform:rotate(-3deg)}.setup-card{margin-top:16px;padding:clamp(24px,3vw,38px);border:1px solid rgba(45,106,79,.12);border-radius:28px;background:rgba(255,254,250,.97);box-shadow:0 12px 36px rgba(80,56,34,.08)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-heading span{color:var(--orange-dark);font-size:10px;font-weight:950;letter-spacing:.12em}.section-heading h2{margin:4px 0 0;color:var(--forest-dark);font-size:clamp(23px,2.8vw,34px)}.section-heading p{max-width:440px;margin:0;color:var(--muted);font-size:13px;font-weight:650;text-align:right}.support-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.support-picker button{display:grid;gap:4px;min-height:64px;padding:11px 14px;border:2px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;text-align:left;cursor:pointer}.support-picker button.active{border-color:var(--orange);background:var(--orange-soft);box-shadow:inset 0 0 0 2px rgba(244,135,43,.08)}.support-picker strong{color:var(--forest-dark);font-size:16px}.support-picker small{color:var(--muted);font-size:11px;font-weight:650}.setting-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:22px}.setting-group{padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff}.setting-label{display:block;margin-bottom:10px;color:var(--forest-dark);font-size:12px;font-weight:900}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:15px;background:#f3efe9}.difficulty-control{grid-template-columns:repeat(2,1fr)}.segmented-control button{min-height:48px;border:0;border-radius:11px;color:var(--muted);background:transparent;font-weight:900;cursor:pointer}.segmented-control button.active{color:#fff;background:var(--forest);box-shadow:0 5px 12px rgba(23,75,58,.2)}.setting-group>p{min-height:20px;margin:10px 2px 0;color:var(--muted);font-size:12px;font-weight:650}.launch-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:14px;padding:19px 21px;border-radius:19px;color:#fff;background:var(--forest-dark)}.launch-panel>div{display:grid;gap:3px}.launch-panel>div span{color:rgba(255,255,255,.66);font-size:10px;font-weight:850}.launch-panel>div strong{font-size:19px}.launch-panel>div small{color:#fac69f;font-size:11px;font-weight:700}.primary-button,.save-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:16px;font-weight:900;cursor:pointer}.primary-button{border:0;color:#fff;background:var(--orange);box-shadow:0 6px var(--orange-dark)}.primary-button:active{transform:translateY(3px);box-shadow:0 3px var(--orange-dark)}.secondary-button{border:2px solid rgba(45,106,79,.22);color:var(--forest-dark);background:#fff}.brand-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 0 0;color:var(--muted);font-size:11px;font-weight:750}.brand-footer img{width:88px;height:auto}.intro-page,.result-page{background:radial-gradient(circle at 10% 12%,rgba(244,135,43,.11),transparent 19%),radial-gradient(circle at 88% 82%,rgba(45,106,79,.11),transparent 23%)}.intro-card,.result-card{width:min(880px,100%);margin:24px auto 0;padding:clamp(28px,5vw,52px);border:1px solid rgba(45,106,79,.12);border-radius:30px;background:var(--paper);box-shadow:var(--shadow)}.intro-card{text-align:center}.intro-card h1{margin:10px 0 0;color:var(--forest-dark);font-size:clamp(34px,5vw,56px)}.intro-card>p{max-width:620px;margin:15px auto 0;color:var(--muted);font-weight:650;line-height:1.7}.intro-sequence{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:24px}.intro-sequence>div{display:grid;place-items:center;gap:9px;min-height:138px;padding:18px 10px;border:1px solid rgba(45,106,79,.14);border-radius:20px;color:var(--forest);background:var(--mint-light)}.intro-sequence>div:first-child{color:var(--orange-dark);background:var(--orange-soft)}.intro-sequence span{color:var(--forest-dark);font-size:12px;font-weight:850}.intro-sequence b{color:var(--orange)}.intro-sequence .sound-waves{height:52px}.intro-confirm-symbol,.intro-select-symbol{font-size:35px;font-weight:950}.intro-select-symbol{color:var(--forest)}.intro-confirm-symbol{color:var(--orange-dark)}.intro-note{margin-top:16px;padding:12px 14px;border-radius:14px;color:var(--forest-dark);background:var(--mint);font-size:12px;font-weight:750}.intro-actions,.result-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:11px;margin-top:22px}.play-page{padding-bottom:22px}.play-card{display:grid;grid-template-rows:auto 7px auto auto minmax(260px,1fr) auto auto;min-height:calc(100vh - 114px);margin-top:18px;border-radius:30px;color:#fff;background:radial-gradient(circle at 50% 54%,rgba(255,255,255,.1),transparent 34%),var(--forest-dark);box-shadow:0 24px 55px rgba(23,75,58,.24);overflow:hidden}.play-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:74px;padding:12px 22px;background:rgba(7,40,32,.42)}.assist-button,.end-round-button{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:rgba(255,255,255,.72);background:transparent;font-size:11px;font-weight:850;cursor:pointer}.end-round-button{justify-self:start}.assist-button{justify-self:end}.assist-button.recorded{border-color:#f7d68d;color:#4a2e17;background:#f7d68d}.assist-button:disabled{cursor:default;opacity:.45}.question-count{display:grid;justify-items:center}.question-count span{color:rgba(255,255,255,.65);font-size:10px;font-weight:850}.question-count strong{font-size:24px}.progress-track{background:rgba(0,0,0,.2)}.progress-track span{display:block;height:100%;border-radius:0 999px 999px 0;background:var(--orange);transition:width .18s ease}.task-banner{display:grid;justify-items:center;gap:3px;width:min(520px,calc(100% - 32px));margin:14px auto 0;padding:12px 20px 14px;border:2px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.1)}.task-banner span{color:#fac69f;font-size:11px;font-weight:900}.task-banner strong{color:#fff;font-size:clamp(25px,3vw,36px);line-height:1.2}.target-zone{display:grid;justify-items:center;gap:8px;padding-top:14px}.target-zone>span{color:rgba(255,255,255,.68);font-size:11px;font-weight:800}.target-content{display:flex;align-items:center;gap:18px}.target-pinyin-stack{display:grid;gap:7px;min-width:120px}.target-pinyin{min-width:120px;color:#fff;font-size:clamp(38px,5vw,60px);line-height:1;text-align:left}.target-pinyin-stack small{width:fit-content;padding:5px 9px;border-radius:999px;color:#4a2e17;background:#f7d68d;font-size:10px;font-weight:950}.target-pinyin-stack.concealed{visibility:hidden}.sound-bubble{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.target-bubble{width:clamp(94px,11vw,126px);border:7px solid rgba(255,255,255,.32);color:var(--orange-dark);background:var(--orange-soft);box-shadow:0 13px 28px rgba(0,0,0,.18);cursor:pointer}.target-bubble:disabled{cursor:default;opacity:.7}.option-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(34px,10vw,150px);width:min(780px,calc(100% - 32px));margin:0 auto;padding:18px 0 12px}.option-card,.option-row{display:grid;justify-items:center}.option-card{gap:10px;width:min(280px,100%)}.choice-bubble{position:relative;width:clamp(170px,20vw,246px);border:9px solid rgba(255,255,255,.34);color:var(--forest);background:var(--paper);box-shadow:0 14px 0 rgba(7,40,32,.52),0 25px 42px rgba(0,0,0,.2);cursor:pointer}.choice-bubble:not(:disabled):active{transform:translateY(8px) scale(.98);box-shadow:0 6px 0 rgba(7,40,32,.52),0 16px 28px rgba(0,0,0,.18)}.choice-bubble:disabled{cursor:default}.sound-bubble.playing{transform:scale(1.07);box-shadow:0 0 0 13px rgba(255,255,255,.18),0 22px 42px rgba(0,0,0,.24)}.option-pinyin{display:grid;place-items:center;gap:2px;min-height:58px;color:rgba(255,255,255,.52)}.option-pinyin>span{font-size:10px;font-weight:750}.option-pinyin:not(.revealed)>span{opacity:0}.option-pinyin.revealed>strong{color:#fff;font-size:clamp(31px,4vw,46px);line-height:1}.option-pinyin.revealed>span{color:#fac69f}.option-pinyin.revealed>.pinyin-feature{padding:4px 8px;border-radius:999px;color:#4a2e17;background:#f7d68d;font-weight:950}.option-card.correct-answer .option-pinyin.revealed>span{color:#c8f1d7}.option-card.correct-answer .option-pinyin.revealed>.pinyin-feature{color:#184d3b}.option-card.wrong-answer .option-pinyin.revealed>span{color:#ffd0c8}.confirm-option-button{width:min(210px,100%);min-height:46px;border:0;border-radius:999px;color:#fff;background:var(--orange);box-shadow:0 5px var(--orange-dark);font-size:13px;font-weight:900;cursor:pointer}.confirm-option-button:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px var(--orange-dark)}.confirm-option-button:disabled{cursor:default;opacity:.4;box-shadow:none}.option-card.correct-answer .confirm-option-button:not(:disabled){background:var(--correct);box-shadow:0 5px #1b6b49}.sound-waves{display:flex;align-items:center;gap:7px;height:60px}.sound-waves i{display:block;width:8px;border-radius:99px;background:currentColor}.sound-waves i:first-child,.sound-waves i:nth-child(5){height:18px}.sound-waves i:nth-child(2),.sound-waves i:nth-child(4){height:38px}.sound-waves i:nth-child(3){height:58px}.playing .sound-waves i{animation:wave .62s ease-in-out infinite alternate}.playing .sound-waves i:nth-child(2){animation-delay:.11s}.playing .sound-waves i:nth-child(3){animation-delay:.22s}.playing .sound-waves i:nth-child(4){animation-delay:.33s}.playing .sound-waves i:nth-child(5){animation-delay:.44s}@keyframes wave{to{transform:scaleY(.48)}}.selection-help{min-height:24px;padding:7px 14px 0;color:rgba(255,255,255,.68);font-size:11px;font-weight:750;text-align:center}.feedback-area{min-height:50px;padding:9px 14px 14px;text-align:center}.feedback-area span{display:inline-flex;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:900}.listen-feedback{color:rgba(255,255,255,.74);background:rgba(255,255,255,.1)}.correct-feedback{color:#fff;background:var(--correct)}.try-feedback{color:#fff;background:var(--orange-dark)}.error-feedback{color:#fff;background:var(--wrong)}.teaching-card{width:min(920px,calc(100% - 32px));margin:8px auto 22px;padding:clamp(18px,3vw,28px);border:3px solid #f7d68d;border-radius:24px;color:var(--forest-dark);background:#fffaf1;box-shadow:0 18px 34px rgba(0,0,0,.2)}.teaching-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.teaching-card-heading>div:first-child{display:grid;gap:4px}.teaching-card-heading>div:first-child>span{color:var(--orange-dark);font-size:10px;font-weight:950;letter-spacing:.1em}.teaching-card-heading h2{margin:0;color:var(--forest-dark);font-size:clamp(26px,4vw,40px)}.teaching-card-heading small{color:var(--muted);font-size:11px;font-weight:850}.teaching-audio-button{display:flex;align-items:center;gap:10px;min-height:54px;padding:7px 16px;border:2px solid var(--orange);border-radius:999px;color:var(--orange-dark);background:var(--orange-soft);font-weight:950;cursor:pointer}.teaching-audio-button:disabled{cursor:default;opacity:.72}.teaching-audio-button .sound-waves{gap:3px;height:32px}.teaching-audio-button .sound-waves i{width:4px}.teaching-audio-button .sound-waves i:first-child,.teaching-audio-button .sound-waves i:nth-child(5){height:9px}.teaching-audio-button .sound-waves i:nth-child(2),.teaching-audio-button .sound-waves i:nth-child(4){height:20px}.teaching-audio-button .sound-waves i:nth-child(3){height:29px}.teaching-word-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:20px}.teaching-word-chip{display:flex;align-items:center;justify-content:center;min-height:66px;padding:10px 8px;border:1px solid #eadcc9;border-radius:15px;color:var(--ink);background:#fff;font-size:clamp(18px,2.2vw,25px);font-weight:850}.teaching-word-chip strong{color:var(--orange-dark);font-size:1.16em}.teacher-next-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:15px;border-top:1px solid #eadcc9}.teacher-next-row>span{color:var(--muted);font-size:10px;font-weight:750}.teacher-next-row button{min-height:48px;padding:0 21px;border:0;border-radius:999px;color:#fff;background:var(--forest);font-size:13px;font-weight:950;cursor:pointer}.teacher-next-row button:disabled{cursor:default;opacity:.45}.teacher-next-row button b{margin-left:6px;color:#f7d68d}.teaching-audio-error{margin-top:10px;color:var(--wrong);font-size:11px;font-weight:850;text-align:right}.result-heading{display:flex;align-items:center;gap:18px}.result-icon{display:grid;place-items:center;flex:0 0 76px;aspect-ratio:1;border-radius:23px;color:#fff;background:var(--orange);font-size:38px;box-shadow:0 7px var(--orange-dark)}.result-heading h1{margin:5px 0;color:var(--forest-dark);font-size:clamp(28px,4vw,44px)}.result-heading p{margin:0;color:var(--muted);font-weight:750}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.result-metrics article{display:grid;min-height:116px;padding:17px;border-radius:18px;background:#f4f0e8}.result-metrics article:first-child{background:var(--mint)}.result-metrics span{color:var(--muted);font-size:12px;font-weight:850}.result-metrics strong{align-self:end;color:var(--forest-dark);font-size:clamp(36px,5vw,54px);line-height:1}.result-metrics small{font-size:14px}.validity-note{display:grid;gap:3px;margin-top:12px;padding:13px 15px;border-radius:14px;color:#7a4b20;background:var(--orange-soft)}.validity-note.valid{color:var(--forest-dark);background:var(--mint)}.validity-note strong{font-size:13px}.validity-note span{font-size:11px;font-weight:650}.assistance-fieldset{margin:19px 0 0;padding:16px;border:1px solid var(--line);border-radius:17px}.assistance-fieldset legend{padding:0 7px;color:var(--forest-dark);font-weight:900}.assistance-fieldset p{margin:0 0 11px;color:var(--muted);font-size:11px;font-weight:650}.assistance-fieldset>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.assistance-fieldset button{min-height:45px;border:2px solid var(--line);border-radius:13px;color:var(--ink);background:#fff;font-weight:850;cursor:pointer}.assistance-fieldset button.active{border-color:var(--forest);color:var(--forest-dark);background:var(--mint)}.save-button{width:100%;margin-top:12px;border:0;color:#fff;background:var(--forest)}.save-button:disabled{cursor:default;opacity:.4}.saved-message{margin-top:12px;padding:14px;border-radius:13px;color:var(--forest-dark);background:var(--mint);font-weight:850;text-align:center}.trend-panel{margin-top:15px;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fffdf8}.trend-panel>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.trend-panel>div:first-child span{color:var(--orange-dark);font-size:10px;font-weight:900;letter-spacing:.08em}.trend-panel h2{margin:0;color:var(--forest-dark);font-size:19px}.trend-panel>p{margin:17px 0;font-size:12px;font-weight:700}.trend-panel>p,.trend-panel>small{color:var(--muted);text-align:center}.trend-panel>small{display:block;margin-top:9px;font-size:10px;font-weight:650}.trend-bars{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,3vw,18px);height:155px;margin-top:13px;padding:8px 10px 0;border-bottom:2px solid var(--line)}.trend-bar-item{display:grid;grid-template-rows:20px 1fr 18px;align-self:stretch;width:min(54px,13%);text-align:center}.trend-bar-item strong{color:var(--forest-dark);font-size:11px}.trend-bar-item>span{position:relative;display:flex;align-items:flex-end;justify-content:center}.trend-bar-item i{display:block;width:70%;min-height:8px;border-radius:9px 9px 2px 2px;background:linear-gradient(180deg,var(--orange),var(--forest))}.trend-bar-item small{color:var(--muted);font-size:10px;font-weight:800}.scope-note{margin:16px 0 0;color:var(--muted);font-size:10px;font-weight:650;text-align:center}@media (max-width:820px){.app-shell{width:min(100% - 24px,720px);padding-top:12px}.setup-hero{grid-template-columns:1fr;background:var(--paper)}.dino-stage{min-height:270px;border-radius:24px;background:var(--mint)}.dino-stage img{width:min(300px,78%)}.setting-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.section-heading p{text-align:left}.choice-bubble{width:clamp(150px,34vw,220px)}}@media (max-width:560px){.topbar{min-height:58px;padding:8px 9px;border-radius:17px}.game-brand small,.sound-only-badge{display:none}.game-brand strong{font-size:14px}.brand-sound-mark{width:38px;height:38px;border-radius:12px}.back-link{min-height:38px;margin-left:auto;padding-inline:11px;font-size:10px}.setup-hero{min-height:auto;padding:27px 20px 21px;border-radius:24px}.hero-copy h1{font-size:39px}.dino-stage{min-height:235px;margin-top:21px}.ring-one{width:220px;height:220px}.ring-two{width:275px;height:275px}.dino-caption{right:4%;bottom:5%}.setup-card{padding:22px 16px;border-radius:23px}.support-picker{grid-template-columns:1fr}.segmented-control button{min-height:45px;font-size:13px}.launch-panel{grid-template-columns:1fr;padding:17px}.launch-panel .primary-button{width:100%}.intro-card,.result-card{margin-top:14px;padding:25px 16px;border-radius:23px}.intro-sequence{grid-template-columns:1fr}.intro-sequence b{transform:rotate(90deg)}.intro-sequence>div{min-height:108px}.intro-actions,.result-actions{grid-template-columns:1fr}.play-card{grid-template-rows:auto 7px auto auto minmax(260px,1fr) auto auto;min-height:calc(100vh - 90px);margin-top:10px;border-radius:22px}.play-header{min-height:64px;padding:9px 11px}.assist-button,.end-round-button{min-height:34px;padding-inline:9px;font-size:9px}.question-count strong{font-size:19px}.task-banner{margin-top:10px;padding:9px 12px 11px}.task-banner strong{font-size:24px}.target-bubble{width:88px}.target-content{gap:13px}.target-pinyin{min-width:92px;font-size:38px}.target-pinyin-stack{min-width:92px}.option-row{gap:16px;width:calc(100% - 22px)}.option-card{gap:8px}.choice-bubble{width:min(40vw,168px);border-width:7px}.option-pinyin{min-height:54px}.option-pinyin.revealed>strong{font-size:31px}.confirm-option-button{min-height:43px;font-size:12px}.teaching-card{width:calc(100% - 20px);margin-bottom:12px;padding:16px 13px;border-radius:19px}.teaching-card-heading{align-items:stretch;flex-direction:column;gap:12px}.teaching-audio-button{align-self:flex-start;min-height:47px}.teaching-word-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.teaching-word-chip{min-height:55px;font-size:19px}.teacher-next-row{align-items:stretch;flex-direction:column}.teacher-next-row button{width:100%}.sound-waves{gap:4px;height:48px}.sound-waves i{width:6px}.sound-waves i:first-child,.sound-waves i:nth-child(5){height:14px}.sound-waves i:nth-child(2),.sound-waves i:nth-child(4){height:30px}.sound-waves i:nth-child(3){height:46px}.result-heading{align-items:flex-start}.result-icon{flex-basis:58px;border-radius:17px;font-size:27px}.result-metrics{grid-template-columns:1fr}.result-metrics article{min-height:92px}.assistance-fieldset>div{grid-template-columns:1fr}}@media (max-height:720px) and (min-width:700px){.play-card{min-height:620px}.target-zone{padding-top:8px}.target-bubble{width:88px}.choice-bubble{width:184px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}