.game-shell{max-width:1040px;margin-inline:auto;min-width:0}.game-shell h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.2;overflow-wrap:anywhere}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.story-choice{display:block;padding:0;overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s}.story-choice:hover{transform:translateY(-3px);box-shadow:0 12px 30px #14254b12}.story-choice img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.story-choice-body{padding:22px}.story-choice h2{font-size:1.25rem;margin:8px 0}.story-choice p{color:#52617b}.story-choice strong{display:block;margin-top:15px;color:#1647b7}.game-shell progress{display:block;width:100%;height:9px;border:0;border-radius:99px;overflow:hidden;appearance:none;background:#e7ebf4}.game-shell progress::-webkit-progress-bar{background:#e7ebf4}.game-shell progress::-webkit-progress-value{background:#3566ed;border-radius:99px}.game-shell progress::-moz-progress-bar{background:#3566ed;border-radius:99px}.game-summary{display:grid;gap:15px;margin-bottom:20px}.game-summary>div{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.game-summary strong{font-size:1.7rem;color:#162b59}.game-summary p{margin:0;color:#52617b}.game-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.game-actions>div{flex:1 1 100%}.game-actions form{flex:1 1 240px;margin:0}.game-actions h2{margin:0 0 8px}.game-actions p{margin:0}.study-panel{margin-top:22px}.study-search{margin:20px 0}.study-search label{display:block;margin-bottom:6px}.study-search>div{display:flex;gap:10px}.study-search input{min-width:0;flex:1}.study-search button{flex-shrink:0}.study-word{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;padding:16px 0;border-bottom:1px solid #e8ebf1;overflow-wrap:anywhere;align-items:baseline}.study-word span{color:#45516b}.study-word small{color:#68758c;white-space:nowrap}.study-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:22px}.game-round{max-width:720px}.round-status{display:flex;justify-content:space-between;gap:16px;margin:20px 0 12px;font-weight:700}.round-status #timer{font-variant-numeric:tabular-nums}.round-progress{margin-bottom:22px}.game-step fieldset{min-width:0;margin:0;border:1px solid #e2e7ef}.game-step legend{padding:0 8px;color:#52617b;font-size:.95rem}.game-question h2{font-size:clamp(1.9rem,6vw,3rem);line-height:1.2;text-align:center;margin:20px 0 28px;overflow-wrap:anywhere}.game-options{display:grid;gap:12px;margin-bottom:24px}.game-options .option{display:block;margin:0;position:relative;padding:0;border:0;background:none}.game-options input{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0;accent-color:#2859df}.game-options .option>span{display:flex;align-items:center;gap:12px;border:1.5px solid #d8dfec;border-radius:16px;padding:17px 16px 17px 48px;min-height:62px;background:white;font-size:1.05rem;overflow-wrap:anywhere;transition:background .15s,border-color .15s;cursor:pointer}.game-options b{font-size:.8rem;color:#66728b;flex-shrink:0}.game-options input:checked+span{background:#eef3ff;border-color:#3566ed;color:#12378d}.game-options input:focus-visible+span{outline:3px solid #7198ff;outline-offset:3px}.game-shell button,.game-shell .button{min-height:48px;white-space:normal}.game-feedback{padding:24px;border-radius:18px;background:#f0f3fa;margin-bottom:24px;overflow-wrap:anywhere;animation:game-appear .2s ease}.game-feedback.is-correct{background:#eaf8f0;color:#10613a}.game-feedback.is-wrong{background:#fff3e6;color:#7e440a}.game-feedback>strong{font-size:1.3rem}.game-feedback p{margin-bottom:0}.game-round .result{margin-bottom:22px}.game-round .section-head{align-items:flex-start}.game-step button[disabled]{opacity:.65;cursor:wait}@keyframes game-appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1300px){.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.story-grid{grid-template-columns:1fr;gap:18px}.story-choice-body{padding:20px}.game-shell .section-head{gap:14px;flex-wrap:wrap}.game-shell .section-head>div{width:100%}.game-shell .card{border-radius:20px}.game-question{padding:20px 16px}.game-actions{padding:20px}.game-actions form,.game-actions>.button{width:100%;flex-basis:100%}.study-word{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:9px;font-size:.94rem}.study-panel{padding:20px 16px}.study-search>div{gap:8px}.study-search button{padding-inline:14px}.game-options .option>span{padding-block:17px;min-height:64px}.game-round{padding-bottom:12px}}@media(prefers-reduced-motion:reduce){.story-choice,.game-options .option>span{transition:none}.game-feedback{animation:none}.story-choice:hover{transform:none}}
.game-tap-hint{text-align:center;color:#5d6a80;font-size:.95rem;margin:-8px 0 22px}.game-options .game-answer{display:flex;align-items:center;gap:14px;width:100%;min-height:66px;text-align:left;padding:18px;border:1.5px solid #d8dfec;border-radius:16px;background:#fff;color:#192c50;font:inherit;font-size:1.1rem;line-height:1.4;overflow-wrap:anywhere;cursor:pointer}.game-options .game-answer:hover,.game-options .game-answer:focus-visible{background:#eef3ff;border-color:#3566ed}.game-options .game-answer:focus-visible{outline:3px solid #7198ff;outline-offset:3px}.game-options .game-answer .answer-letter{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;background:#eff2f8;color:#596a89;font-size:.85rem;font-weight:700}.game-options .game-answer.is-selected{background:#edf2ff;border-color:#3566ed}.game-options .game-answer:disabled{opacity:.65;cursor:wait}.game-save-status{margin:0;color:#52617b;min-height:1.5em;font-size:.9rem}@media(max-width:600px){.game-options .game-answer{min-height:68px;font-size:1.05rem;padding:17px 14px}.game-tap-hint{font-size:.9rem}}
.game-options .game-answer.is-correct,.game-options .game-answer.is-correct:disabled{opacity:1;background:#e7f8ed;color:#14572d;border:2px solid #2e9b54}.game-options .game-answer.is-wrong,.game-options .game-answer.is-wrong:disabled{opacity:1;background:#fff0f0;color:#842121;border:2px solid #d54545}.game-options .game-answer.is-correct .answer-letter{background:#217d42;color:#fff}.game-options .game-answer.is-wrong .answer-letter{background:#bf3131;color:#fff}.game-save-status.is-correct{color:#14572d;font-weight:700}.game-save-status.is-wrong{color:#842121;font-weight:700}

/* Explicit word pronunciation; no automatic audio. */
.word-english{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.word-english strong{overflow-wrap:anywhere}
.game-shell .word-pronounce{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;width:auto;min-width:44px;min-height:44px;padding:10px;border:1px solid #dce3ee;border-radius:12px;background:#f1f4fa;color:#23477a;font:600 14px/1.3 Arial,sans-serif;box-shadow:none}
.game-shell .word-pronounce:hover,.game-shell .word-pronounce.is-speaking{background:#e4edff;border-color:#9cb4e4}
.game-shell .word-pronounce:focus-visible{outline:3px solid #3566ed;outline-offset:3px}
.game-shell .word-pronounce[hidden]{display:none}
.study-word.with-pronunciation{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px 14px}
.study-word.with-pronunciation .word-english{grid-column:1;grid-row:1}
.study-word.with-pronunciation .word-meaning{grid-column:1;grid-row:2;color:#45516b}
.study-word.with-pronunciation .word-streak{grid-column:2;grid-row:1/3;align-self:center;color:#68758c}
.study-word .word-part{display:inline-block;margin-left:10px;font-size:12px;color:#68758c}
.question-pronunciation{display:flex;justify-content:center;gap:10px;margin:-12px 0 22px}
.game-question h2:focus{outline:none}
.speech-status{font-size:14px;color:#52617b;margin:12px 0;line-height:1.6;overflow-wrap:anywhere}
.speech-status:empty{display:none}
.reading-vocabulary-topic{font-size:14px;line-height:1.5;min-height:2em}
@media(max-width:360px){.study-word.with-pronunciation{gap:5px 9px}.study-word .word-part{display:block;margin-left:0}.word-english{gap:6px}}
@media print{.word-pronounce,.question-pronunciation,.speech-status{display:none!important}}

.game-level-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 16px;margin:0 0 22px;padding:20px}
.game-level-filter label{font-size:15px;font-weight:700}
.game-level-filter select{font-size:16px;min-height:48px;max-width:100%;margin-top:7px;background:#fff}
.game-level-filter button{min-height:48px}
.game-level-filter p{grid-column:1/-1;font-size:14px;line-height:1.6;margin:0;color:#52617b}
.game-level-current{padding:10px 14px;background:#eef3fa;border:1px solid #dce3ee;border-radius:12px;font-size:14px;color:#294667;line-height:1.5}
@media(max-width:480px){.game-level-filter{grid-template-columns:minmax(0,1fr);padding:18px 16px}.game-level-filter button{width:100%}.game-level-filter p{grid-column:auto}}
@media print{.game-level-filter{display:none}}
.game-learning-status{margin-block:18px;border-left:4px solid #61738b;overflow-wrap:anywhere}.game-learning-status.is-complete{border-left-color:#23724a;background:#f2faf5}.game-learning-status h2{font-size:clamp(20px,4.5vw,26px);line-height:1.35}.game-learning-status p{font-size:16px;line-height:1.6}