.trivia-page{padding:30px 0 90px;background:radial-gradient(ellipse at 85% 10%,#5d45132d,transparent 42%),#080808}.back{display:inline-block;color:#b5ab94;text-decoration:none;margin:12px 0 40px}.trivia-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;padding:10px 0 52px}.trivia-intro h1{font-size:clamp(68px,8vw,110px);line-height:1.04;letter-spacing:0;word-spacing:.08em;margin:22px 0 28px}.trivia-intro em,.trivia-board em{color:var(--gold);font-style:italic}.trivia-lead{font-size:18px;line-height:1.7;color:#c1b9a9}.trivia-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.trivia-tags span{border:1px solid #4e4227;padding:9px 12px;font:700 13px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.08em}.trivia-emblem{text-align:center;border:2px solid var(--gold);padding:25px;max-width:340px;margin:auto;transform:rotate(3deg);box-shadow:12px 12px 0 #d8a92812;position:relative}.trivia-emblem span{display:block;font:800 150px/1 'Barlow Condensed';color:var(--gold);letter-spacing:.01em}.trivia-emblem b{display:block;font:800 42px/1.18 'Barlow Condensed';letter-spacing:.045em;word-spacing:.14em;margin:22px 0}.trivia-emblem small{font-size:10px;letter-spacing:.16em;color:#c9b579}.trivia-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.question-panel,.score-card,.rules-card,.trivia-board{border:1px solid #44381e;background:linear-gradient(135deg,#17140e,#0c0c0c);padding:30px}.question-panel{border-top:5px solid var(--gold);min-height:340px}.question-meta{display:flex;justify-content:space-between;gap:15px;text-transform:uppercase;font:800 13px 'Barlow Condensed';letter-spacing:.12em;color:var(--gold);padding-bottom:24px;border-bottom:1px solid #44381e;margin-bottom:25px}#question-title{font:800 clamp(27px,3vw,39px)/1.12 'Barlow Condensed';margin-bottom:25px}#connection{line-height:1.7;color:#c9c2b4}fieldset#answers{border:0;padding:0;margin:0 0 20px;display:grid;gap:12px}.answer-choice{display:flex;gap:14px;align-items:center;border:1px solid #51472f;padding:17px;background:#10100d;cursor:pointer;line-height:1.4}.answer-choice:has(input:checked){border-color:var(--gold);background:#d8a9281a}.answer-choice:has(input:focus-visible){outline:2px solid white;outline-offset:3px}.answer-choice.correct{border-color:#70c799;background:#70c79915}.answer-choice.wrong{border-color:#e87e7e;background:#e87e7e15}.answer-choice input{accent-color:var(--gold);width:19px;height:19px;flex-shrink:0}.trivia-page button{cursor:pointer}.trivia-page button:disabled{opacity:.45;cursor:default;transform:none}.small{font-size:12px;line-height:1.7;color:#b7af9f;margin-top:18px}#result{border-left:4px solid var(--gold);padding:18px;background:#d8a92812;line-height:1.7;margin:20px 0}#result strong{font-size:20px;display:block;color:var(--gold)}.trivia-ticket{display:block;margin-top:25px;color:var(--gold)}.score-card{margin-bottom:22px}.score-number{font:900 85px/1 'Barlow Condensed';color:var(--gold);margin:14px 0 0}.score-card p{margin:4px 0 20px;color:#cbc3b5}#played{font-size:13px;color:#c6bdab}.rules-card h2{font:900 30px 'Barlow Condensed';text-transform:uppercase}.rules-card ol{padding-left:20px;font-size:13px;line-height:1.8;color:#c5bdad}.rules-card li{margin:10px 0}.trivia-board{margin-top:50px}.trivia-board h2{font:900 clamp(38px,5vw,60px)/1 'Barlow Condensed';text-transform:uppercase;margin:18px 0}.trivia-board p{color:#b7af9f;line-height:1.6}#board{padding:0;list-style:none;counter-reset:rank}#board li{counter-increment:rank;display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #40371f}#board li:before{content:counter(rank,decimal-leading-zero);font:900 26px 'Barlow Condensed';color:var(--gold)}#board li span{flex:1;overflow-wrap:anywhere}#board li b{color:var(--gold)}#profile-form{border-top:1px solid #65532a;margin-top:30px;padding-top:25px;max-width:560px}#profile-form h3{font:800 26px 'Barlow Condensed';text-transform:uppercase}#profile-form label{display:block;font-size:14px;margin:12px 0}#nickname{display:block;width:100%;background:#090909;color:white;border:1px solid #6b5b33;padding:14px;font:inherit}.join-label{display:flex!important;align-items:flex-start;gap:10px;line-height:1.5}.join-label input{width:18px;height:18px;accent-color:var(--gold);flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:800px){.trivia-page{padding-top:22px}.trivia-intro{grid-template-columns:1fr;padding-bottom:35px}.trivia-emblem{display:none}.trivia-layout{grid-template-columns:1fr}.trivia-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.score-card{margin:0}.question-panel,.score-card,.rules-card,.trivia-board{padding:22px}.question-meta{font-size:12px}.trivia-tags span{font-size:12px}}@media(max-width:480px){.trivia-side{grid-template-columns:1fr}.trivia-intro h1{font-size:clamp(44px,12vw,58px)}.question-meta{flex-direction:column;gap:6px}.answer-choice{padding:15px 12px}.trivia-page .btn{max-width:100%;font-size:15px;white-space:normal;text-align:center}}