/* Shared game typography: measured against rev49 at phone and desktop sizes. */
.game-modal .sky-game .sky-actions button,.game-modal .sky-game .sky-hud{font-size:17px!important}
.game-modal .sky-game .sky-hud span:first-child{font-size:18px!important}
.game-modal .sky-game .sky-controls button{font-size:18px!important}
.game-modal .sky-game .sky-word b{font-size:23px!important}
.game-modal .sky-game .sky-feedback{font-size:15px!important;line-height:1.3;max-height:42px}
.game-modal .sky-game .sky-modifier-status>*{font-size:15px!important}
.game-modal .sky-game .sky-overlay p,.game-modal .sky-game .sky-overlay small{font-size:18px;line-height:1.4}
.game-modal .sky-game .sky-primary{font-size:21px!important;min-height:48px}
.game-modal .sky-game .sky-transition-banner>span{font-size:18px}
.game-modal .sky-game .sky-transition-banner button{font-size:16px}
.game-modal .wb-game .wb-quiz h3{font-size:38px!important;line-height:1.2;overflow-wrap:anywhere}
.game-modal .wb-game .wb-quiz>p,.game-modal .wb-game .wb-live{font-size:17px!important;line-height:1.4}
.game-modal .wb-game .wb-actions button{font-size:16px!important;min-height:46px;line-height:1.2;padding:7px}
.game-modal .wb-game .wb-metrics{font-size:18px!important}
.game-modal .wb-game .wb-controls button{font-size:23px!important;min-height:48px}
.game-modal .wb-game .wb-answer-slots span{font-size:24px!important}
.game-modal .wb-game .wb-board-title{font-size:15px!important}
.game-modal .wb-game .wb-board-title small,.game-modal .wb-game .wb-help,.game-modal .wb-game .wb-next>small{font-size:14px!important}
.game-modal .wb-game .wb-cell b{font-size:clamp(15px,2.6vw,24px)!important;line-height:1}
.wb-board-overlay{overflow:auto!important;justify-content:safe center!important;padding:12px!important}
.wb-board-overlay>b{font-size:21px!important;line-height:1.25}
.wb-board-overlay>p,.wb-first-guide p{font-size:16px!important;line-height:1.35}
.wb-board-overlay button{font-size:18px!important;min-height:46px;flex-shrink:0}
.wb-first-guide{width:min(100%,420px);color:#264e43;text-align:left}
.wb-first-guide ol{font-size:16px;line-height:1.4;margin:7px 0;padding-left:23px}.wb-first-guide li+li{margin-top:4px}
.wb-horizontal-example{display:flex;align-items:center;justify-content:center;gap:7px;background:#ddf8dc;border:2px solid #75a55a;border-radius:10px;padding:7px;margin:7px 0}
.wb-horizontal-example>span{display:flex;flex-direction:column;align-items:center;width:35px;background:#fff;border-radius:6px}.wb-horizontal-example b{font-size:24px}.wb-horizontal-example small{font-size:12px}.wb-horizontal-example strong{font-size:15px}
.game-modal .safari-study .safari-study-stats{font-size:18px!important}
.game-modal .safari-study .safari-study-actions button{font-size:17px!important;min-height:46px}
.game-modal .safari-study .safari-card-front b{font-size:20px!important;line-height:1.15;overflow-wrap:anywhere}
.game-modal .safari-study .safari-card-front small{font-size:13px!important}
.game-modal .safari-study .safari-study-feedback,.game-modal .safari-study .safari-study-guide{font-size:16px!important;line-height:1.35}
.game-modal .safari-study .safari-mode-row b{font-size:24px!important}
.game-modal .safari-study .eco-match-steps{font-size:15px!important}
.game-modal .eco-match-check h3{font-size:28px!important}.game-modal .eco-match-check button{font-size:20px!important;min-height:48px}.game-modal .eco-match-check p{font-size:16px!important}
.game-modal .energy-mole{grid-template-rows:36px auto minmax(180px,1fr) 25px 46px 56px;min-height:400px;gap:6px}
.game-modal .energy-mole .em-mission h3{font-size:30px!important;line-height:1.15}
.game-modal .energy-mole .em-mission small{font-size:15px}.game-modal .energy-mole .em-stats{font-size:21px!important}
.game-modal .energy-mole .em-actions button{font-size:24px!important;line-height:1.1;padding:4px}
.game-modal .energy-mole .em-feedback{font-size:18px!important;line-height:1.25}
.game-modal .energy-mole .em-word{min-width:0;gap:3px}.game-modal .energy-mole .em-word>span{font-size:32px;width:36px;height:42px;min-width:0}
.game-modal .energy-mole .em-mission{flex-wrap:wrap;gap:5px;padding:8px}
.game-modal .energy-mole .em-mole>b{font-size:clamp(36px,6vw,60px)}
.game-modal .energy-mole .em-hole>small{font-size:15px}
.game-modal .energy-mole .em-overlay p{font-size:18px;line-height:1.35}.game-modal .energy-mole .em-overlay small{font-size:16px}
.game-modal .energy-mole .em-modes button{font-size:18px}.game-modal .energy-mole .em-primary{font-size:23px!important}
.game-modal .energy-mole .em-meter>span{font-size:15px;line-height:25px;letter-spacing:0}
.game-modal .sentence-game .sentence-prompt strong{font-size:24px!important;line-height:1.35}.game-modal .sentence-game .sentence-prompt small{font-size:14px}
.game-modal .sentence-game .token-pool button,.game-modal .sentence-game .sentence-board button{font-size:18px!important;min-height:44px}
.game-modal .sentence-game .sentence-actions button{font-size:16px!important;height:auto;min-height:46px}
.game-modal .sentence-game .sentence-hint,.game-modal .sentence-game .sentence-board>span{font-size:16px!important}
.game-modal .sentence-game .game-progress{font-size:16px}
/* Canvas arcade: larger HUD and controls have their own space, not a zoomed canvas. */
.game-shell .hud strong{font-size:27px!important}.game-shell .hud small{font-size:13px!important}
.game-shell .mobile-controls button{font-size:20px!important;min-height:58px;line-height:1.2}.game-shell .mobile-controls small{font-size:14px!important;line-height:1.2}
.game-shell .game-header h1{font-size:30px!important;line-height:1.1}
.game-shell .game-overlay h2{font-size:30px!important;line-height:1.2}.game-shell .game-overlay p,.game-shell .game-overlay .intro-daily,.game-shell .game-overlay .intro-best{font-size:18px;line-height:1.35}
.game-shell .game-overlay button{font-size:21px!important;min-height:48px}.game-shell .game-overlay select{font-size:18px}
.game-shell .play-status{font-size:14px!important;line-height:1.3;gap:5px;flex-wrap:wrap}
.game-shell .ocean-mission{font-size:16px!important;line-height:1.35}
.game-shell .game-sidebar p,.game-shell .game-sidebar .daily-box{font-size:18px;line-height:1.4}
@media(max-width:1000px){
 .game-modal .wb-game .wb-quiz h3{font-size:26px!important}
 .game-modal .wb-game .wb-quiz>p:not(.wb-live){margin:4px 0}
 .game-modal .energy-mole .em-mission h3{font-size:27px!important}
 .game-modal .energy-mole .em-stats{font-size:19px!important}
 .game-modal .safari-study .safari-study-stats{font-size:16px!important}
 .game-modal .safari-study .safari-card-front b{font-size:18px!important}
}
@media(max-width:1000px) and (min-height:501px){
 .game-shell .hud{height:61px}.game-shell .mobile-controls{height:58px}.game-shell .mobile-controls button{height:58px}
 .game-shell .play-status{height:39px}.game-shell .canvas-field{height:min(calc(100cqh - 171px),calc((100cqw - 4px)*4/3))!important}
 .game-shell.save-ocean .canvas-field{height:min(calc(100cqh - 235px),calc((100cqw - 4px)*4/3))!important}.game-shell .ocean-mission{height:64px}
}
@media(max-height:520px) and (min-width:681px){
 .game-modal .energy-mole{grid-template-rows:36px 1fr 25px 50px 62px;grid-template-columns:280px minmax(0,1fr)}
 .game-modal .energy-mole .em-modes button{font-size:17px}.game-modal .energy-mole .em-badge{display:none}
 .game-shell .game-header h1{font-size:23px!important}.game-shell .mobile-controls{height:auto}.game-shell .mobile-controls button{height:auto;min-height:58px}
}
.eco-play-guide{position:relative;max-width:820px;margin:0 auto;padding:6px 4px 18px;color:#173f39;font-size:19px;line-height:1.5;text-align:left}
.eco-play-guide h2{font-size:32px!important;line-height:1.2;margin:14px 0!important}.eco-play-guide h3{font-size:23px!important;margin:10px 0!important}.eco-play-guide p{font-size:19px!important;line-height:1.5!important}
.eco-play-guide .eco-guide-eyebrow{font-size:16px!important;color:#537668;margin:8px 0}.eco-play-guide .eco-guide-goal{font-size:24px!important;font-weight:800;color:#17594a}
.eco-guide-steps{padding-left:32px;margin:18px 0;font-size:20px;line-height:1.5}.eco-guide-steps li+li{margin-top:10px}.eco-guide-steps li::marker{font-weight:900;color:#247358}
.eco-guide-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.eco-guide-inputs>section{padding:14px;background:#e8f3e8;border:1px solid #bfd5c6;border-radius:14px}.eco-guide-inputs dl{margin:0}.eco-guide-inputs dl>div{margin:9px 0}.eco-guide-inputs dd{margin:4px 0;font-size:18px}.eco-guide-inputs kbd{font:800 20px/1.4 system-ui;color:#133e38;background:#fff;border:1px solid #8ea99a;border-bottom-width:3px;border-radius:6px;padding:2px 6px;display:inline-block}
.eco-guide-tip{background:#fff2d3;border-radius:12px;padding:12px}.eco-guide-pause{color:#547168}.eco-guide-continue{position:sticky;bottom:-1px;background:#f4faefeF;padding:8px 0;margin-top:10px;z-index:2}
.eco-guide-continue button,.eco-guide-skip,.eco-guide-close{font:800 19px/1.3 system-ui!important;border:1px solid #7aa38f;border-radius:10px;min-height:48px;padding:10px 16px;cursor:pointer}.eco-guide-continue button{background:#225f4c;color:white;width:100%}
.eco-play-guide .eco-guide-skip{position:sticky;top:0;display:block;margin-left:auto;background:#f5ffef;color:#214d3e;z-index:4}
.eco-guide-dialog{position:absolute;inset:0;z-index:180;overflow:auto;overscroll-behavior:contain;padding:14px 18px;background:#f5faef;color:#173f39;border-radius:inherit}
.game-shell>.eco-guide-dialog{position:fixed}
.eco-guide-close{position:sticky;top:0;display:block;margin-left:auto;background:#f5ffef;z-index:5;color:#214d3e}
.eco-guide-help-button{position:absolute;z-index:35;top:12px;right:64px;min-height:44px;width:44px;border:1px solid #729b8a;border-radius:10px;background:#f3ffed;color:#214d40;font:bold 24px system-ui;cursor:pointer}
.game-modal:has(.eco-guide-help-button) .game-modal-head>div{padding-right:44px}
.game-shell .settings .eco-play-guide{color:#ebfff5}.game-shell .settings .eco-guide-inputs,.game-shell .settings .eco-guide-tip{color:#163d34}.game-shell .settings .eco-guide-goal{color:#a8efd0}
@media(max-width:1000px){.game-modal .eco-guide-help-button{top:2px;right:106px}.game-modal:has(.eco-guide-help-button) .eco-screen-options{right:156px}.game-modal:has(.eco-guide-help-button) .eco-screen-options[data-open=true]{right:6px}.game-modal:has(.eco-guide-help-button) .game-modal-head>div{padding-right:150px}.game-modal:has(.eco-guide-help-button) .game-modal-head b{font-size:14px}.eco-guide-inputs{grid-template-columns:1fr}.eco-play-guide h2{font-size:28px!important}.eco-play-guide .eco-guide-goal{font-size:23px!important}.eco-guide-dialog{padding:10px}.eco-guide-steps{font-size:19px}}
.game-modal .sky-game .sky-modifier-status{display:none!important}
.sky-game[data-flowing=true] .sky-equipment-hud{visibility:hidden}
.game-modal .eco-guide-help-button{font-size:24px!important}
/* r54: actual question/letter surfaces, not just outer HUD labels. */
.game-modal .eco-study-question{font-size:32px!important;line-height:1.3}
.game-modal .eco-study-answer,.game-modal .eco-study-letters button{font-size:30px!important;min-height:48px}
.game-modal .eco-study-choices button,.game-modal .eco-study-book button{font-size:23px!important;min-height:48px;line-height:1.35}
.game-modal .eco-study-feedback,.game-modal .eco-study-listen-note{font-size:18px!important;line-height:1.4}
.game-modal .sky-game .sky-quiz>h3.sky-question-title{font-size:42px!important;line-height:1.18}
.game-modal .sky-game .sky-word b{font-size:30px!important;line-height:1.1}
.game-modal .sky-game .sky-feedback{font-size:18px!important;line-height:1.35;max-height:52px}
.game-modal .sky-game .sky-equipment-hud>span{font-size:16px;line-height:1.2;padding:4px 6px}
.game-modal .sky-game .sky-pickup-toast{font-size:18px}
.game-modal .sky-game .sky-overlay h3{font-size:28px!important}
.game-modal .sky-game .sky-overlay p{font-size:20px!important}
.game-modal .wb-game .wb-quiz h3{font-size:42px!important}
.game-modal .wb-game .wb-answer-slots span{font-size:30px!important}
.game-modal .wb-game .wb-actions button{font-size:18px!important}
.game-modal .wb-game .wb-cell b{position:absolute;inset:0;display:grid;place-items:center;z-index:2;font-size:clamp(22px,3vw,28px)!important;font-weight:900;line-height:1;background:transparent;color:#fff;text-shadow:0 1px 2px #071c28,1px 0 #071c28,-1px 0 #071c28,0 -1px #071c28;border-radius:inherit;padding:0}
.game-modal .wb-game .wb-cell img{opacity:.5}
.game-modal .wb-game .wb-cell.ghost b{color:#c5e5d2;text-shadow:none;opacity:.65}
.game-modal .wb-game .wb-cell>small{font-size:16px!important;color:#ccebaa}
.game-modal .wb-game .wb-board-overlay{background:#082a29f5}
.game-modal .wb-game .wb-board-overlay>b{font-size:24px!important;color:#fff}
.game-modal .wb-game .wb-first-guide{color:#f2fff7}
.game-modal .wb-game .wb-first-guide ol,.game-modal .wb-game .wb-first-guide p{font-size:18px!important;line-height:1.5;color:#f2fff7}
.game-modal .wb-game .wb-horizontal-example{color:#173f35}
.game-modal .wb-game .wb-next>small{white-space:normal;font-size:14px!important}
.game-modal .safari-study .safari-card-front b{font-size:24px!important;font-weight:900;line-height:1.15;color:#153f35;overflow-wrap:anywhere}
.game-modal .safari-study .safari-card-front small,.game-modal .safari-study .safari-card-back small{font-size:14px!important}
.game-modal .safari-study .safari-card-back b{font-size:28px!important}
.game-modal .safari-study .safari-study-guide,.game-modal .safari-study .safari-study-feedback{font-size:18px!important;line-height:1.4}
.game-modal .safari-study .safari-study-actions button{font-size:19px!important}
.game-modal .safari-study .safari-study-feedback{min-height:56px;box-sizing:border-box}
.game-modal .safari-study .safari-card-front{overflow:auto}
.game-modal .safari-study .safari-study-card.word .safari-card-front>small{display:none}
.game-modal .safari-study .safari-card-front img{max-height:calc(var(--eco-memory-card,100px) - 40px)}
.game-modal .eco-match-check h3{font-size:34px!important}.game-modal .eco-match-check button{font-size:24px!important;line-height:1.25}
.game-modal .safari-study-book button{font-size:20px!important;min-height:48px}
.game-modal .energy-mole .em-mission h3{font-size:34px!important;line-height:1.2}
.game-modal .energy-mole .em-mission small{font-size:17px}
.game-modal .energy-mole .em-word>span{font-size:36px;height:44px}
.game-modal .sentence-game .sentence-prompt strong{font-size:30px!important;line-height:1.35}
.game-modal .sentence-game .sentence-prompt small{font-size:18px!important;line-height:1.4}
.game-modal .sentence-game .token-pool button,.game-modal .sentence-game .sentence-board button{font-size:24px!important;min-height:48px;padding:8px 12px}
.game-modal .sentence-game .sentence-actions button{font-size:20px!important;min-height:48px}
.game-modal .sentence-game .sentence-hint,.game-modal .sentence-game .sentence-board>span{font-size:20px!important;line-height:1.4}
.game-modal .sentence-game .token-pool,.game-modal .sentence-game .sentence-board{height:auto;min-height:70px;flex-wrap:wrap}
.game-shell .hud small{font-size:16px!important;letter-spacing:.03em}
.game-shell .hud strong{font-size:30px!important}
.game-shell .mobile-controls button{font-size:23px!important}
.game-shell .mobile-controls small{font-size:17px!important;line-height:1.2;letter-spacing:0}
.game-shell .play-status{font-size:16px!important}
.game-shell .game-overlay{overflow:auto;justify-content:safe center}
.game-shell .game-overlay p,.game-shell .game-overlay .intro-daily,.game-shell .game-overlay .intro-best{font-size:20px!important;line-height:1.4}
.game-shell .game-overlay .intro-daily span,.game-shell .game-overlay .intro-daily small{font-size:16px!important;line-height:1.35}
.game-shell .game-overlay .intro-daily b{font-size:19px!important;line-height:1.35}
.game-shell .guide-steps li{font-size:18px!important;line-height:1.4}
.game-shell .result-insights small,.game-shell .result-medal,.game-shell .reward-details{font-size:16px!important;letter-spacing:0}
.game-shell .result-insights strong{font-size:22px!important}
.game-shell .settings label,.game-shell .settings output,.game-shell .settings .audio-notice{font-size:17px!important;line-height:1.4}
.game-shell .ocean-mission{font-size:18px!important;line-height:1.4}
@media(min-width:681px) and (max-width:1000px){.game-modal .sky-game .sky-quiz>h3.sky-question-title{font-size:36px!important}}
@media(max-width:1000px){
 .game-modal .sky-game .sky-quiz>h3.sky-question-title{font-size:clamp(32px,4.4vw,36px)!important}
 .game-modal .sky-game .sky-quiz>h3.sky-question-title[data-long=true]{font-size:30px!important}
 .game-modal .sky-game .sky-word>span{flex-basis:32px}
 .game-modal .sky-game .sky-word b{height:38px}
 .game-modal .wb-game .wb-quiz h3{font-size:32px!important}
 .game-modal .energy-mole .em-mission h3{font-size:32px!important}
}
@media(max-width:1000px) and (min-height:501px){
 .game-modal .sky-game .sky-layout{grid-template-rows:116px minmax(0,1fr) 48px}
 .game-modal .sky-game .sky-quiz>h3.sky-question-title{grid-column:1 / -1;align-self:start;text-align:center;max-height:76px;overflow:auto;padding:0 14px;line-height:1.1;scrollbar-width:thin}
 .game-modal .sky-game .sky-word{grid-column:1 / -1;align-self:end;margin-bottom:1px}
 .game-modal .sky-game .sky-actions>button,.game-modal .sky-game .sky-controls>.sky-shield{height:48px;min-height:48px}
 .game-modal .sky-game .sky-feedback{bottom:54px}
 .game-shell .hud{height:66px}
 .game-shell .mobile-controls,.game-shell .mobile-controls button{height:66px;min-height:66px}
 .game-shell .play-status{height:46px}
 .game-shell .canvas-field{height:min(calc(100cqh - 191px),calc((100cqw - 4px)*4/3))!important}
 .game-shell.save-ocean .canvas-field{height:min(calc(100cqh - 265px),calc((100cqw - 4px)*4/3))!important}
 .game-shell .ocean-mission{height:74px}
}
/* r59: the prompt must never clip font ascenders/descenders or share its row
   with letter slots. Measure the content before reserving the flight area. */
.game-modal .sky-game .sky-quiz>h3.sky-question-title{box-sizing:border-box;display:flex;flex-direction:column;gap:2px;min-width:0;max-height:none!important;overflow:visible!important;line-height:1.5!important;margin:0;padding:8px 18px!important;border:1px solid var(--ct-line,#78918b);border-radius:12px;background:var(--ct-soft,#e7f2ec);color:var(--ct-ink,#173b38)!important;text-shadow:none!important;animation:none}
.sky-question-title .sky-question-caption{display:block;font:700 14px/1.6 system-ui,sans-serif;color:var(--ct-muted,#48646a);letter-spacing:0;word-break:keep-all}
.sky-question-title .sky-question-meaning{display:block;font:inherit;line-height:1.5;letter-spacing:-.025em;overflow-wrap:anywhere;word-break:keep-all}
.sky-question-title::after{top:8px;right:5px;font-size:12px}
.game-shell .game-header>div:first-child{min-width:0}
@media(max-width:400px){.game-shell .game-header h1{font-size:23px!important;line-height:1.5;margin:0;white-space:nowrap;letter-spacing:-.035em}.game-shell .game-header .head-actions{gap:3px}.game-shell .game-header .head-actions button{width:38px;min-width:38px;min-height:44px}}
html[data-eco-theme] .game-modal:has(.sky-game) .game-body{background:var(--ct-panel)}
@media(max-width:1000px) and (min-height:501px){
 .game-modal .sky-game .sky-layout{grid-template-rows:var(--eco-sky-question-height,150px) minmax(0,1fr) 48px;row-gap:6px}
 .game-modal .sky-game .sky-quiz>h3.sky-question-title{grid-row:1;grid-column:1/-1;align-self:start;text-align:center;margin:0 4px;justify-self:stretch}
 .game-modal .sky-game .sky-word{grid-row:1;grid-column:1/-1;align-self:end;margin:0 4px;gap:4px}
 .game-modal .sky-game .sky-word b{height:44px;line-height:1.5!important}
}
@media(min-width:681px) and (max-width:1000px) and (max-height:500px){
 .game-modal .sky-game .sky-layout{grid-template-rows:minmax(110px,auto) minmax(0,1fr) 48px;row-gap:6px}
 .game-modal .sky-game .sky-quiz>h3.sky-question-title{grid-row:1;grid-column:2/-1;align-self:start;font-size:30px!important;line-height:1.5!important}
 .game-modal .sky-game .sky-word{grid-row:2;grid-column:2/-1;align-self:start;padding-top:0}
}
@media(max-width:680px) and (max-height:500px){
 .game-modal .sky-game .sky-layout{grid-template-rows:var(--eco-sky-question-height,150px) minmax(0,1fr) 48px;row-gap:4px}
 .game-modal .sky-game .sky-quiz>h3.sky-question-title{grid-row:1;grid-column:1/-1;align-self:start}
 .game-modal .sky-game .sky-word{grid-row:1;grid-column:1/-1;align-self:end}
}
@media(max-height:550px) and (min-width:701px){
 .game-shell .game-layout{height:calc(100dvh - 16px);min-height:0}
 .game-shell .play-column{height:100%;grid-template-columns:minmax(180px,1fr) auto minmax(145px,1fr);grid-template-rows:minmax(0,1fr);gap:8px}
 .game-shell .game-header{width:180px}.game-shell .game-header h1{white-space:nowrap;line-height:1.5;font-size:23px!important}
 .game-shell .hud{grid-row:1;align-self:start;margin-top:98px;width:170px;gap:5px}.game-shell .hud>div{width:76px}
 .game-shell .canvas-field{grid-row:1;align-self:center}
 .game-shell .play-status{grid-column:1;grid-row:1;align-self:end;justify-self:start;margin:0 0 3px;padding:0;width:178px;height:auto;line-height:1.5}
 .game-shell .play-status>span:first-child{display:none}
}
@media(max-height:500px){.game-modal .safari-study-guide{display:block!important;line-height:1.5!important;margin:3px 0!important}}
@media(max-width:1000px){
 .game-modal:has(.eco-guide-help-button) .game-modal-head>div{max-width:calc(100% - 202px);min-width:0;padding-right:0!important;overflow:hidden}
 .game-modal .game-modal-head>div>div{min-width:0}
 .game-modal .game-modal-head b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}