.math-tile{background:linear-gradient(145deg,#eef9df,#fff 58%)}
.math-art{gap:7px;background:linear-gradient(135deg,#dff1c7,#fff5ce)}
.math-art span,.math-art strong{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;color:#477152;font-size:25px}
.math-art b{color:#bd7b25;font-size:27px}
.math-garden{overflow:hidden;background:linear-gradient(180deg,#edf9ff 0,#f8fcff 56%,#e9f7df 57%,#d8edc9 100%)}
.garden-scene{position:relative;height:210px;margin:10px -25px -5px;overflow:hidden}
.garden-sun{position:absolute;right:8%;top:5px;font-size:55px;color:#f5be3e}
.garden-cloud{position:absolute;left:8%;top:12px;font-size:61px;color:#fff;text-shadow:0 4px 12px #6487a633}
.garden-plants{position:absolute;left:4%;right:4%;bottom:4px;display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:2px 12px}
.garden-plants span{display:inline-grid;place-items:end center;width:48px;height:65px;font-size:42px;filter:drop-shadow(0 4px 3px #456b3e2b);animation:gardenGrow .45s ease both}
.garden-plants span:nth-child(3n){font-size:50px}
.garden-plants span:nth-child(4n){margin-top:-8px}
@keyframes gardenGrow{from{opacity:0;transform:translateY(25px) scale(.4)}to{opacity:1;transform:none}}
.garden-next{text-align:center;margin:12px 0 5px}
.math-garden>progress,.math-question>progress{display:block;width:100%;height:12px}
.math-question{max-width:850px;margin-left:auto;margin-right:auto;text-align:center}
.math-round-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.math-question h2{max-width:720px;margin:32px auto 20px;font-size:clamp(23px,4vw,34px)}
.math-hint{max-width:650px;margin:0 auto 22px;text-align:left;background:#fff8da;border:1px solid #efe0a3}
.math-hint summary{color:#705e18}
.math-hint p{margin:8px 0 0}
.math-answer-form{max-width:480px;margin:0 auto}
.math-answer-input{display:flex;align-items:center;gap:10px}
.math-answer-input input{font-size:25px;text-align:center}
.math-answer-input span{min-width:70px;text-align:left;font-weight:800;color:#526078}
.math-answer-form button{width:100%}
.math-start{max-width:950px;margin-left:auto;margin-right:auto}
.math-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.math-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.math-stats{grid-template-columns:repeat(3,1fr)}
.math-topic-list>div{display:grid;grid-template-columns:120px 1fr 48px;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #eceef2}
.math-topic-list progress{width:100%}
.child-math-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #eceef2}
.child-math-row>span{display:flex;min-width:0;flex:1;flex-direction:column}
.child-math-row small{color:#7b8495}
.child-math-row b{font-size:12px;color:#536078}
@media(max-width:800px){
 .garden-scene{height:180px;margin-left:-20px;margin-right:-20px}
 .garden-plants{gap:1px 5px}
 .garden-plants span{width:35px;height:52px;font-size:31px}
 .garden-plants span:nth-child(3n){font-size:38px}
 .math-options,.math-progress-grid{grid-template-columns:1fr}
 .math-round-head{align-items:flex-start;flex-direction:column}
 .math-topic-list>div{grid-template-columns:100px 1fr 43px}
 .math-answer-input input{font-size:22px}
}