.math-play{--mp-ink:#233d50;--mp-muted:#506575;max-width:1100px;margin:auto;color:var(--mp-ink);font-size:16px;line-height:1.65}.math-play *{box-sizing:border-box}.math-play h1,.math-play h2,.math-play h3,.math-play p{overflow-wrap:anywhere}.math-play h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.18;letter-spacing:-.035em;margin:10px 0 14px}.math-play h2{font-size:1.3rem;line-height:1.45;margin:0 0 16px}.math-play ol,.math-play ul{padding-left:24px}.math-play li+li{margin-top:10px}
.mp-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 22px;flex-wrap:wrap}.mp-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.mp-toolbar .mp-button{min-height:44px;padding:8px 12px;font-size:.86rem}.mp-button{font:inherit;font-size:1rem;font-weight:750;color:#fff;background:#285e70;border:1px solid #285e70;border-radius:12px;min-height:50px;padding:11px 20px;line-height:1.5;cursor:pointer;white-space:normal}.mp-button.mp-secondary{background:#fff;color:#285e70;border-color:#9ab6c1}.mp-button:disabled{cursor:default;opacity:.6}
.mp-heading{position:relative;background:#e8f2f5;border:1px solid #b6d0d9;border-radius:25px;padding:30px 38px;overflow:hidden;margin-bottom:28px}.mp-heading>p{max-width:55ch;color:var(--mp-muted);margin-bottom:0}.mp-eyebrow{font-size:.74rem;letter-spacing:.075em;font-weight:800;color:#4b6575}.mp-heading .mp-eyebrow{display:block;max-width:85%}.mp-spark{position:absolute;color:#b1814a;line-height:1;font-size:2rem;animation:mp-accent 5s ease-in-out infinite}.mp-spark-one{right:28px;top:25px}.mp-spark-two{right:75px;bottom:21px;color:#669a9a;font-size:1.7rem;animation-delay:-2s}
.mp-choose-year{display:grid;grid-template-columns:auto minmax(160px,230px) 1fr;align-items:center;gap:14px 20px;margin:28px 0}.mp-choose-year label{font-weight:800}.mp-choose-year select{font:inherit;background:#fff;border:2px solid #9ab6c1;border-radius:10px;min-height:48px;padding:8px 12px;color:var(--mp-ink)}.mp-choose-year p{font-size:.85rem;color:var(--mp-muted);margin:0}.mp-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:26px 0 16px}.mp-section-heading h2{margin:0}.mp-section-heading>span{color:var(--mp-muted);font-size:.9rem}
.mp-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mp-topic-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;font:inherit;line-height:1.6;color:var(--mp-ink);background:#e6f0f5;border:1px solid #b9d0dc;border-radius:20px;padding:22px;min-width:0;cursor:pointer;box-shadow:0 4px 0 #cad9df;transition:transform .18s}.mp-topic-card:hover{transform:translateY(-3px)}.mp-topic-card>strong{font-size:1.18rem;margin:13px 0 7px}.mp-topic-card>span:not(.mp-topic-symbol){font-size:.88rem;flex:1}.mp-topic-card small{display:block;font-size:.8rem;font-weight:800;margin-top:18px}.mp-topic-symbol{display:grid;place-items:center;min-width:53px;min-height:53px;border-radius:16px;background:#ffffffaa;font-size:1.85rem;font-weight:800;color:#3f617b;padding:2px 7px;line-height:1}
.mp-topic-card[data-tone=coral],.mp-topic-heading[data-tone=coral]{background:#fae9df;border-color:#e6c4b0}.mp-topic-card[data-tone=amber],.mp-topic-heading[data-tone=amber]{background:#f8efd8;border-color:#dfd0a8}.mp-topic-card[data-tone=mint],.mp-topic-heading[data-tone=mint]{background:#e6f1e9;border-color:#bdd4c4}.mp-topic-card[data-tone=violet],.mp-topic-heading[data-tone=violet]{background:#eee8f6;border-color:#d0c2e0}
.mp-footnote{font-size:.84rem;color:var(--mp-muted);line-height:1.8;margin:24px 0}.mp-topic-heading{display:flex;align-items:center;gap:25px;padding:26px 30px;background:#e6f0f5;border:1px solid #b9d0dc;border-radius:22px;margin-bottom:24px}.mp-topic-heading>.mp-topic-symbol{min-width:74px;min-height:78px;font-size:2.4rem}.mp-topic-heading p{margin:0;color:var(--mp-muted)}.mp-topic-heading h1{font-size:clamp(1.65rem,3vw,2.4rem)}
.mp-lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mp-method,.mp-worked-example{border:1px solid #c4d4da;background:#fffdf8;border-radius:18px;padding:25px}.mp-worked-example{background:#f4f0fa;border-color:#d2c4e2}.mp-worked-example>.mp-eyebrow{display:block;margin-bottom:12px}.mp-lesson-grid ol{margin-bottom:0}.mp-tips{margin:20px 0;padding:15px 20px;border:1px solid #c4d4da;border-radius:14px;background:#f7fafb}.mp-tips summary{min-height:34px;cursor:pointer;font-weight:750;padding:3px 0}.mp-difficulty{border:0;padding:0;margin:28px 0}.mp-difficulty legend{font-size:1.1rem;font-weight:800;margin-bottom:14px}.mp-difficulty>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mp-difficulty button{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;font-size:.94rem;font-weight:700;padding:13px 16px;min-height:60px;border:1px solid #a9bdc7;border-radius:13px;background:#fff;color:var(--mp-ink);cursor:pointer}.mp-difficulty button>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e5eff3}.mp-difficulty [aria-pressed=true]{border:2px solid #376d76;background:#e3f0ed}.mp-difficulty [aria-pressed=true]>span{background:#376d76;color:#fff}.mp-start{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:#edf4e9;border:1px solid #bfceb7;border-radius:16px}.mp-start p{margin:0;max-width:52ch}.mp-start .mp-button{flex:none}
.mp-play-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0 26px}.mp-play-heading h1{margin-bottom:9px}.mp-level-note{font-size:.86rem;font-weight:700;color:#506575}.mp-session-progress{display:grid;gap:7px;min-width:160px;font-size:.85rem;text-align:right;color:var(--mp-muted)}.mp-session-progress progress{width:190px;height:12px;accent-color:#42877c}.mp-challenge{border:1px solid #b5cdd6;border-radius:24px;padding:28px;background:#fffef9}.mp-challenge>h2{font-size:1.3rem;line-height:1.6}.mp-visual{margin:20px 0 25px;padding:20px;border:1px solid #bfd0d7;background:#eff6f7;border-radius:16px;min-width:0}.mp-visual figcaption{font-size:.86rem;line-height:1.7;margin-top:15px;color:#496171}.mp-number-model{display:flex;align-items:center;justify-content:center;gap:20px}.mp-number-model>div{display:grid;justify-items:center;gap:7px;padding:16px 20px;background:#fff;border:1px solid #b5ccd5;border-radius:13px;flex:1}.mp-number-model>div:last-child{background:#fff1dd;border-color:#d7c09d}.mp-number-model>div>span:first-child{font-size:.85rem;font-weight:700}.mp-number-model strong{font-size:2.3rem;line-height:1.3}.mp-number-model>b{font-size:1.8rem}.mp-counters{display:grid;grid-template-columns:repeat(4,10px);gap:5px}.mp-counters i{width:10px;height:10px;background:#397486;border-radius:50%}.mp-group-baskets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mp-group-baskets>div{display:grid;justify-items:center;gap:10px;border:1px solid #bccfc3;background:#e3eee0;border-radius:12px;padding:15px 10px;font-size:.88rem}.mp-group-baskets>div:nth-child(even){background:#fff0d8;border-color:#d9c6a8}.mp-group-baskets strong{font-size:.83rem}
.mp-fraction-pair{display:flex;align-items:center;gap:15px;justify-content:center}.mp-fraction-group{min-width:0;flex:1}.mp-fraction-bar{display:grid;grid-template-columns:repeat(var(--mp-parts),minmax(0,1fr));border:2px solid #675488;border-radius:8px;overflow:hidden;background:#fff;min-height:70px}.mp-fraction-bar>span{display:grid;place-items:center;min-width:0;border-right:1px solid #675488;color:#fff;font-size:1rem}.mp-fraction-bar>span:last-child{border-right:0}.mp-fraction-bar>.mp-filled{background:#846ab0}.mp-fraction-group p{font-size:.84rem;text-align:center;margin:9px 0 0}.mp-visual-operator{font-size:1.9rem}
.mp-geometry svg{display:block;width:100%;max-width:400px;margin:auto}.mp-geometric-shape{stroke:#36796b;stroke-width:4;fill:#dfede6}.mp-geometry[data-measure=perimeter] .mp-geometric-shape{stroke:#b56732;stroke-width:7;fill:#fffbf2;stroke-linejoin:round}.mp-right-angle{fill:none!important;stroke-width:2!important}.mp-geometry text{font-family:inherit;font-weight:750;font-size:16px;fill:#2d5262}.mp-balance svg{display:block;width:100%;max-width:400px;margin:auto}.mp-balance-stand{fill:none;stroke:#49697b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.mp-balance circle{fill:#b57c41}.mp-unknown-box{fill:#d8c7ed;stroke:#8765a7;stroke-width:2}.mp-known-box{fill:#f5dfae;stroke:#b49358;stroke-width:2}.mp-balance text{font-family:inherit;font-size:20px;font-weight:750;fill:#3c405b}.mp-expression-visual{background:#eee8f7;border-color:#cec0df}.mp-expression{font-size:clamp(1.5rem,4vw,2.3rem);font-weight:800;line-height:1.65;text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mp-challenge form>label{display:block;font-size:1.1rem;font-weight:800}.mp-challenge form>p{margin:6px 0 12px;font-size:.88rem;color:var(--mp-muted)}.mp-answer-row{display:flex;gap:12px;align-items:stretch}.mp-answer-row input{width:170px;flex:1;max-width:330px;min-width:0;min-height:54px;font:inherit;font-weight:750;font-size:1.4rem;background:#fff;border:2px solid #6e94a4;border-radius:12px;padding:10px 14px;color:var(--mp-ink)}.mp-feedback{margin:14px 0}.mp-feedback:empty{margin:0}.mp-feedback:not(:empty){padding:18px 20px;border:1px solid #d4b17c;border-radius:14px;background:#fff1dc;line-height:1.75}.mp-feedback>strong{font-size:1.07rem}.mp-feedback p{margin:8px 0 0}.mp-feedback ol{margin-bottom:0}.mp-feedback.mp-success{background:#e7f3e7;border-color:#9ebf9f}.mp-feedback.mp-guided{background:#eaf1f8;border-color:#a9bfd5}.mp-answer-reveal{font-variant-numeric:tabular-nums}.mp-hints{margin:18px 0;background:#eeeafa;border:1px solid #c7b9df;padding:16px 20px;border-radius:13px}.mp-hints ol{margin-bottom:0}.mp-challenge-actions{margin-top:20px}.mp-recap{padding:26px;background:#fffdf8;border:1px solid #bccfcb;border-radius:20px}.mp-recap>ol{padding:0;list-style:none}.mp-recap li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #d2dfda}.mp-recap li>div{flex:1}.mp-recap li strong{display:block;font-size:.97rem;line-height:1.6}.mp-recap li span{display:block;font-size:.83rem;color:var(--mp-muted);margin-top:7px}.mp-recap li>p{font-weight:800;white-space:nowrap}.mp-recap-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.math-play button:focus-visible,.math-play input:focus-visible,.math-play select:focus-visible,.math-play summary:focus-visible,.math-play [tabindex="-1"]:focus{outline:3px solid #a55a2e;outline-offset:4px}
@keyframes mp-accent{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(10deg)}}
.math-play[data-mp-motion=reduced] .mp-spark{animation:none}.math-play[data-mp-motion=reduced] .mp-topic-card{transition:none}.math-play[data-mp-motion=reduced] .mp-topic-card:hover{transform:none}
@media(max-width:900px){.mp-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-choose-year{grid-template-columns:auto minmax(160px,1fr)}.mp-choose-year p{grid-column:1/-1}.mp-lesson-grid{grid-template-columns:1fr}.mp-start{align-items:flex-start;flex-direction:column}.mp-topic-heading{padding:24px}}
@media(max-width:560px){.math-play{font-size:16px}.mp-toolbar{gap:10px}.mp-toolbar .mp-button{font-size:.79rem;padding:8px 10px}.mp-heading{padding:24px 21px}.mp-heading>p{max-width:90%}.mp-spark-one{right:16px;top:17px;font-size:1.55rem}.mp-spark-two{right:19px;bottom:17px;font-size:1.3rem}.mp-topic-grid{gap:12px}.mp-topic-card{padding:16px 13px;border-radius:16px}.mp-topic-card>strong{font-size:1.03rem}.mp-topic-card>span:not(.mp-topic-symbol){font-size:.8rem}.mp-topic-card small{font-size:.73rem}.mp-topic-symbol{min-height:43px;min-width:43px;font-size:1.5rem}.mp-choose-year{grid-template-columns:1fr;gap:10px}.mp-choose-year p{grid-column:auto}.mp-topic-heading{align-items:flex-start;gap:14px;padding:19px}.mp-topic-heading>.mp-topic-symbol{min-height:49px;min-width:43px;font-size:1.65rem}.mp-topic-heading .mp-eyebrow{font-size:.65rem}.mp-method,.mp-worked-example{padding:20px}.mp-difficulty>div{grid-template-columns:1fr}.mp-difficulty button{min-height:52px}.mp-start{padding:20px}.mp-start>.mp-button{width:100%}.mp-play-heading{flex-direction:column;align-items:flex-start;gap:14px}.mp-session-progress{display:flex;align-items:center;gap:12px;min-width:0;width:100%;font-size:.79rem}.mp-session-progress progress{width:150px;max-width:52%}.mp-challenge{padding:19px 16px;border-radius:18px}.mp-challenge>h2{font-size:1.15rem}.mp-visual{padding:15px 12px}.mp-number-model{gap:10px}.mp-number-model>div{padding:13px 8px}.mp-number-model>div>span:first-child{font-size:.76rem}.mp-number-model strong{font-size:1.8rem}.mp-number-model>b{font-size:1.4rem}.mp-group-baskets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mp-fraction-pair{flex-direction:column;align-items:stretch;gap:10px}.mp-visual-operator{text-align:center}.mp-fraction-bar{min-height:58px}.mp-answer-row{flex-wrap:wrap;gap:10px}.mp-answer-row input{width:100%;flex-basis:100%;max-width:none}.mp-answer-row>.mp-button,.mp-challenge-actions>.mp-button{width:100%}.mp-feedback:not(:empty),.mp-hints{padding:15px}.mp-recap{padding:20px}.mp-recap li{flex-direction:column;align-items:flex-start;gap:4px}.mp-recap li>p{margin:0}.mp-recap-actions{flex-direction:column}.mp-recap-actions>.mp-button{width:100%}}
@media(prefers-reduced-motion:reduce){.math-play .mp-spark{animation:none}.mp-topic-card{transition:none}.mp-topic-card:hover{transform:none}}
.mp-block-trail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0!important;margin:0 0 24px}.mp-block-trail li{display:grid;gap:2px;margin:0!important;min-width:0;padding:12px 15px;border:1px solid #c5d4da;border-radius:13px;background:#f3f7f8;color:var(--mp-muted)}.mp-block-trail li[data-mp-block=current]{border:2px solid #376d76;padding:11px 14px;background:#e3f0ed;color:var(--mp-ink)}.mp-block-trail li[data-mp-block=done]{background:#e8f1e4;border-color:#adbf9f;color:var(--mp-ink)}.mp-block-trail span{font-size:.83rem;font-weight:750}.mp-block-trail strong{font-size:1.08rem;font-variant-numeric:tabular-nums}.mp-block-trail small{font-size:.75rem}.mp-pause{padding:26px;border:1px solid #b8ccbf;border-radius:20px;background:#edf4e9}.mp-pause>p{max-width:70ch}.mp-pause-actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.mp-pause .mp-footnote{margin-bottom:0}.mp-recap-counts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.mp-recap-counts>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #c0d3d0;border-radius:13px;background:#edf5f0}.mp-recap-counts>div:last-child{background:#edf2f8;border-color:#bdcddb}.mp-recap-counts dt{font-size:.94rem;font-weight:700}.mp-recap-counts dd{font-size:1.65rem;font-weight:800;margin:0;font-variant-numeric:tabular-nums}.mp-recap-block{border-top:1px solid #bdcfc9;padding:5px 0}.mp-recap-block summary{padding:14px 2px;min-height:48px;font-weight:800;cursor:pointer}.mp-recap-block>ol{padding:0;list-style:none}.mp-recap-block li:last-child{border-bottom:0}
@media(max-width:560px){.mp-block-trail{gap:7px}.mp-block-trail li{padding:10px 7px}.mp-block-trail li[data-mp-block=current]{padding:9px 6px}.mp-block-trail span{font-size:.71rem}.mp-block-trail strong{font-size:.98rem}.mp-block-trail small{font-size:.66rem}.mp-pause{padding:20px}.mp-pause-actions{flex-direction:column}.mp-pause .mp-button{width:100%}.mp-recap-counts{grid-template-columns:1fr}.mp-recap-counts>div{padding:14px}.mp-recap-block summary{font-size:.95rem}}