.game-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
.trivia-choice{background:var(--yellow)}
.trivia-demo{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;min-height:160px}
.trivia-demo span{background:var(--paper);border:var(--border);border-radius:7px;box-shadow:3px 3px 0 var(--ink);padding:18px 10px;font-size:1.5rem;font-weight:700;transform:rotate(-4deg)}
.trivia-demo span:nth-child(2){transform:rotate(3deg);background:var(--lime)}
.trivia-demo span:nth-child(3){transform:rotate(-2deg);background:var(--purple)}
.trivia-notice:empty{display:none}
.trivia-setup{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.trivia-setup h2{font-size:1.35rem;margin-bottom:22px}
.trivia-setup fieldset{border:0;margin:0 0 28px;padding:0;min-width:0}
.trivia-setup legend{font-weight:600;margin-bottom:12px;padding:0}
.trivia-language>div{display:flex;gap:12px}
.trivia-language label{display:flex;align-items:center;gap:10px;min-height:50px;border:var(--border);border-radius:7px;padding:12px 18px;background:white;cursor:pointer;flex:1}
.trivia-language label:has(:checked){background:var(--lime);box-shadow:var(--shadow)}
.trivia-setup input[type=radio],.trivia-setup input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:var(--ink);margin:0}
.trivia-categories small{font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}
.trivia-categories label{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}
.trivia-categories label>span{flex:1}
.trivia-board-size{font-weight:600;margin-top:24px}
.trivia-board-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}
.trivia-board-head>div{min-width:0}
.trivia-board-head h1{font-size:clamp(2.2rem,4vw,3rem);overflow-wrap:anywhere}
.trivia-board-head p{margin-bottom:0}
.trivia-match-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.trivia-scorebar{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;padding:0;margin:0 0 30px}
.trivia-score{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:17px;border:var(--border);border-radius:8px;background:white;position:relative}
.trivia-score[aria-current=true]{box-shadow:var(--shadow)}
.trivia-score.team-color-0[aria-current=true]{background:var(--lime)}
.trivia-score.team-color-1[aria-current=true]{background:var(--purple)}
.trivia-score.team-color-2[aria-current=true]{background:var(--blue)}
.trivia-team-label{font-weight:600;overflow-wrap:anywhere;unicode-bidi:plaintext;align-self:center}
.trivia-score strong{font-size:1.7rem;font-variant-numeric:tabular-nums;align-self:center}
.trivia-picking{grid-column:1/-1;font-size:.875rem}
.trivia-board{border:var(--border);border-radius:10px;overflow:hidden;background:white;box-shadow:var(--shadow)}
.trivia-board-row{display:grid;grid-template-columns:minmax(145px,1.15fr) repeat(3,minmax(0,1fr));gap:18px;padding:22px;align-items:center;border-bottom:var(--border)}
.trivia-board-row:last-child{border-bottom:0}
.trivia-board-row h2{display:flex;align-items:center;gap:10px;font-size:1rem;line-height:1.35;letter-spacing:normal;margin:0;overflow-wrap:anywhere}
.trivia-tier{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.trivia-value{min-height:60px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:9px 5px;border:var(--border);border-radius:7px;background:var(--purple);font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:3px 3px 0 var(--ink);transition:transform .13s,box-shadow .13s}
.trivia-value:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.trivia-value:active:not(:disabled){transform:translate(3px,3px);box-shadow:none}
.trivia-value:disabled{background:#eeeee5;opacity:1;color:var(--muted);box-shadow:none}
.trivia-value small{font-size:.875rem;font-weight:400}
.trivia-correction{margin:0 0 30px;padding:24px;border:var(--border);border-radius:8px;background:var(--yellow);max-width:660px}
.trivia-correction h2{font-size:1.3rem;letter-spacing:normal}
.trivia-correction>.btn{margin-top:16px}
.trivia-blue{background:var(--blue)}
.trivia-question-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}
.trivia-question-head p{font-weight:600;margin:0;overflow-wrap:anywhere;unicode-bidi:plaintext}
.trivia-question{max-width:820px;margin:0 auto}
.trivia-clock{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 16px;width:fit-content;background:var(--lime);border:var(--border);border-radius:8px;margin:30px 0}
.trivia-clock>span{font-size:.875rem;font-weight:600}
.trivia-clock output{font-size:1.65rem;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;line-height:1.1}
.trivia-question-text{font-size:clamp(1.8rem,3.7vw,2.65rem);line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere;margin-bottom:32px;max-width:35ch;unicode-bidi:plaintext}
.trivia-question-text[lang=en]{font-family:'Space Grotesk',sans-serif}
.trivia-question-text[lang=ar]{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal;line-height:1.6}
.trivia-answer{padding:22px;background:var(--yellow);border:var(--border);border-radius:8px;margin:0 0 30px}
.trivia-answer h2{font-size:1rem;margin-bottom:10px;letter-spacing:normal}
.trivia-answer p{font-size:1.9rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere;unicode-bidi:plaintext;margin:0}
.trivia-award-title{font-size:1.3rem;letter-spacing:normal;margin-bottom:20px}
@media(max-width:900px){.game-shelf{grid-template-columns:minmax(0,1fr)}.trivia-demo{min-height:140px}.trivia-board-row{gap:12px;padding:18px;grid-template-columns:minmax(125px,1fr) repeat(3,minmax(0,1fr))}.trivia-tier{gap:7px}.trivia-value{font-size:1.1rem}}
@media(max-width:620px){.trivia-setup{grid-template-columns:minmax(0,1fr);gap:18px}.trivia-board-head{flex-direction:column;gap:18px}.trivia-match-actions{flex-direction:row;flex-wrap:wrap}.trivia-match-actions .btn{flex:1;white-space:normal}.trivia-scorebar{gap:8px;margin-bottom:24px}.trivia-score{padding:11px;grid-template-columns:minmax(0,1fr);gap:6px}.trivia-score strong{font-size:1.45rem;overflow-wrap:anywhere}.trivia-team-label{font-size:.95rem}.trivia-picking{font-size:.875rem}.trivia-board-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 15px}.trivia-board-row h2{grid-column:1/-1;font-size:1rem}.trivia-tier{grid-template-columns:minmax(0,1fr);gap:10px}.trivia-value{font-size:1.25rem;min-height:54px}.trivia-question-text{font-size:1.8rem;margin-bottom:26px}.trivia-clock{margin:26px 0;gap:10px}.trivia-question-head .round-chip{white-space:normal}.trivia-question-head p{font-size:.95rem}.trivia-question .award-options .btn{flex-wrap:wrap;gap:8px;white-space:normal}.trivia-question .award-options .point-label{white-space:normal}.trivia-language label{padding:12px}.trivia-board-head h1{font-size:2.2rem}.trivia-answer{padding:18px}.trivia-answer p{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.trivia-value{transition:none}.trivia-value:hover:not(:disabled),.trivia-value:active:not(:disabled){transform:none}}