#school-dialog,#profile-dialog{width:min(1050px,94vw);max-height:91vh;padding:0;border:1px solid #bacfc5;border-radius:22px;background:#f6f5ec;color:#294743;box-shadow:0 24px 100px #172e4166}#school-dialog::backdrop,#profile-dialog::backdrop{background:#21374799;backdrop-filter:blur(5px)}.school-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 26px;background:#294b49;color:#fff4d7}.school-header h2{margin:0;font-size:20px}.school-header button{background:#ffffff16;color:#fff4d7;border:1px solid #ffffff33;border-radius:10px;padding:10px;font:inherit}#school-body,#profile-body{padding:28px 32px}#school-body h2,#profile-body h2{font-size:clamp(25px,3vw,36px);line-height:1.3}#school-body p,#profile-body p{line-height:1.7}.school-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#568178}.school-welcome{border-left:5px solid var(--subject,#568178);padding:8px 24px;background:#e8eee6;border-radius:0 16px 16px 0}.school-welcome h2{margin:12px 0}.school-subjects{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.school-subjects button{border:1px solid #c9d5c9;border-radius:10px;padding:10px 13px;color:#365951;background:#fffdf5;font:inherit}.school-subjects [aria-pressed=true]{background:#365951;color:#fff6da}.school-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.school-modes button{padding:25px 18px;text-align:left;background:#fffdf4;border:1px solid #cad6c9;border-top:5px solid var(--subject);border-radius:14px;color:#294743;font:inherit}.school-modes b{display:block;font-size:19px;margin-bottom:14px}.school-modes span{font-size:14px;line-height:1.6}.school-modes button:hover,.school-answers button:hover{background:#e5eee5}.school-primary,.school-secondary,.school-audio{font:inherit;border-radius:11px;padding:12px 18px;cursor:pointer;margin:7px 8px 7px 0}.school-primary{background:#29685a;border:1px solid #29685a;color:#fff8e5;font-weight:800}.school-secondary,.school-audio{background:#e4ece1;border:1px solid #bdcdbb;color:#35594e}.school-records{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0;padding:15px 18px;background:#2d3d50;border-radius:12px;font-weight:800;font-size:14px}#school-level{padding:10px 16px;margin-left:14px;background:white;border:1px solid #bacbbd;border-radius:10px;color:#294743;font:inherit}.school-vocab{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.school-vocab span{padding:12px;background:#e3ece1;border-radius:10px}.school-vocab b,.school-vocab small{display:block}.school-vocab small{margin-top:5px;color:#5d746c}.school-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.school-notes article{display:flex;gap:14px;align-items:center;padding:16px;background:#fffdf4;border:1px solid #d4dccd;border-radius:12px}.school-notes article>span{font-weight:800;color:#8ba897}.school-notes p{margin:0;flex:1}.school-notes button{border:0;background:#e6eee1;border-radius:50%;padding:8px}.school-test-head{display:flex;justify-content:space-between;padding:14px 18px;background:#293e4b;color:#fff3d2;border-radius:12px}.school-answers{display:grid;gap:12px;margin:22px 0}.school-answers button{padding:20px;text-align:left;background:#fffdf4;border:2px solid #c6d6c9;border-radius:12px;font:inherit;color:#2b4b43}.school-answers button:focus-visible{outline:3px solid #c3963f}.school-answers button:disabled{opacity:.65}.school-result{display:block;font-size:30px}.school-review{display:grid;gap:12px}.school-review article{padding:18px;background:#fffef8;border-left:5px solid #7da785;border-radius:8px}.school-review .review{border-left-color:#d5a15b}.school-review p{margin:6px 0}.school-report{padding:12px 16px;border-radius:10px;background:#e5ecdf}.school-local{font-size:12px;color:#6c7d72}#school-body .arcade-result-stars{background:#293e4b;border-radius:12px;padding:8px 18px;display:inline-block}#profile-body progress,#school-body progress{width:100%;height:10px;accent-color:#508e78;margin-top:20px}.profile-number{display:block;font-size:38px}.profile-number small{font-size:18px;color:#829489}#character-profile{display:flex;flex-direction:column;text-align:left;gap:3px;background:#edf3e7;border:1px solid #d3dfcb;border-radius:12px;padding:8px 12px;color:#325e4c;cursor:pointer}#character-profile small{font-size:10px}#classroom-label{font-size:11px;font-weight:700;margin-top:12px}#classroom{width:100%;margin-top:5px;border:1px solid #c7d5c7;border-radius:8px;padding:8px;background:#fffdf2;color:#315d4d}@media(max-width:650px){#school-body,#profile-body{padding:18px}.school-header{padding:14px 18px}.school-header h2{font-size:16px}.school-modes,.school-notes{grid-template-columns:1fr}.school-modes{gap:10px}.school-modes button{padding:16px}.school-modes b{margin-bottom:6px}.school-vocab{grid-template-columns:repeat(2,1fr)}.school-records{gap:9px;font-size:12px}.school-subjects{gap:5px}.school-subjects button{padding:8px;font-size:12px}#school-level{margin:8px 0;max-width:100%}#character-profile{padding:6px;font-size:11px}.school-welcome{padding:8px 14px}}
#school-dialog{max-width:94vw}.school-welcome h2{font-size:27px;margin:8px 0}.school-welcome p{margin:8px 0;font-size:15px}.school-welcome .school-audio{padding:8px 12px}.school-subjects{margin:16px 0}.school-welcome{padding:8px 18px}