.group-layout{max-width:1120px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.group-panel{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fffef9}.group-panel h2{font:500 30px Georgia,serif;margin:0 0 14px}.group-panel svg{width:100%;height:auto;max-width:250px;display:block;margin:auto}.group-panel button{width:100%;margin-top:12px}.group-question{font:500 24px/1.3 Georgia,serif;min-height:120px}.group-panel .number{font-size:14px;font-weight:700;letter-spacing:.1em}.controller-rounds{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.controller-rounds button[aria-pressed=true]{background:var(--lime);color:var(--ink)}.receiver-box{border:1px solid var(--line);padding:20px;border-radius:16px;margin:20px 0}.receiver-box button{margin:8px 8px 0 0}.download-list{display:flex;flex-wrap:wrap;gap:20px;padding:0;list-style:none}.group-tag{font-weight:750;letter-spacing:.04em}.group-view .card{margin-bottom:12px}.group-view .viewer-note{font-size:14px;text-align:center;margin:0 0 12px}.group-view .viewer-note a{margin-left:10px}.setup-steps li{margin:14px 0}.status:empty{display:none}@media(max-width:760px){.group-grid{grid-template-columns:1fr}.group-question{min-height:0}.group-layout{padding:20px}.group-panel svg{max-width:220px}}

.token-status{font-weight:700;color:var(--muted,#617168)}.token-status.connected{color:#17613c}.volunteer-controls{border-top:1px solid #d7ddce;margin-top:1rem;padding-top:1rem}.volunteer-controls input{width:100%;min-width:0;font-size:.85rem}.volunteer-controls label{font-size:.85rem}.volunteer-view .card{min-height:55vh}.volunteer-view .draw-area{margin-top:1rem}

.volunteer-view #draw{width:100%;min-height:56px;font-size:1.15rem}

.volunteer-qr{background:#fff;margin:12px 0}.group-panel .volunteer-qr svg{width:100%;max-width:320px;height:auto}

/* A visible draw acknowledgement, including for people who reduce motion. */
.new-card-notice{display:none;position:absolute;top:-13px;left:50%;transform:translateX(-50%);z-index:2;background:var(--ink);color:var(--paper);border:2px solid var(--paper);border-radius:999px;padding:4px 15px;font:750 12px/1.4 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.card-drawn .new-card-notice{display:block}
@media(prefers-reduced-motion:no-preference){
 .player .card.card-drawn{transform-origin:100% 100%;animation:deal-card .95s cubic-bezier(.16,.8,.24,1) both}
 @keyframes deal-card{
  0%{transform:perspective(1200px) rotateZ(72deg) rotateY(-65deg) scale(.12);opacity:0}
  18%{opacity:1}
  58%{transform:perspective(1200px) rotateZ(-7deg) rotateY(12deg) scale(.94);opacity:1}
  80%{transform:perspective(1200px) rotateZ(2deg) rotateY(-3deg) scale(1.015);opacity:1}
  100%{transform:perspective(1200px) rotateZ(0) rotateY(0) scale(1);opacity:1}
 }
}
@media(prefers-reduced-motion:reduce){.player .card.card-drawn{animation:none;outline:3px solid var(--lime);outline-offset:3px}}
