/* Keep answer colors distinct from results; preserve the earlier release files. */
.option:not(.correct):not(.host-correct):not(.wrong-selected):not(.incorrect):nth-child(4n+1){background:linear-gradient(155deg,#315da9,#202b58);border-color:#92baff}
.option:not(.correct):not(.host-correct):not(.wrong-selected):not(.incorrect):nth-child(4n+2){background:linear-gradient(155deg,#754298,#382153);border-color:#dba4ff}
.option:not(.correct):not(.host-correct):not(.wrong-selected):not(.incorrect):nth-child(4n+3){background:linear-gradient(155deg,#946025,#493219);border-color:#ffca78}
.option:not(.correct):not(.host-correct):not(.wrong-selected):not(.incorrect):nth-child(4n+4){background:linear-gradient(155deg,#776535,#39301c);border-color:#ffe299}
/* Match the established How the Room Answered result colors. */
.options .option.correct{background:#204c39;border-color:#49df93;color:#fff;box-shadow:inset 5px 0 #49df93,0 0 22px #49df9344}
.options .option.incorrect:not(.correct):not(.host-correct):not(.selected):nth-child(n){background:#562932;border-color:#ff7a87;color:#fff;box-shadow:inset 5px 0 #ff7a87;opacity:1}
.player-shell .options .option.incorrect.wrong-selected:not(.correct):nth-child(n){background:#ed2340;border:3px solid #fff0f2;box-shadow:inset 5px 0 #fff,0 0 24px #ff344d66;color:#fff}
.ready-with-join{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:36px}
.ready-join-panel .join-access.large{display:flex;flex-direction:column;position:static;padding:24px;text-align:center;gap:18px;margin:0}
.ready-join-panel .join-qr{width:clamp(240px,25vw,420px);height:auto;max-width:100%}
.ready-join-panel .join-access-code{font-size:clamp(36px,4vw,64px)}
.ready-join-panel .join-address{font-size:clamp(18px,1.8vw,28px);overflow-wrap:anywhere}
.ready-join-panel .phase{font-size:clamp(22px,2vw,32px)}
.effect-drum{width:clamp(180px,32vw,440px);filter:drop-shadow(0 0 28px #ffce6d);z-index:1}.effect-drum svg{width:100%;overflow:visible}
.drumstick{transform-box:fill-box;transform-origin:center;animation:drumstick-roll .14s ease-in-out infinite alternate}.drumstick.right{animation-delay:-.14s}
@keyframes drumstick-roll{from{transform:rotate(-12deg) translateY(-10px)}to{transform:rotate(10deg) translateY(5px)}}
@media(max-width:760px){.ready-with-join{grid-template-columns:1fr;gap:14px}.ready-join-panel .join-qr{width:240px}}
@media(prefers-reduced-motion:reduce){.drumstick{animation:none}}

.round-start-controls{grid-column:1/-1;padding:15px;border:1px solid #c490ff;border-radius:12px}.round-start-controls summary{cursor:pointer;font-weight:800}.round-start-controls label{margin:14px 0}