.chapter-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.chapter-nav button{min-height:36px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:11px;font-weight:900}.chapter-nav button.active{border-color:var(--blue);background:#e9f5f8;color:var(--navy)}.chapter-nav button:disabled{opacity:.42;cursor:not-allowed}.whole-strip{height:100px;display:grid;grid-template-columns:repeat(10,1fr);border:3px solid var(--navy);border-radius:14px;overflow:hidden;background:#fff}.whole-strip i{display:grid;place-items:center;border-right:1px solid #b9cdd5;color:#fff;font-style:normal;font-size:10px;font-weight:1000}.whole-strip i.on{background:var(--coral)}.whole-label{display:flex;justify-content:space-between;margin:7px 2px 18px;color:var(--navy);font-weight:1000}.score-row{display:flex;align-items:center;justify-content:space-between;max-width:590px;margin:0 auto 12px;padding:10px 14px;border-radius:12px;background:#fff6df;color:#805215}.score-row span{font-size:24px;letter-spacing:.08em;color:#e7aa24}.story-card{max-width:590px;margin:0 auto 18px;padding:22px;border:3px solid #c9dde1;border-radius:18px;background:#fff}.story-card small{color:var(--blue);font-weight:1000;letter-spacing:.12em}.story-card h3{margin:9px 0;font-size:24px;line-height:1.35;color:var(--navy)}.story-card p{display:inline-block;margin:2px 0 0;padding:7px 12px;border-radius:9px;background:#fff6df;color:#805215;font-weight:1000}.challenge-card{border-color:#d7b35b;background:#fffaf0}.challenge-score{background:#eef1ff;color:#4a5aa8}.challenge-mission{border-color:#d7b35b}.master-stage{text-align:center}.master-certificate{position:relative;max-width:520px;margin:12px auto;padding:28px 24px;border:5px double #d19a24;border-radius:18px;background:linear-gradient(135deg,#fff9dd,#fff2b8);box-shadow:0 12px 30px #80521522;color:#684c27}.master-certificate small{font-weight:1000;letter-spacing:.15em}.master-certificate h2{margin:12px 0;font-size:34px;line-height:1.12;color:#294f71}.master-certificate p{margin:6px 0 14px;font-weight:900}.master-certificate>b{display:inline-block;padding:8px 18px;border-radius:9px;background:#294f71;color:#fff;font-size:22px;letter-spacing:.18em}.master-seal{position:absolute;right:18px;top:18px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#c84b38;color:#fff;font-size:26px;font-weight:1000;transform:rotate(8deg)}.ratio-bar{height:110px;display:grid;grid-template-columns:repeat(10,1fr);border:3px solid var(--navy);border-radius:15px;overflow:hidden;background:#fff}.ratio-bar i{border-right:1px solid #bfd1d7}.ratio-bar i.on{background:var(--coral)}.ratio-caption{display:flex;justify-content:space-between;margin:8px 2px 22px;color:var(--navy);font-weight:900}.percent-input{display:flex;align-items:center;gap:8px}.percent-input input{width:110px;padding:12px;border:3px solid var(--blue);border-radius:12px;text-align:center;font-size:28px;font-weight:1000}.percent-input b{font-size:28px}.master-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px auto}.master-checks span{padding:8px 12px;border-radius:999px;background:#e9f8ef;color:#287252;font-weight:900}@media(max-width:700px){.chapter-nav{grid-template-columns:repeat(2,1fr)}.whole-strip,.ratio-bar{height:78px}.story-card{padding:17px}.story-card h3{font-size:20px}.master-certificate h2{font-size:27px}.master-seal{position:static;margin:0 auto 10px}}
.equation-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px;margin:8px auto 20px}.equation-choices button{min-height:64px;padding:10px;border:3px solid #c9dde1;border-radius:14px;background:#fff;color:var(--navy);font-size:18px;font-weight:1000}.equation-choices button.selected{border-color:var(--blue);background:#e9f5f8;box-shadow:0 4px 0 #82b5c2}.step-label{display:block;max-width:760px;margin:12px auto 6px;color:var(--navy);font-weight:1000}.hundred-grid{width:min(360px,90%);aspect-ratio:1;display:grid;grid-template-columns:repeat(10,1fr);margin:0 auto 22px;border:3px solid var(--navy);border-radius:12px;overflow:hidden}.hundred-grid i{border-right:1px solid #d8e3e6;border-bottom:1px solid #d8e3e6;background:#fff}.hundred-grid i.on{background:var(--coral)}.shared-number-line,.shared-fraction-bar,.shared-collection{max-width:620px;margin:12px auto}.component-placeholder{padding:20px;border:2px dashed var(--line);border-radius:14px;text-align:center}@media(max-width:700px){.equation-choices{grid-template-columns:1fr}.equation-choices button{min-height:52px;font-size:16px}}
.percent-clear-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:760px;margin:22px auto 0}.percent-clear-actions:has(>button:only-child){grid-template-columns:minmax(240px,420px);justify-content:center}.percent-clear-actions .nextstep{min-height:62px;background:#4f9b74;color:#fff;font-size:18px;font-weight:1000}.percent-clear-actions .secondary{background:#fff;color:#294f71;border:3px solid #b8d8df;box-shadow:none}@media(max-width:700px){.percent-clear-actions{grid-template-columns:1fr}.stage:has(.percent-clear-actions){padding:14px 9px}.stage:has(.percent-clear-actions) .stage-clear-hero{width:100%;min-width:0;grid-template-columns:1fr;gap:8px;padding:14px 10px}.stage:has(.percent-clear-actions) .stage-clear-characters img{max-height:145px}.stage:has(.percent-clear-actions) .stage-clear-copy h2{font-size:32px}.stage:has(.percent-clear-actions) .stage-clear-copy h3{font-size:20px}.stage:has(.percent-clear-actions) .stage-clear-copy p{font-size:16px}}