.quiz-avatar{width:64px;height:72px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.avatar-placeholder{display:inline-grid;place-items:center;width:64px;height:72px;font-size:24px;color:var(--muted,#666)}.avatar-picker{max-width:1080px;margin:auto}.avatar-picker-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}.avatar-selection{align-self:start;position:sticky;top:16px;text-align:center}.avatar-selection .quiz-avatar{width:180px;height:220px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;max-height:58vh;overflow:auto;padding:8px;margin-top:16px}.avatar-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #d8d2e4;min-height:145px;background:var(--panel,#fff);color:inherit}.avatar-grid button[aria-pressed=true]{border-color:#7044c5;background:#eee7ff;color:#251b3e}.avatar-grid button:focus-visible,.avatar-picker select:focus-visible{outline:3px solid #ac4bbe;outline-offset:3px}.selected-mark{font-size:11px;min-height:16px}.dark-sprites #avatar-preview,.dark-sprites .avatar-grid button{background:#272139;color:#fff}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.room-scroll{max-height:65vh;overflow:auto;border:1px solid #d5cee1;border-radius:20px;background:var(--panel,#faf8ff)}.room-waiting,.room-exam,.room-entrance{padding:20px}.room-waiting{background:#eee7fa;border-bottom:2px dashed #c1afd8;color:#29203b}.room-people,.room-desks{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px}.room-person{display:flex;align-items:center;flex-direction:column;text-align:center;gap:3px;font-size:12px;min-width:0}.room-person strong{overflow-wrap:anywhere}.room-person small{color:inherit;opacity:.7}.room-desk{border-bottom:8px solid #bfa8d6;background:#f2eaf9;border-radius:8px;padding:8px;min-height:150px;color:#29203b;display:grid;place-items:center}.empty-desk{font-size:12px;color:#675276}.room-board{padding:16px;text-align:center;background:#302542;color:white;margin:16px;border:6px solid #c9b4a0;border-radius:8px}.room-board h3{color:white}.room-entrance{border-top:1px dashed #c1afd8}.ranking-list{list-style:none;padding:0;max-height:450px;overflow:auto}.ranking-list li{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ddd;padding:8px}.ranking-list li>span{flex:1;overflow-wrap:anywhere}.ranking-list .quiz-avatar{width:40px;height:48px}.rank-number{min-width:36px}.final-ranking{margin-top:20px}.student-avatar-banner{display:flex;align-items:center;gap:12px}.final-ranking .stats span{font-size:12px}.room-desks .room-person{position:relative;z-index:1}@media(max-width:620px){.avatar-picker-layout{grid-template-columns:1fr}.avatar-selection{position:static}.avatar-selection .quiz-avatar{width:100px;height:110px}.avatar-grid{max-height:40vh;grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-grid button{padding:5px}.room-toolbar{display:block}.room-people,.room-desks{grid-template-columns:repeat(2,minmax(0,1fr))}.room-scroll{max-height:62vh}.ranking-list li{gap:8px}}@media(prefers-reduced-motion:reduce){.room-person{animation:none!important;transition:none!important}}

#avatar-error:empty{display:none}
.final-ranking .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0}.final-ranking .stats>div{background:var(--wash,#f4f0fa);border:1px solid var(--line,#ddd);border-radius:12px;padding:18px}.final-ranking .stats strong{font-variant-numeric:tabular-nums;font-size:30px}.room-board .eyebrow{color:#ded0ed}@media(max-width:620px){.final-ranking .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.final-ranking .stats>div{padding:12px}.final-ranking .stats strong{font-size:26px}}
@media(max-width:360px){.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}