.trivia-main{max-width:1050px;margin:auto;padding:55px 25px 80px}.trivia-main h1{font-size:clamp(48px,7vw,82px);line-height:1.05;margin:22px 0}.trivia-main h1 span{color:#00d4eb}.trivia-card{margin:28px 0;background:linear-gradient(135deg,#112e40,#081522);border:1px solid #294153;border-radius:20px;padding:36px}.trivia-card[hidden]{display:none}.trivia-top{display:flex;gap:20px;justify-content:space-between;align-items:center}.trivia-card h2{font-size:clamp(24px,3.5vw,38px);line-height:1.5;margin:30px 0 40px;overflow-wrap:anywhere}.answer-area{padding:25px;background:#12384a;border:1px dashed #477086;border-radius:12px;text-align:center}.trivia-answer{font-family:Georgia,serif;font-size:clamp(24px,4vw,36px);line-height:1.5;padding:15px;transform:rotate(180deg);transition:transform .5s ease;overflow-wrap:anywhere}.trivia-answer.upright{transform:rotate(0)}.trivia-card button{font:inherit;color:white;background:#143346;border:1px solid #477086;border-radius:8px;padding:12px 16px;cursor:pointer}.trivia-card button:focus-visible{outline:3px solid #00d4eb;outline-offset:4px}.trivia-controls{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.trivia-note,#trivia-status{font-size:14px;color:#a5becd;line-height:1.7}.trivia-card a{font-size:13px;color:#00d4eb}@media(max-width:600px){.trivia-main{padding:30px 16px}.trivia-card{padding:22px}.trivia-top{display:block}.trivia-top .label{display:block;margin-top:15px}}@media(prefers-reduced-motion:reduce){.trivia-answer{transition:none}}