/* Existing approved Games shell and player controls; exact world illustrations reused. */
body.multiplication-game{--game-accent:#ffe2a3;background:#172e33;--scene:url('assets/forest.webp')}
body.multiplication-game .world-background{background-image:linear-gradient(90deg,#07182210 8%,#071822b8 58%,#071822eb 100%),var(--scene);background-position:center}
.multiplication-game .welcome-copy{width:46%;max-width:565px}.multiplication-game .intro h2{font-size:clamp(37px,4.3vw,62px)}.multiplication-game .intro em{color:#ffde96;font-style:normal}.multiplication-game .setup-selects{margin-bottom:7px}.multiplication-game .setup-selects label:first-child{grid-column:1/-1}.multiplication-game .setup-selects label:last-child{grid-column:auto}
.level-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.level-picker label{position:relative;cursor:pointer}.level-picker input{position:absolute;top:16px;left:12px;accent-color:#ffd772;width:17px;height:17px}.level-picker span{display:flex;flex-direction:column;gap:7px;padding:13px 12px 13px 37px;border:1px solid #b9cbd577;border-radius:14px;background:#0f2233}.level-picker input:checked+span{border:2px solid #f7dc8a;padding:12px 11px 12px 36px;background:#33404d}.level-picker b{font-size:17px;color:#fff0c3}.level-picker small{font-size:12px;line-height:1.4;color:#dbe6ec}.route-note{font-size:12px!important;color:#d2e2e4;line-height:1.4!important;margin:8px 0 18px}.learn-link{background:none;border:0;color:#f7dc8a;text-decoration:underline;text-underline-offset:4px;min-height:44px;width:100%;margin-top:9px;font-size:13px}
.multiplication-game .play-screen{max-width:1400px;align-content:start;padding-top:16px;gap:22px;grid-template-columns:minmax(0,1fr) 290px}.multiplication-game .challenge-card{padding:20px 24px}.challenge-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.multiplication-game #counter{margin:0;letter-spacing:1px}.multiplication-game #world-badge{font-size:12px;color:#ffe1a4;text-align:right}.multiplication-game #mission-title{font-size:clamp(24px,2.6vw,34px);line-height:1.2;margin:14px 0 18px;color:white}.mission-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}.mission-scene figure{margin:0;border-radius:19px;overflow:hidden;border:1px solid #ffffff4d;background:#061c2b}.mission-scene img{width:100%;height:auto;display:block;aspect-ratio:1.49;object-fit:cover}.mission-scene figcaption{font-size:11px;line-height:1.3;color:#cadfe3;padding:9px}.mission-story{text-align:left;min-width:0}.mission-story #context{font-size:clamp(17px,1.7vw,20px);line-height:1.55;margin:0 0 14px;color:#e0edef}.multiplication-game #question-title{font-size:clamp(21px,2.1vw,27px);line-height:1.3;margin:0 0 16px;color:#fff0c3;white-space:normal;overflow-wrap:normal}.mission-story #hint{min-height:44px;border:1px solid #cedcdd77;color:#ffe2a3;background:#ffffff0a;border-radius:22px;padding:8px 18px;font-size:13px}
.groups-help{background:#ffffff0a;border:1px solid #ffe2a355;border-radius:16px;padding:12px;margin-top:16px}.groups-help p{margin:0 0 10px;font-size:14px;line-height:1.5;color:#e2eef0}.groups-help #hint-sum{margin:10px 0 0;color:#ffe2a3;font-weight:bold;letter-spacing:1px}#group-model{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.equal-group{display:flex;gap:4px;align-items:center;border:1px solid #a7d9d67f;border-radius:10px;padding:7px}.equal-group i{display:block;width:9px;height:9px;border-radius:50%;background:#9de4d7}.mission-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.mission-option{position:relative;border:2px solid #ead197;background:#fff8e6;color:#302b44;box-shadow:0 4px 0 #9c7850;border-radius:17px;padding:12px 8px;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:700;line-height:1.2;transition:transform .15s,background .15s}.mission-option:hover:enabled{transform:translateY(-3px);background:#fff}.answer-number{font-size:clamp(24px,3.4vw,37px)}.answer-unit{font-size:13px;font-weight:normal;overflow-wrap:anywhere;max-width:100%}.option-key{position:absolute;top:7px;left:7px;display:grid;place-items:center;background:#ece0cd;color:#5d4860;width:19px;height:19px;border-radius:6px;font-size:10px}.mission-option.correct{background:#c9f5d9;border-color:#5ede99;box-shadow:0 4px 0 #377b55}.mission-option.wrong{background:#ffddd8;border-color:#ff8175;box-shadow:0 4px 0 #a55553}.mission-option:disabled:not(.correct):not(.wrong){opacity:.55}.option-mark{position:absolute;top:7px;right:7px;font-size:18px}.multiplication-game #clock-wrap{max-width:600px;margin:15px auto 6px}.multiplication-game .keyboard-hint{margin-top:17px}.multiplication-game .player-panel{gap:12px}.multiplication-game #feedback{height:auto;min-height:265px}.multiplication-game #feedback-operation{color:#ffe2a3;font-size:27px;font-weight:bold;line-height:1.2;margin:16px 0}.multiplication-game #feedback-text{font-size:15px;line-height:1.55}.multiplication-game #next-turn{font-size:13px}.multiplication-game #next{margin-top:8px;width:100%}.multiplication-game .journey{margin-top:16px}.multiplication-game .journey-label{gap:14px}.multiplication-game .journey-label strong{font-size:13px}.multiplication-game .stone{flex-shrink:1;min-width:5px}.review-solution{display:block;margin-bottom:8px;color:#ffe2a3}.multiplication-game .results{max-width:880px}.guide-operation{font-size:26px!important;color:#ffe2a3;font-weight:bold}.multiplication-game dialog{max-width:540px}.multiplication-game dialog p{line-height:1.6}
.multiplication-game .player-panel{align-self:start}.multiplication-game #stones{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}.multiplication-game .stone{width:100%;height:14px}
@media(max-width:1080px){.multiplication-game .play-screen{grid-template-columns:minmax(0,1fr) 245px;padding:14px 20px;gap:15px}.mission-scene{gap:15px}.mission-story #context{font-size:17px}.mission-story #question-title{font-size:22px}.multiplication-game .challenge-card{padding:18px}.multiplication-game .brand img{width:115px}.multiplication-game .game-heading h1{font-size:20px}.multiplication-game .game-heading p{font-size:10px}}
@media(max-width:800px){.mission-scene{grid-template-columns:1fr}.mission-scene figure{max-width:460px;width:100%;margin:auto}.mission-scene img{max-height:250px}.mission-story{text-align:center}.mission-story #context{font-size:18px}.mission-choices{grid-template-columns:1fr 1fr}.mission-option{min-height:77px}.multiplication-game .welcome-copy{width:50%}}
@media(max-width:720px){body.multiplication-game .world-background{background-image:linear-gradient(#07182220,#071822ee 70%),var(--scene);background-size:auto 70svh;background-position:center top;background-repeat:no-repeat}.multiplication-game .game-header{flex-wrap:wrap;gap:10px}.multiplication-game .brand img{width:90px}.multiplication-game .brand span{font-size:17px}.multiplication-game .game-heading{min-width:170px}.multiplication-game .game-heading h1{font-size:17px}.multiplication-game .game-heading p{font-size:9px;letter-spacing:1px}.multiplication-game .tools{width:100%;justify-content:flex-end}.multiplication-game .tools button{font-size:12px;padding:9px 12px}.multiplication-game .setup-screen{padding:220px 18px 25px}.multiplication-game .welcome-copy{width:100%;max-width:none}.multiplication-game .intro h2{font-size:42px}.multiplication-game .play-screen{grid-template-columns:1fr;padding:10px;gap:14px}.multiplication-game .challenge-card{padding:18px 15px;border-radius:24px}.multiplication-game #mission-title{font-size:26px}.mission-scene img{max-height:240px}.mission-story #context{font-size:17px}.mission-story #question-title{font-size:23px}.multiplication-game #feedback{min-height:0}.multiplication-game .player-panel{display:grid;grid-template-columns:1fr}.multiplication-game .journey-label{font-size:12px}.mission-option{min-height:85px}.answer-number{font-size:34px}.answer-unit{font-size:14px}.multiplication-game .results{padding:25px 18px}.multiplication-game .learning-note{font-size:11px}}
@media(max-width:360px){.level-picker b{font-size:15px}.level-picker span{padding-left:33px;padding-right:7px}.level-picker input:checked+span{padding-left:32px;padding-right:6px}.multiplication-game .intro h2{font-size:38px}.multiplication-game .game-heading{min-width:145px}.multiplication-game .game-heading h1{font-size:15px}.multiplication-game .brand img{width:79px}.multiplication-game .brand span{font-size:15px}.multiplication-game #mission-title{font-size:23px}.mission-choices{gap:10px}.mission-option{padding:12px 7px}}
@media(prefers-reduced-motion:reduce){.multiplication-game *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.multiplication-game.reduce-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}