.classroom-space{--class-ink:#29423a;--class-muted:#61756c;color:var(--class-ink)}
.classroom-space h2,.classroom-space h3{margin:0 0 12px}.classroom-space p{line-height:1.6}
.classroom-space .field{min-width:0}
.classroom-space input{display:block;width:100%;min-height:44px;border:1px solid #cddbd0;border-radius:12px;background:#fff;padding:10px 12px;color:#29423a;font:inherit;box-sizing:border-box}
.classroom-space label{display:grid;gap:7px;font-weight:600;min-width:0}.classroom-space [hidden]{display:none!important}
#class-message:empty{display:none}
.class-inline,.class-toolbar,.class-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.class-inline{align-items:end;margin:20px 0}.class-inline label{flex:1;min-width:160px}.class-toolbar{justify-content:space-between;margin:20px 0}.class-actions .button{min-height:40px}
.class-select-label{margin:24px 0}.class-card{border:1px solid #dce6d8;border-radius:22px;padding:24px;margin:18px 0;background:#fff;box-shadow:0 5px 20px #29423a05}.class-card--sun{background:#fff8df;border-color:#efda99}
.class-code{font-size:clamp(32px,6vw,48px);font-weight:800;letter-spacing:.15em;line-height:1.4}.class-hint{color:var(--class-muted);font-size:14px}.class-message{color:#914411;min-height:24px;overflow-wrap:anywhere}
.class-connect-grid{display:grid;grid-template-columns:1fr 140px;gap:20px;align-items:center}.class-qr{width:140px;height:140px;background:white;border-radius:12px;padding:8px}.class-qr svg{width:100%;height:100%}
.class-device-grid,.class-peer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.class-device-grid .class-card,.class-peer-grid .class-card{margin:0;min-width:0}.class-device-grid form{display:grid;gap:12px}.class-device-grid h3{overflow-wrap:anywhere}
.class-device-grid form + .button{margin-top:12px}
.class-student-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e6ece3}.class-student-row form{display:flex;gap:8px;align-items:center;min-width:0}.class-student-row input{min-width:0}.class-student-row .text-button{white-space:nowrap}
.class-badge{display:inline-block;border-radius:30px;background:#edf5e8;color:#406638;padding:5px 12px;font-size:13px}.class-peer-grid h3{overflow-wrap:anywhere}.class-peer-grid .button{margin-top:14px}
.class-dialog{border:0;border-radius:24px;padding:28px;width:min(440px,calc(100% - 32px));max-height:90vh;color:#29423a;box-sizing:border-box}.class-dialog::backdrop{background:#183c3066}.class-dialog form{display:grid;gap:16px}
.class-student-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;padding:16px 20px;background:#edf5e8;border-radius:18px}.class-student-bar p{margin:0}.class-student-bar a{font-weight:700}
.page-games:not(.is-game-room) .class-student-bar{margin-top:24px}
.page-student .ray-topup-section,.page-student [data-open-topup]{display:none!important}
@media(max-width:620px){.class-card{padding:18px}.class-student-row{grid-template-columns:1fr auto}.class-student-row form{grid-column:1/-1}.class-connect-grid{grid-template-columns:1fr}.class-inline>.button{width:100%}.class-actions .button{flex:1}.class-dialog{padding:20px}.class-toolbar{align-items:flex-start}}