.rivals50{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:16px 0}.rivals50>button{margin:0;min-width:0;text-align:center;padding:20px;cursor:pointer}.rivals50 .ai-portrait{width:100%;height:auto;aspect-ratio:1}.rivals50 .ai-portrait svg{width:100%;height:100%}.rivals50 h2{font-size:clamp(19px,2vw,28px)}.rivals50 p{overflow-wrap:anywhere}.rivals50 .chosen{outline:2px solid #b99049;outline-offset:0}.rivals50>button:focus-visible{outline:3px solid #65509e;outline-offset:3px}.room-ai50{margin:20px 0}.room-ai50 .rivals50{gap:10px}.room-ai50 .rivals50>button{padding:12px}.room-ai50 h2{font-size:19px}.room-ai50 p{font-size:14px}.room-human49.stick-sprite20{aspect-ratio:1;height:auto;background-position:0 0;background-size:400% 400%;margin:0}.assignment-recipients50{padding:12px 16px;background:#f4f1fa;border:1px solid var(--line);border-radius:12px}.assignment-group50{color:#65509e;font-weight:600}.jd-person24:not(.jd-correct24) .jd-avatar24,.jd-person24:not(.jd-correct24) .jd-ai-avatar24{animation:none}.focus-learning .jd-avatar24,.focus-learning .jd-ai-avatar24{animation:none!important}
@media(max-width:750px){.rivals50{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rivals50>button{padding:14px}.rivals50 p{font-size:14px}.room-ai50 .rivals50{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.jd-avatar24,.jd-ai-avatar24{animation:none!important}}