/* English Go! v8.1 Thai-first game interface + readable text */
:root{--eg8-base:16px}html[data-text-scale="large"]{--eg8-base:16px}html[data-text-scale="extra"]{--eg8-base:18px}
body{font-size:var(--eg8-base)!important;line-height:1.63}
button,input,select{font-size:inherit}
button{line-height:1.45}
.app-shell{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.page-title{font-size:clamp(25px,7vw,33px)!important;line-height:1.25!important}
.subtitle,.small-note,.eg8-endnote,.match-feedback,.example-box small,.reading-note{font-size:calc(var(--eg8-base) * .85)!important;line-height:1.65}
.eg8-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:stretch;gap:0!important}
.eg8-nav button{min-width:0;padding-inline:0!important}
.eg8-nav button span{font-size:calc(var(--eg8-base) * .76)!important;white-space:nowrap}
.eg8-nav button svg{width:21px;height:21px}
.top-level,.top-coins{font-size:calc(var(--eg8-base) * .82)!important}
.game-hero.eg8-hero{min-height:230px;margin-bottom:12px}
.eg8-hero .hero-tag{font-size:12px!important;letter-spacing:0!important}
.eg8-hero .hero-big-sub{font-size:16px!important;line-height:1.6}
.eg8-hero .hero-big-sub span{font-size:14px!important}
.eg8-hero .hero-cta{font-size:14px!important;line-height:1.3;min-height:49px;white-space:normal;text-align:center}
.eg8-stats{margin-top:10px;margin-bottom:16px}
.eg8-stats .achievement-stat strong{font-size:calc(var(--eg8-base) * 1.02)!important}
.eg8-stats .achievement-stat small,.eg8-stats .stat-tiny{font-size:calc(var(--eg8-base) * .78)!important}
.eg8-home-game-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:15px 0 12px}
.eg8-home-game-head h2{font-size:calc(var(--eg8-base) * 1.13)!important;line-height:1.35;margin:3px 0 0}
.eg8-kicker{font-size:12px;color:var(--primary);font-weight:900}
.eg8-link{font-size:13px!important;color:var(--primary);background:transparent;border:none;white-space:nowrap;font-weight:850;padding:8px 0}
.eg8-home-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eg8-games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.eg8-game-tile{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:15px 13px 13px;border-radius:23px;border:1px solid #fff8;min-height:164px;box-shadow:0 8px 20px #5e57801a,inset 0 2px #fff8;transition:transform .15s,box-shadow .15s;overflow:hidden}
.eg8-game-tile:active{transform:translateY(3px) scale(.975)}
.eg8-game-tile:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;top:-38px;right:-23px;background:#ffffff57}
.eg8-lilac{background:linear-gradient(145deg,#eee5ff,#ded8ff)}.eg8-blue{background:linear-gradient(145deg,#e1f3ff,#d9e8ff)}.eg8-peach{background:linear-gradient(145deg,#fff0dc,#ffe2d7)}.eg8-mint{background:linear-gradient(145deg,#e0faed,#c8f0e7)}.eg8-pink{background:linear-gradient(145deg,#ffe9f0,#ffdceb)}.eg8-sun{background:linear-gradient(145deg,#fff7cf,#fbe6ac)}
.eg8-tile-icon{display:grid;place-items:center;width:51px;height:51px;background:#fff9;border-radius:17px;font-size:30px;box-shadow:0 5px 15px #ffffff88;line-height:1}
.eg8-tile-copy{display:flex;flex-direction:column;gap:4px;margin-top:12px;min-width:0;flex:1}
.eg8-tile-copy strong{font-size:calc(var(--eg8-base) * .98);line-height:1.4;color:#403b66;font-weight:900}
.eg8-tile-copy small{font-size:calc(var(--eg8-base) * .78);line-height:1.4;color:#5b5870}
.eg8-tile-copy em{font-style:normal;font-size:calc(var(--eg8-base) * .71);color:#726989;line-height:1.3;margin-top:auto;padding-top:4px}
.eg8-play-arrow{position:absolute;right:12px;top:17px;color:#51478e}
.eg8-allgames-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(115deg,#8872e6,#7160d4);color:#fff;border:none;border-radius:17px;margin-top:11px;padding:15px 12px;font-size:15px;font-weight:900;box-shadow:0 9px 20px #8575ca35}
.eg8-mission{margin:20px 0}
.eg8-challenge-banner{display:flex;align-items:center;gap:12px;margin:13px 0 16px;padding:16px;border-radius:21px;background:linear-gradient(120deg,#e7e1ff,#e6f7f3);color:#403b66}
.eg8-challenge-banner>span{font-size:38px}.eg8-challenge-banner strong{display:block;font-size:17px}.eg8-challenge-banner small{display:block;color:#5d5a79;font-size:13px}
.eg8-endnote{text-align:center;color:var(--muted);margin-bottom:24px}
.eg8-match-head{display:flex;justify-content:space-between;align-items:center;font-size:17px;color:var(--primary);font-weight:850}
.eg8-match-track{height:12px!important;border-radius:20px;margin:10px 0 12px;overflow:hidden}
.eg8-match-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;margin-bottom:14px;font-size:13px;color:var(--text);font-weight:750}
.eg8-match-panel{padding:14px 11px 17px!important}
.eg8-match-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px;text-align:center;font-size:14px;color:var(--muted)}
.eg8-match-grid{gap:10px}.eg8-match-grid>div{gap:10px}
.eg8-match-grid .match-card{min-height:84px;font-size:calc(var(--eg8-base) * .9)!important;border-radius:17px;border-width:2px!important;padding:12px 7px!important;box-shadow:0 4px 10px #7c71a014;background:var(--surface);font-weight:850}
.eg8-match-grid .match-card.picked{background:#e2dbff;box-shadow:0 0 0 2px #8f75eb33;transform:scale(1.02);border-color:#9278dc}
.eg8-match-grid .match-card.matched{background:#d6f3e6;color:#226954;border-color:#67c7a5;opacity:.7}
.eg8-match-panel .match-feedback{font-weight:750;margin-top:14px}
.eg8-match-footer{display:flex;gap:10px;margin-top:13px}.eg8-match-footer .btn{flex:1}
.eg8-match-win{text-align:center}.eg8-win-emoji{font-size:55px;animation:award-bounce 1s infinite alternate}.eg8-match-win h2{font-size:25px!important}.eg8-win-scores{display:grid;gap:9px;text-align:left;background:#ffffffaa;border-radius:18px;padding:15px;margin:14px 0 18px;font-weight:850}
.eg8-word-placeholder{height:100%;width:100%;background:linear-gradient(135deg,#e7e8ff,#dcf8f0 70%,#f7e8ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;position:relative;overflow:hidden;padding:16px}
.eg8-word-placeholder>*:not(.eg8-abstract-orbit){position:relative;z-index:1}.eg8-abstract-orbit{position:absolute;top:-55px;right:-45px;border:25px solid #fff5;border-radius:50%;width:190px;height:190px}.eg8-placeholder-icon{font-size:23px;color:#9680d8}.eg8-placeholder-heading{font-size:13px;color:#6e659f;font-weight:850}.eg8-word-placeholder b{font-size:clamp(22px,6.5vw,36px);line-height:1.18;color:#554c93;overflow-wrap:anywhere;max-width:100%}.eg8-placeholder-meaning{font-size:18px;color:#39575d;font-weight:900;overflow-wrap:anywhere}.eg8-word-placeholder small{font-size:12px;color:#6f7092}
.eg8-sentence-scene{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:linear-gradient(145deg,#e3ddff,#d9f2f3);border-radius:18px;text-align:center;padding:15px;overflow:hidden}.eg8-sentence-icon{font-size:37px;line-height:1}.eg8-sentence-spark{color:#937de2;position:absolute;top:12px;right:17px}.eg8-sentence-caption{font-size:13px;font-weight:800;color:#5d5688}.eg8-sentence-scene strong{font-size:18px;color:#3f406d;line-height:1.45;overflow-wrap:anywhere}
.eg8-font-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.eg8-font-choices .btn{min-height:51px;font-weight:900}
/* Larger, more legible text across the original screens. */
.feature-tile strong,.stage-copy strong,.level-card h3,.setting-row strong,.list-row strong,.verb-stage-copy strong,.lesson-play-top strong,.main-word,.panel>b,.section-head h2{font-size:calc(var(--eg8-base) * 1.06)!important;line-height:1.45}
.feature-tile small,.stage-copy small,.verb-stage-copy small,.setting-row small,.list-row small,.level-card p,.mission-dashboard small,.continue-label small,.continue-label>span,.progress-grid small,.badge-card small,.word-game-step,.eyebrow,.hero-tag,.reading-note,.label{font-size:calc(var(--eg8-base) * .79)!important;line-height:1.55!important}
.choice-line button,.selector,.search,.btn,.word-chip,.option,.quiz-options button,.question-text,.builder-target{font-size:calc(var(--eg8-base) * .94)!important}
.translate,.example-box p,.main-word{font-size:calc(var(--eg8-base) * 1.21)!important;line-height:1.55}
.pronun{font-size:calc(var(--eg8-base) * 1.02)!important}
.verb-heading h2{font-size:27px!important}
.study-card .study-visual{height:225px}
html[data-text-scale="extra"] .eg8-tile-copy strong{font-size:18px}html[data-text-scale="extra"] .eg8-home-featured{gap:9px}html[data-text-scale="extra"] .eg8-game-tile{padding:13px 11px}
html[data-theme="midnight"] .eg8-game-tile{color:#312c48}html[data-theme="midnight"] .eg8-word-placeholder{color:#312c48}
@media(max-width:355px){.eg8-game-tile{min-height:170px;padding:12px 10px}.eg8-match-grid{gap:8px}.eg8-match-grid .match-card{font-size:13px!important;padding:8px 5px!important}.eg8-home-game-head h2{font-size:16px!important}.eg8-link{font-size:12px!important}.eg8-nav button span{font-size:10px!important}.eg8-hero .hero-cta{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.eg8-game-tile,.eg8-win-emoji{animation:none!important;transition:none!important}}

/* Compact vocabulary thumbnail: keep only the symbolic art, never crop words. */
.continue-pic .eg8-word-placeholder>*:not(.eg8-placeholder-icon){display:none!important}
.continue-pic .eg8-word-placeholder{padding:0}
.continue-pic .eg8-placeholder-icon{font-size:37px!important;color:#7461b8}
.eg8-tile-copy strong{font-size:calc(var(--eg8-base) * 1.05)}
.eg8-tile-copy small{font-size:calc(var(--eg8-base) * .86)}
.eg8-tile-copy em{font-size:calc(var(--eg8-base) * .80)}
.eg8-home-game-head .eg8-kicker{font-size:13px}