/* Keep the speech controls visible and touchable on small phones. */
#game #readingControls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;margin:0 0 5px}
#game #readingControls button{position:static!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto!important;height:auto!important;min-height:40px!important;padding:5px 11px!important;font:700 13px/1.2 Arial,sans-serif!important;border:1px solid #917640;border-radius:9px;background:#172334;color:#fff0c6;cursor:pointer;touch-action:manipulation}
#game #readingControls #readingAuto{font-size:12px!important;color:#bdd8ec}
#game #readingControls #readingAuto[aria-pressed=true]{color:#bbefcf;border-color:#4d986e}
#game #readingControls button:focus-visible{outline:2px solid #f5d47e;outline-offset:2px}
#game #readingStatus{font-size:12px;line-height:1.35;color:#ffe1a0;margin:0 0 5px}
#game .qtop{padding-right:0!important}

/* Primary play surface: compact health header, large battle, bottom thumb grid. */
body #game.screen.thumbBattle.active{display:flex!important;flex-direction:column!important;height:100dvh!important;overflow:hidden!important}
body #game.screen.thumbBattle .hudTop{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important;align-items:center!important;gap:6px!important;padding:calc(5px + env(safe-area-inset-top)) 8px 0!important;flex:0 0 auto!important}
body #game.screen.thumbBattle .hud{padding:5px 7px!important;min-width:0!important}
body #game.screen.thumbBattle .hudTitle{font-size:12px!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body #game.screen.thumbBattle .hudActions,body #game.screen.thumbBattle .xpText,body #game.screen.thumbBattle .track.xp,body #game.screen.thumbBattle .hud .track.en{display:none!important}
body #game.screen.thumbBattle:not(.showBattleDetails) .hudMeta{display:none!important}
body #game.screen.thumbBattle #btnOptions{width:44px!important;min-height:44px!important;margin:0!important;padding:6px!important;font-size:23px!important;border-radius:12px!important}
body #game.screen.thumbBattle .field{flex:1 1 0!important;min-height:100px!important;padding-top:30px!important}
body #game.screen.thumbBattle .question{position:relative!important;inset:auto!important;transform:none!important;width:min(880px,calc(100% - 16px))!important;margin:0 auto calc(6px + env(safe-area-inset-bottom))!important;flex:0 1 auto!important;padding:10px 12px!important;border-radius:16px!important;min-height:0!important;max-height:none!important;overflow-y:auto!important}
body #game.screen.thumbBattle .qtop{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-right:0!important}
body #game.screen.thumbBattle .qtop>div:first-child{flex:1;min-width:0}
body #game.screen.thumbBattle .qlabel,body #game.screen.thumbBattle .hint,body #game.screen.thumbBattle .tip,body #game.screen.thumbBattle .spInfo{display:none!important}
body #game.screen.thumbBattle .qword{font-size:clamp(23px,6vw,30px)!important;line-height:1.25!important;margin:0!important;max-height:none!important;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
body #game.screen.thumbBattle .qword:focus-visible{outline:2px solid #f5d47e;outline-offset:3px;border-radius:4px}
body #game.screen.thumbBattle #readingFold{flex:0 0 44px;position:relative}
body #game.screen.thumbBattle #readingFold summary{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;min-height:44px;border-radius:10px;color:#f6dfa5;cursor:pointer;touch-action:manipulation;font-size:20px}
body #game.screen.thumbBattle #readingFold summary::-webkit-details-marker{display:none}
body #game.screen.thumbBattle #readingFold:not([open]) #readingControls{display:none!important}
body #game.screen.thumbBattle #readingFold[open] #readingControls{position:static;transform:none;background:#112235;padding:4px;border:1px solid #c9ab65;border-radius:10px;margin:0}
body #game.screen.thumbBattle #readingControls button{min-height:44px!important;white-space:nowrap}
body #game.screen.thumbBattle #readingStatus:empty{display:none!important}
body #game.screen.thumbBattle .gExplain{font-size:11px!important;line-height:1.3!important;margin:2px 0 0!important;max-height:2.6em;overflow:auto}
body #game.screen.thumbBattle .answers:not(.chips){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:8px!important}
body #game.screen.thumbBattle .answers:not(.chips) .ans{min-height:58px!important;padding:12px 8px!important;font-size:clamp(16px,4.5vw,21px)!important;line-height:1.3!important;border-radius:13px!important;touch-action:manipulation;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}
body #game.screen.thumbBattle .answers.longOpts .ans{font-size:14px!important;min-height:58px!important}
body #game.screen.thumbBattle .answers.chips .chip{min-height:48px!important;padding:10px!important;touch-action:manipulation}
body #game.screen.thumbBattle .answers .ans:active{transform:translateY(2px);filter:brightness(1.18)}
body #game.screen.thumbBattle .actionRow{margin-top:8px!important}
body #game.screen.thumbBattle .spButton{min-height:44px!important;padding:8px!important;font-size:13px!important}
#battleSettingsLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 14px}
#battleSettingsLinks>.optHead{grid-column:1/-1;margin:0 0 2px}
#battleSettingsLinks button{display:flex!important;align-items:center;justify-content:center;min-height:48px!important;width:auto!important;padding:9px 7px!important;font-size:14px!important;line-height:1.3!important;position:static!important;white-space:normal}
body #game.screen.thumbBattle #readingFold[open]{flex-basis:auto;min-width:132px}
#optModal .optRow .swBtn{min-height:44px!important}
@media(min-width:900px){body #game.screen.thumbBattle .answers:not(.chips) .ans{min-height:64px!important}body #game.screen.thumbBattle .hudTop{padding-left:20px!important;padding-right:20px!important}}
@media(max-height:570px) and (orientation:portrait){body #game.screen.thumbBattle .question{padding:7px 10px!important}body #game.screen.thumbBattle .answers:not(.chips) .ans{min-height:50px!important;padding:8px!important}body #game.screen.thumbBattle .gExplain{font-size:10px!important}body #game.screen.thumbBattle .field{min-height:90px!important}}

#optModal #readingAuto{display:none!important}

#game #readingStatus:not([hidden]){display:block!important;cursor:pointer;min-height:32px;padding:6px 0;color:#ffe1a0}