.language-switch{color:#f0d69d;font:600 13px/1.3 sans-serif;text-decoration:none;padding:8px 10px;border:1px solid #d8c17e66;border-radius:8px;white-space:nowrap}
.language-switch:focus-visible{outline:2px solid #ffe6a6;outline-offset:3px}
html[lang=en] .main-nav{gap:6px}
html[lang=en] .nav-button{font-size:13px;padding-inline:10px;letter-spacing:0}
html[lang=en] .brand small{letter-spacing:2px;font-size:9px}
html[lang=en] .island-title,html[lang=en] #island-title{font-size:clamp(26px,3vw,42px);line-height:1.1;overflow-wrap:normal}
html[lang=en] .gold-button,html[lang=en] .outline-button{white-space:normal;line-height:1.35;letter-spacing:0}
html[lang=en] .modal h2,html[lang=en] .modal h3{letter-spacing:0;line-height:1.15}
html[lang=en] .chapter-line,html[lang=en] #story-line{line-height:1.45;letter-spacing:0}
html[lang=en] .phone-playing.phone-too-short .scene:after{content:'Turn your phone upright ✦'}
html[lang=en] .opening-progress i{letter-spacing:0;font-size:11px}
html[lang=en] .footer-links{gap:12px}
html[lang=en] .fruit-choices small,html[lang=en] .basket-receipt small{display:none}
@media(min-width:761px) and (max-height:850px){
 html[lang=en] .modal-basket .modal-header{margin-bottom:14px;padding-bottom:12px}
 html[lang=en] .modal-basket .modal-header h2{font-size:24px;margin:4px 0 0}
 html[lang=en] .basket-work{gap:14px}
 html[lang=en] .basket-brief{padding:12px;gap:12px}
 html[lang=en] .basket-brief>.form-sprite{width:52px;height:60px}
 html[lang=en] .basket-brief strong{font-size:20px}
 html[lang=en] .basket-brief p{font-size:14px;margin:6px 0 0}
 html[lang=en] .basket-editor h3{font-size:20px;margin:0 0 8px}
 html[lang=en] .basket-checks{margin:6px 0 14px;font-size:11.5px}
 html[lang=en] .basket-checks li{padding:6px}
 html[lang=en] .basket-checks b{font-size:12px;margin-top:3px}
 html[lang=en] .fruit-choices{margin:10px 0;gap:8px}
 html[lang=en] .fruit-choices .sprite{width:54px;height:54px}
 html[lang=en] .fruit-choices button{padding:4px 3px 6px}
 html[lang=en] .fruit-choices b{font-size:18px}
 html[lang=en] .basket-editor>.gold-button{min-height:42px;padding:8px}
 html[lang=en] .work-hint{font-size:12px;line-height:1.5;margin:8px 0 0}
}
@media(max-width:1100px){html[lang=en] .brand{font-size:22px}html[lang=en] .setting-button>span:last-child{display:none}}
@media(max-width:700px){.language-switch{font-size:11px;padding:7px}.tools{gap:6px}html[lang=en] .main-nav{gap:0}html[lang=en] .nav-button{font-size:11px;padding-inline:6px}html[lang=en] .brand{font-size:20px}html[lang=en] .opening-caption p{font-size:20px}.phone-playing .language-switch{display:none}}
@media(max-width:700px){
 html[lang=en] .scene-top{display:none}
 html[lang=en] .app:not(.phone-playing) .topbar{height:104px;min-height:104px;flex-wrap:wrap;gap:0 6px;padding:6px 10px 0}
 html[lang=en] .app:not(.phone-playing) .brand{white-space:nowrap;font-size:18px}
 html[lang=en] .app:not(.phone-playing) .tools{gap:3px}
 html[lang=en] .app:not(.phone-playing) .tool-divider{display:none}
 html[lang=en] .app:not(.phone-playing) .language-switch{font-size:10px;padding:6px}
 html[lang=en] .app:not(.phone-playing) .account-button{font-size:11px;padding:7px 6px}
 html[lang=en] .app:not(.phone-playing) .main-nav{order:3;width:100%;height:44px;margin:0;gap:0}
 html[lang=en] .app:not(.phone-playing) .nav-button{flex:1;justify-content:center;font-size:12px}
}
@media(max-width:420px){html[lang=en] .app:not(.phone-playing) .brand-mark{display:none}}

/* 英文徽章与形态使用独立网格行，长名称换行后也不会互相遮挡。 */
html[lang=en] .pet-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
html[lang=en] .pet-frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:max-content max-content minmax(0,1fr) max-content;gap:7px 8px;padding:12px}
html[lang=en] .pet-rank{position:relative;left:auto;top:auto;grid-area:1/1;justify-self:start;align-self:start;min-width:0;max-width:100%}
html[lang=en] .pet-rank small{font-size:10px;line-height:1.3;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
html[lang=en] .pet-element{position:relative;right:auto;top:auto;grid-area:1/2;justify-self:end;align-self:start;min-width:0;max-width:100%}
html[lang=en] .pet-types{justify-content:flex-end}
html[lang=en] .pet-form-level{position:relative;left:auto;top:auto;transform:none;grid-area:2/1/3/3;white-space:normal;text-align:center;letter-spacing:.3px}
html[lang=en] .pet-evolution-art{position:relative;inset:auto;grid-area:3/1/4/3;min-height:0;background:none}
html[lang=en] .pet-evolution-art:before{inset:0;border-radius:50%}
html[lang=en] .pet-evolution-art .form-sprite{width:100%;height:100%;margin:0}
html[lang=en] .pet-card .pet-name{position:relative;inset:auto;grid-area:4/1/5/3;padding-bottom:7px}
html[lang=en] .pet-card .pet-name b{overflow-wrap:anywhere}
html[lang=en] .pet-card.is-buddy .pet-name{padding-bottom:28px}
@media(max-width:700px){
 html[lang=en] .modal-pet .pet-card.large .pet-frame{padding:8px;grid-template-columns:1fr}
 html[lang=en] .modal-pet .pet-card.large .pet-rank{left:auto;top:auto}
 html[lang=en] .modal-pet .pet-card.large .pet-gem.top{display:none}
 html[lang=en] .modal-pet .pet-card.large .pet-name{inset:auto;padding-bottom:0}
 html[lang=en] .modal-pet .pet-card.large .pet-name b{font-size:11px;letter-spacing:0;overflow-wrap:anywhere}
}