.qw-summary{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:18px;background:color-mix(in srgb,#9870ec 10%,transparent)}
.qw-summary b{font-size:1.15rem}.qw-note{font-size:.9rem;line-height:1.5;opacity:.78}.qw-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qw-role{margin:16px 0;padding:12px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:14px}.qw-role label{display:flex;align-items:center;gap:10px;padding:10px 0}.qw-role input{width:18px;height:18px;accent-color:#a887ee;flex-shrink:0}.qw-pending>div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}.qw-pending span{grid-column:1/-1}.qw-offer{padding:18px;border-radius:18px;background:color-mix(in srgb,#9870ec 12%,transparent)}.qw-offer strong{font-size:1.25rem}.qw-offer button{width:100%}.qw-refresh{font-size:.9rem;opacity:.8}.qw-modes button,.qw-pending button{min-height:44px;white-space:normal}.qw-role legend{padding:0 6px;font-weight:650}.qw-offer p{line-height:1.5}[data-error]{line-height:1.45}
@media(max-width:420px){.qw-modes{grid-template-columns:1fr}.qw-pending>div{grid-template-columns:1fr}.qw-summary{padding:12px}.qw-role{padding:10px}}
/* Existing authored banks can contain five or six answers. Keep tap targets usable. */
@media(max-width:760px){
 .qp-playing .qp-options:has(.qp-option:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}
 .qp-playing .qp-options:has(.qp-option:nth-child(5)) .qp-option{padding:6px;gap:6px;min-width:0}
 .qp-playing .qp-options:has(.qp-option:nth-child(5)) .qp-option b{font-size:13px;line-height:16px;min-width:0}
 .qp-playing .qp-options:has(.qp-option:nth-child(5)) .qp-option>span{width:24px;min-width:24px;height:24px}
}
@media(min-width:761px){
 .qp-playing .qp-options{grid-template-rows:repeat(2,76px)}
 .qp-playing .qp-options:has(.qp-option:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
 .qp-playing .qp-options:has(.qp-option:nth-child(7)){grid-template-columns:repeat(4,minmax(0,1fr))}
 .qp-playing .qp-options:has(.qp-option:nth-child(5)) .qp-option{padding:10px;gap:8px;min-width:0}
 .qp-playing .qp-options:has(.qp-option:nth-child(5)) .qp-option b{min-width:0;line-height:20px}
}
@media(min-width:761px) and (max-height:820px){.qp-playing .qp-options{grid-template-rows:repeat(2,60px)}}
html:has(#quiz-player .qp-playing),body:has(#quiz-player .qp-playing){overflow-anchor:none}
@media(max-width:760px) and (min-height:481px){
 #quiz-player .qp-playing .qp-stage{grid-template-rows:44px 24px 4px minmax(0,1fr) 252px 40px 38px}
 #quiz-player .qp-playing .qp-option{padding:4px 8px;gap:8px}
 #quiz-player .qp-playing .qp-option b{font-size:13px;line-height:16px}
}
@media(max-width:760px) and (min-height:481px) and (max-height:700px){
 #quiz-player .qp-playing .qp-stage{grid-template-rows:38px 20px 4px minmax(0,1fr) 252px 34px 34px}
}