[hidden]{display:none!important}.display-page{height:100dvh;overflow:hidden;background:linear-gradient(145deg,#edf6ee,#eaf0f7)}#display-login{height:100%;display:grid;place-items:center;padding:20px}#display-login .panel{max-width:460px;width:100%;padding:32px}#pair-code{font-size:36px;text-align:center;letter-spacing:9px;font-weight:700}#pair-error{color:#b34d3d;min-height:22px}#display-grid{position:fixed;inset:0;width:100%;height:100dvh;padding:10px;display:grid;gap:8px;grid-template-columns:repeat(var(--cols,6),minmax(0,1fr));grid-template-rows:repeat(var(--rows,5),minmax(0,1fr));align-items:center;justify-items:center}.display-student{width:100%;height:100%;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.display-student .character-scene{width:var(--art,120px);max-width:100%;flex-shrink:1;max-height:calc(100% - var(--score,24px) - 6px);border-radius:14px;box-shadow:none}.display-score{font-size:var(--score,24px);line-height:1.1;color:#306f64;font-family:Manrope,system-ui,sans-serif;flex:none}.score-changed .display-score{animation:score-pop .8s ease-out}.score-changed .character-scene{animation:card-glow 1s ease-out}#display-status{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:5;background:#fff6d9ed;color:#866421;border-radius:10px;padding:8px 16px;font-size:12px;max-width:90%;text-align:center}@keyframes score-pop{0%{transform:scale(1)}35%{transform:scale(1.5);color:#d69b24}100%{transform:scale(1)}}@keyframes card-glow{40%{box-shadow:0 0 0 4px #e9c765}}@media(prefers-reduced-motion:reduce){.score-changed *{animation:none!important}}

.display-caption{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-width:0;flex:none;line-height:1.15}.display-name{font-size:var(--name,14px);font-weight:600;color:#315f58;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-caption .display-score{padding:1px 6px;background:#ffffffb3;border-radius:7px}