/* 每個語言只顯示一份文案；品牌與學習用英文保留。 */
.arena-ui #result-card .result-word-review{min-width:0;width:100%;box-sizing:border-box;padding:10px;border:1px solid #abcfe44d;border-radius:16px;background:#10294866;text-align:left}
#result-word-review[hidden]{display:none!important}
.result-word-review h3{font-size:15px;color:#ffe8ae;margin:0 0 8px}
.result-review-cards{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px;scroll-snap-type:x proximity}
.result-review-card{flex:0 0 150px;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:44px minmax(0,1fr);gap:5px 8px;padding:8px;background:#f0f9ff;border-radius:12px;color:#1c3c56;scroll-snap-align:start}
.result-review-card img{width:44px;height:44px;object-fit:contain}
.result-review-card>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;overflow-wrap:anywhere}
.result-review-card strong{font-size:13px}.result-review-card span{font-size:12px}
.result-review-card small{grid-column:1/-1;font-size:11px}.result-review-card .retry{color:#a04b25}.result-review-card .correct{color:#237047}
.result-review-card button{grid-column:1/-1;min-height:44px;border:1px solid #a1c6dd;border-radius:10px;background:#deeff8;color:#204b69;font:700 13px system-ui;cursor:pointer}
.result-review-card button:focus-visible,.result-review-cards:focus-visible{outline:3px solid #edb34c;outline-offset:2px}
.result-word-review p{margin:4px 0 0;min-height:0;font-size:12px;color:#d3eaff}
@media(max-height:560px) and (orientation:landscape){
 .arena-ui #result-card .result-word-review{grid-column:1/-1;grid-row:5;padding:6px 8px}
 .result-word-review h3{font-size:13px;margin-bottom:5px}
 .result-review-card{flex-basis:180px;grid-template-columns:36px minmax(0,1fr) 52px;align-items:center;padding:5px;gap:3px 6px}
 .result-review-card img{width:36px;height:36px;grid-row:1/3}
 .result-review-card small{grid-column:2;grid-row:2}.result-review-card button{grid-column:3;grid-row:1/3;padding:3px;font-size:11px}
 .result-review-card strong{font-size:12px}.result-review-card span{font-size:11px}
}
.match-settings{width:100%;max-width:760px;box-sizing:border-box;margin:14px auto 0;padding:12px 16px;border:1px solid #c7dfff44;border-radius:18px;background:#142c4c66;color:#e7f3ff;text-align:left}
.match-settings .word-challenge-settings{border-top:1px solid #bdd9ec33;padding-top:12px;margin-top:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.word-challenge-settings label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px}
.word-challenge-settings select{width:100%;min-height:48px;min-width:0;border:1px solid #a4d8ef;border-radius:12px;padding:7px 10px;background:#eff8ff;color:#173b68;font:700 14px system-ui}
.word-challenge-settings select:focus-visible{outline:3px solid #ffe496;outline-offset:2px}
.match-settings #word-pool-preview{overflow-wrap:anywhere;color:#c8efff}
.match-settings #word-pool-warning{color:#ffe497;font-weight:700}
#word-pool-warning[hidden]{display:none!important}
@media(max-width:480px) and (orientation:portrait){.match-settings .word-challenge-settings{grid-template-columns:1fr}}
.match-settings summary{cursor:pointer;min-height:44px;align-content:center;font-weight:800}
.match-settings summary span{font-size:13px;font-weight:500;margin-left:12px;color:#ffe59b}
.match-settings fieldset{border:0;margin:8px 0 0;padding:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.match-settings legend{font-size:13px;margin-bottom:8px}
.win-score-presets{display:flex;gap:8px;flex-wrap:wrap}
.match-settings .win-score-presets button{min-width:48px;min-height:48px;border:1px solid #aacde780;border-radius:12px;background:#375374;color:#fff;font:800 18px system-ui;cursor:pointer}
.match-settings .win-score-presets button[aria-pressed=true]{background:#ffe496;color:#193753;border-color:#fff0bd;box-shadow:0 3px 0 #bb9145}
.win-score-custom{display:flex;align-items:center;gap:10px;font-size:14px}
.win-score-custom input{width:80px;min-height:48px;box-sizing:border-box;border:2px solid #a4d8ef;border-radius:12px;background:#f3fbff;color:#173b68;padding:6px 10px;font:800 18px system-ui}
.win-score-custom input[aria-invalid=true]{border-color:#ff8ca4}
.match-settings fieldset:disabled{opacity:.5}
.match-settings p{font-size:12px;line-height:1.5;color:#cee1ed;margin:10px 0 0}
.match-settings button:focus-visible,.match-settings input:focus-visible,.match-settings summary:focus-visible{outline:3px solid #fff0ad;outline-offset:3px}
@media(max-height:560px) and (orientation:landscape){.match-settings{margin-top:8px;padding:6px 12px}.match-settings summary{font-size:14px}.match-settings fieldset{gap:8px}.match-settings summary span{font-size:12px}}
.language-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:8px 12px;border:1px solid #8fcbdc;border-radius:14px;color:inherit;font-weight:700}
.language-setting select{min-height:44px;min-width:120px;border:1px solid #8fcbdc;border-radius:10px;background:#fff;color:#173b68;padding:6px 12px;font:inherit}
.main-menu-actions button>small,.mode-en,.story-slide-en,.stats>span>small,.training-complete>span{display:none!important}
.mode-button .mode-en[data-mode-secondary]{display:block!important;font-size:11px;line-height:1.3;letter-spacing:.05em;margin-top:5px;opacity:.75}
.featured-pair{display:flex!important;flex-direction:column;gap:7px}
.featured-pair>[data-pair-lang]{display:block}
html[data-language=zh] .featured-pair>[data-pair-lang=en],html[data-language=en] .featured-pair>[data-pair-lang=zh]{order:1;font-size:.5em;font-weight:600;line-height:1.4;letter-spacing:.02em;opacity:.78}
html[data-language=en] .featured-pair>[data-pair-lang=en]{order:0}
.home-pet-caption{display:flex;flex-direction:column;align-items:center;gap:3px;width:fit-content;max-width:100%;margin:12px auto 0;padding:10px 18px;position:relative;border:1px solid #c7e8ff55;border-radius:18px;background:linear-gradient(135deg,#41608499,#203857aa);box-shadow:0 5px 14px #06152c33;box-sizing:border-box}
.home-pet-caption::before{content:'';position:absolute;top:-7px;left:calc(50% - 6px);width:12px;height:12px;transform:rotate(45deg);border-left:1px solid #c7e8ff55;border-top:1px solid #c7e8ff55;background:#3b5878}
html[data-language=zh] #home-pet-caption>small,html[data-language=en] #home-pet-caption>span{display:block!important}
html[data-language=en] #home-pet-caption>small{order:-1;font-size:15px;color:#fff2cc}
html[data-language=en] #home-pet-caption>span{font-size:12px;color:#bbd7eb}
.story-bilingual-copy{gap:14px}
html[data-language=zh] .story-bilingual-copy>[data-pair-lang=en],html[data-language=en] .story-bilingual-copy>[data-pair-lang=zh]{font-size:.88em;border-top:1px solid #8ab4c944;padding-top:12px;opacity:.85}
.story-slide{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.story-slide>div{min-width:0;padding:8px 10px}
.story-slide img{object-fit:contain}
@media(max-height:560px) and (orientation:landscape){
 .featured-pair{gap:3px}
 .home-pet-caption{padding:5px 12px;margin-top:5px;min-height:0}
 .arena-ui .main-menu .home-refresh .main-menu-subtitle{font-size:19px;line-height:1.3;margin-bottom:5px}
 .arena-ui .home-refresh #enter-game{font-size:22px;min-height:58px}
 .arena-ui .home-refresh #open-storybook,.arena-ui .home-refresh #open-instructions{min-height:50px;font-size:14px}
 .home-description{margin-bottom:8px}
 .storybook-card{padding:16px 20px;max-height:96dvh;overflow:auto}
 .story-slide.active{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px}
 .story-slide img{max-height:48dvh;margin:0}
 .story-slide h2{font-size:22px;margin-bottom:10px}
 .story-slide p{font-size:13px;line-height:1.5}
 .story-bilingual-copy{gap:7px}
 html[data-language=zh] .story-bilingual-copy>[data-pair-lang=en],html[data-language=en] .story-bilingual-copy>[data-pair-lang=zh]{padding-top:7px}
 .storybook-controls{margin-top:8px}
 .storybook-controls button{min-height:44px;padding:6px 12px}
 .storybook-finish{margin-top:6px;padding:5px;flex-direction:row}
}
.arena-ui #pet-selection-caption>div{display:flex;flex-direction:column;gap:4px}
.arena-ui #pet-caption-en,.arena-ui #pet-caption-zh{display:block;overflow-wrap:anywhere}
html[data-language=zh] #pet-caption-zh{order:-1;font-size:15px;color:#f3faff}
html[data-language=zh] #pet-caption-en{font-size:13px;color:#bdd4e9}
html[data-language=en] #pet-caption-en{order:-1}
@media(max-height:600px) and (orientation:landscape){html[data-language=zh] #pet-caption-zh{font-size:12px}html[data-language=zh] #pet-caption-en{font-size:11px}.arena-ui #pet-selection-caption>div{gap:2px}}
.storybook-finish.hidden{display:none!important}
html[data-language=en] .mode-title{font-size:clamp(17px,2.2vw,25px);line-height:1.15}
html[data-language=en] .mode-description{line-height:1.35;white-space:normal}
html[data-language=en] .pet-name strong{font-size:clamp(16px,2vw,24px)}
html[data-language=en] .touch-controls button{white-space:normal}
html[data-language=en] .main-menu-primary{letter-spacing:0}
html[data-language=en] .arena-thumb.is-loading::before{content:'Loading…'!important}
html[data-language=en] .arena-option.selected::after,html[data-language=en] .mode-button.selected::after{content:'✓'!important}
html[data-language=en] .mode-button:disabled::after{content:'Keyboard'!important}
html[data-language=en] .character-select[data-step=character] .menu-home::after{content:'← Back'!important}
html[data-language=en] #result-card .result-pets>div:has(img.winner)::before{content:'★ Winner'!important}
html[data-language=en] .record-controls #record-toggle::after{content:'Record'!important}
html[data-language=en] .record-controls #record-toggle.recording::after{content:'Stop'!important}
html[data-language=en] #menu-step-character .select-side.is-picking::after{content:'Picking'!important}
