@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#172f36;background:#f4f6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:20px;padding:20px 5vw;border-bottom:1px solid #d6e0d9;background:white;font-size:14px}header img{width:135px;max-height:64px;object-fit:contain}small{display:block;font-size:11px;letter-spacing:2px;margin-top:7px;color:#53716d}.teacher{margin-left:auto;color:#53716d}main{max-width:1080px;margin:45px auto;padding:0 24px}h1,h2{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-1.3px}h1{font-size:clamp(34px,5vw,62px);line-height:1.08;max-width:800px;margin:18px 0}h2{font-size:clamp(25px,3vw,36px);line-height:1.3;margin:20px 0}p{line-height:1.65}.tag{color:#16695c;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.intro{max-width:650px;color:#53716d;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.card,.panel{background:white;border:1px solid #d9e1d9;border-radius:20px;padding:28px}.card{cursor:pointer;text-align:left;color:inherit;font:inherit;transition:transform .15s}.card:hover{transform:translateY(-4px);border-color:#208577}.card strong{font-size:26px;display:block;margin:15px 0}.card span{line-height:1.6;color:#53716d}.badge{background:#e7f3ed;border-radius:30px;padding:8px 13px;display:inline-block;font-size:13px}.primary{border:0;background:#126858;color:white;padding:16px 25px;border-radius:12px;font:700 16px 'DM Sans',Arial;cursor:pointer}.secondary{border:1px solid #bbcfc7;background:transparent;color:#265c51;padding:12px 20px;border-radius:12px;font:600 15px Arial;cursor:pointer}.students{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.student{border:1px solid #d7e2db;background:white;border-radius:12px;text-align:left;padding:15px;font:500 15px Arial;color:#173f38;cursor:pointer}.student:hover{background:#e7f3ed}.meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#53716d;font-size:14px}.progress{height:8px;background:#dfe7dd;border-radius:10px;margin:20px 0 30px;overflow:hidden}.progress div{height:100%;background:#16816b;transition:width .25s}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.answer{display:flex;gap:14px;align-items:center;border:2px solid #dce5dd;border-radius:14px;background:white;color:#183d36;padding:20px;text-align:left;font:500 19px 'DM Sans',Arial;cursor:pointer;min-height:82px}.answer b{flex-shrink:0;border-radius:8px;background:#edf3ea;padding:8px 12px;font-size:14px}.answer:hover:not(:disabled){border-color:#198771;background:#f1faf5}.answer:disabled{cursor:default;opacity:.65}.answer.correct{border-color:#148766;background:#e8f8ed;opacity:1}.answer.wrong{border-color:#c4643c;background:#fff0e6;opacity:1}.feedback{padding:25px;margin-top:20px;border-radius:14px;background:#e8f5ed;border-left:5px solid #16816b}.feedback.error{background:#fff0e4;border-color:#c4643c}.feedback h3{font-size:21px;margin:0 0 10px}.feedback p{font-size:18px}.feedback button{margin-top:10px}.figure svg{display:block;margin:20px auto;max-width:380px;max-height:240px;fill:#b9e4cf;stroke:#126858;stroke-width:3}.figure .axis{stroke:#476c64;stroke-width:2;fill:none}.figure .labels{stroke:none;fill:#173f38;font:14px Arial}.rules{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.tip{font-size:14px;color:#53716d}footer{text-align:center;color:#70877d;padding:35px;font-size:12px;letter-spacing:3px}.back{margin-bottom:24px}button:focus-visible{outline:3px solid #e5a83b;outline-offset:4px}@media(max-width:700px){header{padding:15px;gap:10px}header img{width:90px}.teacher{display:none}main{margin-top:25px;padding:0 16px}.cards,.students{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.panel,.card{padding:20px}.meta{flex-wrap:wrap}.answer{font-size:18px}}

#player-name{display:block;width:100%;max-width:520px;padding:16px;margin:12px 0 20px;border:2px solid #bbcfc7;border-radius:12px;font:20px Arial;color:#173f38}label{font-weight:700}

.sound-toggle{margin-left:12px;white-space:nowrap;font-size:13px;padding:10px}header{flex-wrap:wrap}@media(max-width:700px){.sound-toggle{margin-left:auto}}

.lesson-list{display:grid;gap:12px}.lesson-list .card strong{font-size:23px;margin:0 0 10px}.learning{margin:22px 0;padding:18px;background:#f2f7f0;border-radius:12px}.learning summary{cursor:pointer;font-weight:700}.learning li{line-height:1.7;margin:8px 0}.math-table{border-collapse:collapse;margin:20px auto;font-size:20px;max-width:100%}.math-table caption{font-size:14px;color:#53716d;margin-bottom:10px}.math-table th,.math-table td{border:1px solid #94b7a9;padding:12px 18px;text-align:center}.math-table th{background:#e7f3ed}.figure{overflow-x:auto}.figure svg text{font:14px Arial;stroke:none;fill:#173f38;text-anchor:middle}.figure svg .grid{stroke:#dce5dd;stroke-width:1;fill:none}.figure svg .hidden{stroke-dasharray:5 4;fill:none}.figure svg path{fill:none}math{font-size:1.15em;vertical-align:middle;margin:0 .12em}.answers span{overflow-wrap:anywhere}

@media(max-width:700px){header .teacher{display:block;width:100%;margin:0;font-size:13px}}