.play-main{max-width:1050px;margin:24px auto;padding:0 20px}.play-main h1{font-size:42px;margin:10px 0 22px}.play-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.play-card{padding:24px;border:1px solid #d7d7d2;border-top:4px solid #bd121b;border-radius:10px;margin-bottom:22px;background:#fff}.play-card h2{margin:0 0 12px}.play-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.play-card button,.play-link{display:inline-block;background:#bd121b;color:white;border:0;border-radius:7px;padding:12px 18px;font:inherit;cursor:pointer;min-height:44px}.play-card button:disabled{opacity:.55;cursor:wait}.play-card select{display:block;font:inherit;padding:10px;max-width:100%;margin-top:8px}.play-card fieldset{border:0;padding:12px 0;margin:0}.play-card legend{font-size:21px;font-weight:700;line-height:1.4}.trivia-option{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #ddd;border-radius:7px;margin:10px 0;cursor:pointer}.trivia-option:has(input:checked){background:#fae8e9;border-color:#bd121b}.play-card input[type=radio]{width:20px;height:20px;flex-shrink:0}.trivia-invite{font-size:14px;margin:0 0 16px}.quiz-score{font-size:44px;color:#bd121b;font-weight:800}.play-card progress{width:100%;accent-color:#bd121b}.play-card details{padding:12px 0;border-bottom:1px solid #ddd}.play-card summary{cursor:pointer;font-weight:600}.play-card a{text-decoration:underline}.play-card .play-link{color:#fff}.play-card button:focus-visible,.play-card a:focus-visible{outline:3px solid #333;outline-offset:3px}@media(max-width:650px){.play-grid{grid-template-columns:1fr}.play-card{padding:18px}.play-main h1{font-size:34px}}