/* Separate authenticated member integration, never a mock leaderboard. */
#accountTitle,.member-rooms h2,#recordsTitle{font-size:21px;margin:0 0 10px}
#privateSections{margin:17px 0;display:grid;gap:16px}
#privateSections[hidden],#memberHost[hidden],#memberHostRoom[hidden],#memberJoinProblem[hidden],#memberPractice[hidden]{display:none!important}
.records-list{margin:12px 0;display:grid;gap:9px}
.records-list article{background:#214d42;border:1px solid #598c79;border-radius:8px;padding:11px 13px}
.records-list small{color:#d1e6d7}
#memberHostCode{font-size:27px}
#memberIdentity{overflow-wrap:anywhere}
.member-rooms>.panel{align-self:start}
@media(max-width:520px){#accountTitle,.member-rooms h2,#recordsTitle{font-size:18px}.member-rooms .field-two{grid-template-columns:1fr}.member-rooms .bonus-select{grid-template-columns:repeat(3,minmax(0,1fr))}.member-rooms .actions button{max-width:100%}}
#memberLogin[hidden],#memberLogout[hidden],#memberIdentity[hidden],#memberPractice[hidden]{display:none!important}
/* Teacher-only class roster, responsive and clearly unverified. */
#memberHostResults[hidden]{display:none!important}
.host-results{margin-top:16px;padding:15px;border:1px solid #598c79;border-radius:10px;background:#193f38}
.host-results h3{margin:0 0 8px}
.host-results-table{overflow-x:auto;max-width:100%;margin:10px 0}
.classroom-grade-table{border-collapse:collapse;width:100%;min-width:690px;font-size:13px}
.classroom-grade-table th,.classroom-grade-table td{padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid #426b5c}
.classroom-grade-table thead th{white-space:nowrap;color:#f5df9e}
.classroom-grade-table tbody th{white-space:nowrap}
.classroom-grade-table details{max-width:250px}
.classroom-grade-table details ul{margin:7px 0 3px;padding-left:18px;min-width:220px}
.classroom-grade-table details li{margin-bottom:5px}
#memberRoomsList button{margin-top:7px}
@media(max-width:520px){.host-results{padding:10px}.classroom-grade-table{font-size:12px}}