.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 7px}
.card-meta .card-category{margin:0}
.card-multi{border:1px solid #8cfdc580;border-radius:999px;padding:4px 7px;color:#baffdf;font-size:.72rem;font-weight:900;letter-spacing:.05em;white-space:nowrap}
.mode-picker{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:-2px 0 21px;padding:5px;border:1px solid #ffffff27;border-radius:15px;background:#10172b}
.mode-picker button{border:0;border-radius:10px;background:transparent;color:#d6d5e6;padding:10px 16px;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer}
.mode-picker button[aria-pressed="true"]{background:#8cfdc5;color:#101829}
.mode-picker button:hover:not([aria-pressed="true"]){background:#ffffff19}
.mode-picker[hidden],#choices[hidden],#handoff[hidden],#nextRound[hidden]{display:none!important}
.pong-controls{display:grid;gap:10px;width:min(100%,480px)}
.pong-controls>div{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:8px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff0a}
.pong-controls span{min-width:190px;color:#eee;font-size:.88rem;font-weight:750}
.pong-controls button{width:52px;height:43px;border:1px solid #ffffff34;border-radius:10px;background:#304363;color:#fff;font-size:1.2rem;font-weight:900;touch-action:none;cursor:pointer}
.pong-controls button:active{background:#8cfdc5;color:#111227}
@media(max-width:500px){.card-multi{font-size:.67rem}.mode-picker button{padding:9px 11px}.pong-controls span{min-width:100%;text-align:center}}