.classroom-card{max-width:620px;text-align:center}.classroom-card h2{margin:6px 0 12px}.classroom-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.classroom-head img{width:48px}.class-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.class-tabs button{padding:12px;border:2px solid #d8e6da;background:#fffdf5;border-radius:18px;font-size:18px;font-weight:800}.class-tabs button[aria-pressed=true]{background:#ffe5a5;border-color:#e4b24d;box-shadow:0 3px #e4b24d}.class-selects{display:grid;grid-template-columns:1fr 2fr;gap:8px}.class-selects label{font-size:12px;text-align:left;color:#667e7e}.class-selects select{display:block;width:100%;min-width:0;font-size:14px;padding:10px 4px;border:2px solid #dae7df;border-radius:12px;background:#fff;color:#37545d}.classroom-card h3{margin:10px 0}.class-chapter{font-size:12px;color:#718581}.class-steps{display:flex;gap:6px;margin:12px 0}.class-steps span{flex:1;font-size:13px;padding:9px 2px;background:#f0eee3;border-radius:12px;color:#718581}.class-steps .active{background:#ceeadc;color:#355e51;font-weight:800}.class-progress{display:flex;gap:8px;align-items:center;font-size:13px;margin:10px 0}.class-progress progress{flex:1;min-width:0;accent-color:#79b9a0;height:12px}.classroom-card #classBoard{border:2px solid #e8e3ce;border-radius:23px;padding:14px;background:#fffef8;margin:10px 0}.class-summary{font-size:17px;line-height:1.7;text-align:left;white-space:pre-line}.class-shapes{width:100%;height:100px}.class-picture{font-size:58px}.class-flash{width:100%;min-height:132px;border:2px dashed #96c7be;border-radius:19px;background:#eaf5ef;padding:14px;display:flex;flex-direction:column;gap:12px;align-items:center;color:#34555e}.class-flash small{font-size:12px}.class-flash strong{font-size:21px;line-height:1.5}.class-flash span{font-size:13px;color:#5b837b}.class-card-nav{display:flex;justify-content:space-between;gap:8px;margin:12px 0}.class-card-nav button{background:#f5efd9;border:0;border-radius:12px;padding:10px;font-size:14px}.classroom-card button:disabled{opacity:.5}.classroom-card #classBegin:disabled{opacity:.5}.classroom-card .primary-button,.classroom-card .secondary-button{width:100%;margin-top:8px}.classroom-card #classBoard>small{display:block;margin-top:10px;color:#718581;font-size:12px;line-height:1.5}.class-quiz-count{font-size:13px;color:#738983}.class-question{font-size:21px;line-height:1.6;white-space:normal}.class-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.class-answers button{font-size:18px;line-height:1.5;word-break:break-word;padding:14px 8px;border:2px solid #bad7e1;border-radius:17px;background:#e9f4f8;color:#365967;box-shadow:0 3px #bad7e1;min-height:66px}.class-answers .wrong{border-color:#e9b4ac;background:#fbece7}.class-answers .correct{border-color:#88bca4;background:#dff1e3;opacity:1}.class-stars{display:flex;justify-content:center;gap:8px;padding:30px 0 12px}.class-stars img{width:62px}.class-complete{font-size:23px;font-weight:800;color:#456f59}#classMessage{font-size:17px;min-height:24px;color:#48695a}.class-practice{display:flex;gap:8px;margin:12px 0}.class-practice button{flex:1;border:2px solid #ead59e;border-radius:13px;background:#fff1c6;padding:12px 4px;font-weight:800;color:#635945}.class-source{font-size:11px;color:#7f8980;line-height:1.7;margin-top:16px}.class-source a{color:#567f79}.class-blocks{display:flex;gap:10px;align-items:center;justify-content:center}.class-blocks div{display:grid;grid-template-columns:repeat(5,20px);gap:4px}.class-blocks i{width:20px;height:20px;background:#ecc16d;border-radius:4px;font-style:normal;color:#a76961}.class-blocks i.taken{background:#eadbd0}.class-equation{display:block;font-size:21px;margin:14px 0}.class-ten{display:flex;gap:12px;justify-content:center;font-size:40px;color:#75b2a7}.class-ten small{display:block;font-size:13px}.class-ten b{font-size:24px;color:#d6aa54}.class-money{display:flex;gap:10px;justify-content:center;align-items:center}.class-money span{padding:15px;border:3px solid #a3c5aa;border-radius:14px;background:#e2efdd;font-size:24px}.class-cars{display:flex;justify-content:center;gap:10px}.class-cars img{width:28%}.classroom-entry{background:#eef2ff!important;border-color:#c9cce9!important}.classroom-entry img{width:64px!important}.classroom-card>small{font-size:12px;color:#738983}@media(max-width:360px){.class-answers button{font-size:16px}.class-selects{grid-template-columns:1fr}.class-blocks{gap:5px}.class-blocks div{grid-template-columns:repeat(5,17px)}.class-blocks i{width:17px;height:17px}}