/* Readable learning UI, after the original visual theme and combat styles. */
body{font-size:18px}button,input,select{font-family:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #df9b28;outline-offset:4px}.control-panel:focus{outline:none}
.cta,.ghost,.small-button{min-height:48px;font-size:19px;line-height:1.3}.eyebrow{font-size:12px;letter-spacing:1.2px}.hero-copy p{font-size:23px;line-height:1.6}.subject-pills span,.subject-pills b{font-size:16px}.how-link{font-size:18px;min-height:46px}.home-actions{flex-wrap:wrap}.home-bottom p{font-size:17px;line-height:1.5}.sample-tag,.hero-caption{font-size:12px}.floating-label{font-size:17px}.page-heading p{font-size:19px;line-height:1.5}.page-heading .small-button{font-size:17px}.stage-copy strong{font-size:23px}.stage-copy small{font-size:15px}.stage-card{min-height:138px}.map-footer{font-size:17px;gap:14px;flex-wrap:wrap}.map-footer button{font-size:17px;min-height:44px}
.coin-chip,.star-total{font-size:17px;min-height:44px;min-width:44px;justify-content:center}.star-total{color:#ffdf90;background:#fff4be12;border:1px solid #f0da9c60;border-radius:24px;display:flex;align-items:center;gap:6px;padding:8px 12px}.icon-button{width:46px;height:46px;font-size:23px}.brand>span{font-size:11px}.battle-nav{font-size:15px}.battle-nav .small-button{font-size:18px}.battle-nav>span{font-size:15px}.fighter-status>div:first-child{gap:6px;align-items:start}.fighter-status b,.fighter-status>div:first-child span{font-size:16px;line-height:1.25}.fighter-status>small{font-size:12px}.health{height:9px}.energy i{font-size:20px}.energy small{font-size:12px}.intent{min-height:56px}.intent b{font-size:16px}.intent small{font-size:14px;line-height:1.4}.intent>span:first-child{font-size:25px}.turn-label{font-size:13px}.arena-3d{bottom:56px}
.control-panel{scroll-margin-top:12px;padding:27px 30px 30px}.control-panel h2{font-size:32px;line-height:1.3}.panel-heading{align-items:start}.step-chip{font-size:13px;line-height:1.7}.action-grid{gap:13px}.action-card{min-height:125px;padding:18px 12px}.action-card b{font-size:25px;line-height:1.2}.action-card small{font-size:17px;line-height:1.35}.action-icon{font-size:42px}.lock-caption{font-size:12px;position:static;grid-column:1/-1}.panel-note{font-size:16px;line-height:1.55;color:#486e5c}.question-top{gap:10px;flex-wrap:wrap}.subject-tag,.chosen-power{font-size:16px;padding:8px 11px}.question-top .small-button{font-size:18px;min-height:46px}.question-text{font-size:32px!important;margin:22px 0;line-height:1.45}.question-text.math-text{font-size:52px!important;letter-spacing:1px}.answer-grid{gap:13px}.answer{min-height:82px;padding:15px 17px;gap:12px;border-width:2px;box-shadow:0 5px 0 #c2d0b560}.answer>span{flex:0 0 32px;width:32px;height:32px;font-size:16px;display:grid;place-items:center}.answer>b{font-size:25px;line-height:1.3;overflow-wrap:normal;word-break:normal}.answer.number-answer>b{font-size:36px}.answer:hover{transform:translateY(-2px)}.answer:active{transform:translateY(2px)}.answer:disabled{opacity:.24}.countdown{margin-top:17px}.countdown span{font-size:13px}.countdown b{font-size:30px}.timer-track{height:11px}.countdown small{font-size:13px;line-height:1.4;min-height:18px}.countdown.disabled{font-size:17px}.item-bar{gap:10px}.item-bar>span{font-size:12px;color:#526e55}.item-bar button{font-size:15px;min-height:60px;padding:10px 8px;white-space:normal}.item-bar button i{font-size:23px}.item-bar button b{font-size:14px;min-width:22px}.feedback-icon{font-size:30px;width:60px;height:60px;flex:0 0 60px}.feedback h2{font-size:32px}.explanation,.correct-answer{font-size:22px;line-height:1.6;color:#315c4d}.correct-answer b{font-size:25px}.feedback-bottom{gap:18px}.feedback-bottom>span{font-size:17px;line-height:1.5}.feedback-bottom .cta{font-size:22px}.earned-coins{font-size:16px;line-height:1.5;color:#79602a}.bonus-tags span{font-size:16px;padding:10px 13px}.result h2{font-size:35px}.result p{font-size:21px;line-height:1.6}.result-stars i{font-size:48px}.prize-box{font-size:21px;padding:18px}.prize-box span{font-size:16px}.result-actions{flex-wrap:wrap;gap:10px}.result-actions .cta{font-size:22px}.cinematic-label h2{font-size:31px}.cinematic-label p{font-size:18px}
.mini-mission{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #d9cd92;border-radius:16px;padding:13px 16px;background:linear-gradient(120deg,#fff0bd,#f6f3d6);margin-bottom:18px;color:#745d25}.mini-mission>div{display:flex;flex-direction:column;gap:4px}.mini-mission>div>span{font-size:18px}.mini-mission b{font-size:15px;line-height:1.4;font-weight:500}.mini-mission.complete{background:#e5f2d7;border-color:#b7d09c;color:#46713e}.mission-dots{display:flex;gap:3px;flex-shrink:0}.mission-dots i{font-size:28px;font-style:normal;color:#b9ae76}.mission-dots i.earned{color:#c98915;text-shadow:0 1px #fff}.combo-coach{display:flex;align-items:center;gap:12px;justify-content:space-between;color:#496c59;margin:0 0 20px}.combo-coach>span:first-child{font-size:20px;white-space:nowrap;color:#846225}.combo-coach>span:last-child{font-size:15px;line-height:1.4;max-width:65%;text-align:right}.mission-reward,.stun-reward,.new-card{font-size:19px;line-height:1.5;padding:16px;border-radius:15px;margin:16px 0;background:#f9e8b4;border:1px solid #dec57f;color:#795c22}.stun-reward{background:#e4edfa;border-color:#b4cbdf;color:#426886}.new-card{background:#e6f0d7;color:#4b7045;border-color:#b6cfa5}.stun-stars{position:absolute;z-index:4;right:15%;top:26%;width:90px;height:42px;color:#ffe071;pointer-events:none;text-align:center}.stun-stars i{display:inline-block;font-size:24px;font-style:normal;animation:stun-hop .75s ease-in-out infinite alternate;text-shadow:0 2px 4px #16473e}.stun-stars i:nth-child(2){animation-delay:.25s}.stun-stars i:nth-child(3){animation-delay:.5s}.stun-stars b{display:block;font-size:14px;color:#fff4ce;text-shadow:0 1px 4px #17443f}@keyframes stun-hop{from{transform:translateY(2px) rotate(-12deg)}to{transform:translateY(-9px) rotate(12deg)}}
.visual-question{margin:14px auto 23px;max-width:540px}.counting{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.count-group{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:190px;padding:13px;border:2px dashed #bdd3ab;border-radius:15px;background:#edf2dc}.count-star{font-size:30px;line-height:1.1;color:#dca33c;position:relative}.count-star.crossed{color:#b5bba5}.count-star.crossed:after{content:"";position:absolute;left:0;top:45%;width:100%;height:3px;background:#a65b48;transform:rotate(-45deg)}.count-plus{font-size:35px;color:#619179}.count-hint{font-size:18px;color:#895e41}.syllables{display:flex;gap:12px;align-items:center;justify-content:center}.syllables>span{display:grid;place-items:center;min-width:70px;min-height:72px;font-size:34px;border-radius:15px;background:#e4ecd5;border:2px solid #b8cda7;color:#336e60;box-shadow:0 4px 0 #b6c8a4}.syllables>b{font-size:26px;color:#789272}.syllables .mystery{background:#faedc1;border-color:#e3cf8c;color:#b18d3f}.learning-shape{width:64px;height:64px;display:block;stroke-width:2;stroke:#ffffff66;filter:drop-shadow(0 3px 0 #163d3b15)}.learning-shape.circle{fill:#e6b34e}.learning-shape.triangle{fill:#67ac93}.learning-shape.square{fill:#6e9ec5}.learning-shape.rectangle{fill:#bb85a5}.shape-target{display:flex;justify-content:center}.shape-target .learning-shape{width:100px;height:100px}.shape-pattern{display:flex;gap:9px;justify-content:center;align-items:center}.shape-pattern>span{display:grid;place-items:center;width:65px;height:65px;background:#ecf0df;border-radius:12px}.shape-pattern .learning-shape{width:55px;height:55px}.shape-pattern .mystery{font-size:35px;color:#ba943a;background:#fff0be}.choice-shape{display:block;flex:0 0 38px}.choice-shape .learning-shape{width:38px;height:38px}.sequence span{font-size:28px;min-width:50px;min-height:52px}.sequence i{font-size:20px}
dialog{max-width:680px;padding:32px;line-height:1.5}dialog h2{font-size:33px}dialog p{font-size:18px}.modal-close{width:45px;height:45px;font-size:28px}.tip{font-size:17px;line-height:1.6}.fine{font-size:15px!important;line-height:1.5}.how-steps p b{font-size:20px}.how-steps p span{font-size:18px;line-height:1.5}.setting{font-size:18px}.setting select,input[type=number]{font-size:18px;min-height:48px}.music-setting{font-size:18px}.music-setting input{width:24px;height:24px}.parent-stats b{font-size:32px}.parent-stats small{font-size:15px}.badge-shelf span{font-size:15px}.stage-intro p{font-size:19px}.shop-grid b{font-size:22px}.shop-grid p{font-size:17px}.shop-grid small{font-size:15px}.shop-grid button{font-size:17px}.album-heading{font-size:18px;color:#52775f}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}.album-card{display:flex;flex-direction:column;align-items:center;justify-content:start;padding:15px 10px;background:#e3e9d8;border:2px dashed #bac7ac;border-radius:17px;min-width:0;text-align:center;gap:7px;color:#6f8068}.album-card img{height:130px;width:100%;object-fit:contain;filter:grayscale(1);opacity:.25}.album-card b{font-size:18px;line-height:1.3}.album-card small{font-size:14px;line-height:1.4}.album-card.owned{background:linear-gradient(145deg,#fff5cd,#e6f0d9);border-style:solid;border-color:#d0b76b;color:#577447}.album-card.owned img{filter:none;opacity:1}.album-card .album-stars{font-size:23px;color:#b28e35;letter-spacing:3px}.album-badges{display:flex;flex-wrap:wrap;gap:8px}.album-badges span{font-size:15px;background:#e0e7d7;border-radius:20px;padding:10px 13px;color:#63735f}.album-badges .owned{background:#f7e8b6;color:#856127}.album-intro{font-size:18px;line-height:1.5}.album-progress{height:12px;background:#dce5ce;border-radius:20px;overflow:hidden}.album-progress i{display:block;height:100%;background:linear-gradient(90deg,#5b9f84,#d8b65b);border-radius:20px}
@media(max-width:600px){
 header{height:auto;min-height:84px;padding:14px 15px;gap:8px;flex-wrap:wrap}.brand strong{font-size:25px}.brand>span{font-size:9px;letter-spacing:1px}.brand-star{margin-left:3px}.header-right{gap:5px}.coin-chip,.star-total{font-size:15px;padding:7px 9px;min-width:42px;min-height:44px}.icon-button{width:44px;height:44px}.home{padding-inline:20px}.hero-copy h1{font-size:56px}.hero-copy p{font-size:20px}.subject-pills{gap:7px}.subject-pills span,.subject-pills b{font-size:14px}.home-actions .cta,.home-actions .ghost{font-size:20px;min-height:54px}.hero-caption{font-size:11px}.home-bottom{flex-wrap:wrap;gap:12px}.home-bottom p{font-size:16px}.home-bottom .sample-tag{font-size:12px}.map{padding-inline:14px}.page-heading h1{font-size:37px}.page-heading p{font-size:18px}.stage-copy strong{font-size:21px}.stage-copy small{font-size:14px}.stage-card{min-height:138px}.map-footer{font-size:16px}.map-footer button{font-size:16px}.battle{padding-inline:10px}.battle-nav{min-height:50px;gap:5px}.battle-nav>span{font-size:12px;line-height:1.35;text-align:center}.battle-nav .small-button{font-size:17px;min-height:44px;padding:8px 11px}.arena-scene{height:330px}.battle[data-phase=question] .arena-scene{height:260px}.fighter-status{top:10px;width:44%;padding:9px;border-radius:13px}.fighter-status>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:start}.fighter-status b,.fighter-status>div:first-child span{font-size:14px;line-height:1.25}.fighter-status b{overflow-wrap:normal}.fighter-status>small{font-size:10px;letter-spacing:.4px}.energy i{font-size:20px}.energy small{display:none}.health{height:8px}.arena-3d{top:88px;bottom:55px}.intent{min-height:55px;padding:8px 10px;gap:7px}.intent b{font-size:14px}.intent small{font-size:12px;line-height:1.3}.intent .turn-label{font-size:12px;white-space:nowrap}.has-3d .duel-symbol{font-size:16px}.control-panel{padding:20px 17px 25px;scroll-margin-top:8px}.control-panel h2{font-size:28px}.panel-heading .step-chip{display:none}.eyebrow{font-size:12px}.mini-mission{padding:11px 12px;margin-bottom:16px;gap:7px}.mini-mission>div>span{font-size:17px}.mini-mission b{font-size:14px}.mission-dots{gap:0}.mission-dots i{font-size:24px}.combo-coach{gap:8px;margin-bottom:18px}.combo-coach>span:first-child{font-size:18px}.combo-coach>span:last-child{font-size:14px;max-width:64%}.action-grid{gap:12px}.action-card{padding:14px 11px;min-height:112px;grid-template-columns:35px 1fr;grid-template-rows:auto auto;gap:4px 7px}.action-icon{font-size:32px;grid-row:1/3}.action-card b{font-size:23px}.action-card small{font-size:15px;line-height:1.3}.lock-caption{font-size:12px;line-height:1.3}.panel-note{font-size:15px;margin-top:16px}.question-top{gap:7px}.subject-tag,.chosen-power{font-size:14px;padding:7px 9px}.question-top .small-button{font-size:17px;padding:8px 11px;min-height:46px}.question-text{font-size:28px!important;line-height:1.45;margin:20px 0}.question-text.math-text{font-size:46px!important;line-height:1.3}.answer-grid{gap:12px}.answer{min-height:78px;padding:13px 10px;gap:8px}.answer>span{flex-basis:26px;width:26px;height:26px;font-size:14px}.answer>b{font-size:22px;line-height:1.3;overflow-wrap:normal}.answer.number-answer>b{font-size:34px}.choice-shape{flex-basis:28px}.choice-shape .learning-shape{height:28px;width:28px}.answer:has(.choice-shape){flex-wrap:wrap;align-content:center}.answer:has(.choice-shape)>b{flex-basis:100%;padding-left:3px}.countdown{margin-top:14px}.countdown span{font-size:12px}.countdown b{font-size:28px}.countdown small{font-size:12px;min-height:16px}.item-bar{gap:8px;margin-top:22px;padding-top:17px}.item-bar>span{font-size:12px}.item-bar button{font-size:13px;min-height:68px;padding:9px 5px}.item-bar button i{font-size:22px}.item-bar button b{font-size:13px}.feedback{gap:12px}.feedback-icon{width:48px;height:48px;flex-basis:48px;font-size:27px}.feedback h2{font-size:27px}.explanation,.correct-answer{font-size:21px;line-height:1.6}.correct-answer b{font-size:24px}.feedback-bottom>span{font-size:16px}.feedback-bottom .cta{font-size:22px;min-height:58px}.bonus-tags span{font-size:14px;padding:9px 12px}.earned-coins{font-size:15px}.mission-reward,.stun-reward,.new-card{font-size:18px}.result h2{font-size:30px}.result p{font-size:20px}.result .eyebrow{font-size:12px}.result-actions{display:flex;flex-direction:column}.result-actions button{width:100%;font-size:20px}.prize-box{font-size:20px}.prize-box span{font-size:16px}.cinematic-label{min-height:230px}.cinematic-label h2{font-size:29px}.cinematic-label p{font-size:18px}.visual-question{margin-bottom:20px}.count-group{max-width:138px;padding:10px 8px;gap:3px}.count-star{font-size:26px}.count-plus{font-size:29px}.count-hint{font-size:17px}.syllables{gap:8px}.syllables>span{min-width:60px;min-height:64px;font-size:30px}.syllables>b{font-size:23px}.shape-pattern{gap:6px}.shape-pattern>span{width:51px;height:55px}.shape-pattern .learning-shape{width:45px;height:45px}.sequence{gap:6px}.sequence span{font-size:26px;min-width:47px;min-height:50px}.sequence i{font-size:16px}.stun-stars{right:12%;top:28%}dialog{padding:30px 21px;max-height:calc(100dvh - 24px)}dialog h2{font-size:30px}.shop-grid{gap:10px}.shop-grid>div{padding:12px}.shop-grid b{font-size:21px}.shop-grid p{font-size:16px}.shop-grid button{font-size:16px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.album-card img{height:130px}.album-card b{font-size:18px}.album-card small{font-size:14px}
}
@media(max-width:360px){header{padding-inline:10px}.brand strong{font-size:23px}.header-right{gap:3px}.coin-chip,.star-total{padding:6px;min-width:39px}.icon-button{width:41px;height:44px}.control-panel{padding-inline:13px}.subject-tag,.chosen-power{font-size:13px}.question-top .small-button{font-size:16px}.answer>b{font-size:20px}.choice-shape{flex-basis:26px}.mission-dots i{font-size:21px}.mini-mission b{font-size:13px}.shape-pattern>span{width:45px}.shape-pattern .learning-shape{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.stun-stars i{animation:none}.answer:hover,.answer:active{transform:none}}

@media(max-width:600px){.answer-grid.wordy{grid-template-columns:1fr}.answer-grid.wordy .answer{min-height:76px}.answer-grid.wordy .answer:has(.choice-shape){flex-wrap:nowrap}.answer-grid.wordy .answer:has(.choice-shape)>b{flex-basis:auto}.answer>b{min-width:0}}