.rn-quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin:24px 0}.rn-quiz-card,.rn-quiz-player{background:#171919;border:1px solid #393c3c;border-radius:8px;overflow:hidden;color:#eee}.rn-quiz-card>div{padding:22px}.rn-quiz-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.rn-quiz-card h3{font:700 clamp(24px,3vw,32px)/1.2 'Barlow Condensed',sans-serif;margin:8px 0}.rn-quiz-kicker{color:#cfcfcf;font-size:14px;letter-spacing:.04em;text-transform:uppercase}.rn-quiz-player{max-width:850px;padding:clamp(18px,4vw,40px);margin:24px auto;box-sizing:border-box}.rn-quiz-player h1,.rn-quiz-player h2{line-height:1.2;letter-spacing:.01em}.rn-quiz-player h2{font-size:clamp(26px,4vw,36px);margin:22px 0}.rn-quiz-cover,.rn-quiz-question-image{display:block;max-width:100%;max-height:450px;object-fit:contain;margin:20px auto}.rn-quiz-description,.rn-quiz-review p{white-space:pre-line}.rn-quiz-progress,.rn-quiz-actions,.rn-quiz-pages,.rn-quiz-filters{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.rn-quiz-timer{font-variant-numeric:tabular-nums;padding:8px 14px;border:1px solid #777;border-radius:5px;min-width:70px;text-align:center;font-size:20px}.rn-quiz-timer.is-low{color:#ffb4b4;border-color:#ed6969}.rn-quiz-player progress{width:100%;height:7px;accent-color:#c9363b;margin:14px 0}.rn-quiz-choice{display:flex;align-items:center;gap:14px;border:1px solid #626666;border-radius:5px;margin:12px 0;padding:16px;cursor:pointer;min-height:48px}.rn-quiz-choice:has(input:checked){border-color:#e95a60;background:#422024}.rn-quiz-choice input{width:22px;height:22px;flex:0 0 22px;accent-color:#c9363b}.rn-quiz-choice>span{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rn-quiz-answer-image{max-width:160px;max-height:140px;object-fit:contain}.rn-quiz-player .rn-quiz-actions{justify-content:flex-start;margin-top:24px}.rn-quiz-mode{color:#b9bdbd;font-size:14px}.rn-quiz-score{font-size:36px;font-weight:700}.rn-quiz-review{border-top:1px solid #555;padding:16px 0}.rn-quiz-review summary{cursor:pointer;font-weight:600}.rn-quiz-review .is-correct,.rn-quiz-earned{color:#9fe0ac}.rn-quiz-filters{justify-content:flex-start;margin:24px 0}.rn-quiz-filters label{display:grid;gap:8px}.rn-quiz-filters input,.rn-quiz-filters select{background:#171919;color:#eee;border:1px solid #777;border-radius:4px;padding:10px}.rn-quiz-pages{justify-content:center;margin:30px 0}.reader-quiz-stats{display:flex;gap:24px;flex-wrap:wrap;border-block:1px solid #484b4b;padding:18px 0;margin:20px 0}.reader-quiz-stats strong{font-size:26px;display:block}.rn-quiz-home{margin:24px 0}.rn-quiz-home .rn-quiz-grid{margin:20px 0}.rn-quiz-player button:disabled{opacity:.6;cursor:wait}.rn-quiz-player :focus-visible,.rn-quiz-card a:focus-visible,.rn-quiz-filters :focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:600px){.rn-quiz-player{margin:16px 0}.rn-quiz-answer-image{max-width:110px}.rn-quiz-choice{padding:12px}.rn-quiz-filters label{width:100%}}

/* Homepage quiz cards: the block and the tiles have independent sizes. */
.rn-quiz-home{--rn-quiz-columns:var(--rn-quiz-desktop-columns,1);--rn-quiz-width:var(--rn-quiz-desktop-width,100%);--rn-quiz-ratio:var(--rn-quiz-desktop-ratio,16/9);width:var(--rn-quiz-width);max-width:100%;min-width:0;box-sizing:border-box;margin-inline:0 auto}
.rn-quiz-home[data-quiz-align=center]{margin-inline:auto}.rn-quiz-home[data-quiz-align=right]{margin-inline:auto 0}
.rn-quiz-home .rn-quiz-grid{grid-template-columns:repeat(var(--rn-quiz-columns),minmax(0,1fr));align-items:start;gap:20px}
.rn-quiz-home>.rn-quiz-grid:first-child{margin-top:0}.rn-quiz-home>.rn-quiz-grid:last-child{margin-bottom:0}
.rn-quiz-tile{container:rn-quiz-tile / inline-size;min-width:0;overflow:hidden;border:1px solid #393c3c;border-radius:6px;background:#171919;color:#fff;box-sizing:border-box}
.rn-quiz-tile-link{display:block;position:relative;text-decoration:none!important;color:inherit!important;isolation:isolate;overflow:hidden}
.rn-quiz-tile-media{position:relative;display:block;aspect-ratio:var(--rn-quiz-ratio,16/9);background:linear-gradient(135deg,#531a22,#171919);overflow:hidden}
.rn-quiz-tile-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.rn-quiz-tile-copy{display:flex;flex-direction:column;gap:8px;padding:18px;min-width:0}
.rn-quiz-tile h3{font:700 clamp(18px,7cqw,32px)/1.13 'Barlow Condensed',sans-serif;letter-spacing:.01em;margin:0;color:inherit;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rn-quiz-tile .rn-quiz-kicker{margin:0;font-size:12px;color:inherit;opacity:.85}
.rn-quiz-tile-meta,.rn-quiz-tile .rn-quiz-earned{font-size:13px;line-height:1.25}
.rn-quiz-tile-overlay .rn-quiz-tile-link{aspect-ratio:var(--rn-quiz-ratio,16/9)}
.rn-quiz-tile-overlay .rn-quiz-tile-media{position:absolute;inset:0;aspect-ratio:auto}
.rn-quiz-tile-overlay .rn-quiz-tile-link:after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / var(--rn-game-darkening,.5));z-index:0;pointer-events:none}
.rn-quiz-tile-overlay .rn-quiz-tile-copy{position:absolute;inset:auto 0 0;z-index:1}
.rn-quiz-tile-overlay h3{-webkit-line-clamp:2}
.rn-quiz-tile-link:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(hover:hover){.rn-quiz-tile-link:hover .rn-quiz-tile-media img{transform:scale(1.035)}}
@container rn-quiz-tile (max-width:240px){.rn-quiz-tile-copy{gap:5px;padding:12px}.rn-quiz-tile .rn-quiz-kicker{display:none}.rn-quiz-tile-meta,.rn-quiz-tile .rn-quiz-earned{font-size:11px}}
@container rn-quiz-tile (max-width:180px){.rn-quiz-tile-copy{gap:4px;padding:8px}.rn-quiz-tile h3{font-size:15px;-webkit-line-clamp:2}.rn-quiz-tile-overlay .rn-quiz-tile-meta,.rn-quiz-tile-overlay .rn-quiz-earned{display:none}}
@media(max-width:1000px){.rn-quiz-home{--rn-quiz-columns:var(--rn-quiz-tablet-columns,2);--rn-quiz-width:var(--rn-quiz-tablet-width,100%);--rn-quiz-ratio:var(--rn-quiz-tablet-ratio,var(--rn-quiz-desktop-ratio,16/9))}}
@media(max-width:760px){.rn-quiz-home{--rn-quiz-columns:var(--rn-quiz-mobile-columns,1);--rn-quiz-width:var(--rn-quiz-mobile-width,100%);--rn-quiz-ratio:var(--rn-quiz-mobile-ratio,var(--rn-quiz-desktop-ratio,16/9))}}
[data-device=desktop] .rn-quiz-home{--rn-quiz-columns:var(--rn-quiz-desktop-columns,1);--rn-quiz-width:var(--rn-quiz-desktop-width,100%);--rn-quiz-ratio:var(--rn-quiz-desktop-ratio,16/9)}
[data-device=tablet] .rn-quiz-home{--rn-quiz-columns:var(--rn-quiz-tablet-columns,2);--rn-quiz-width:var(--rn-quiz-tablet-width,100%);--rn-quiz-ratio:var(--rn-quiz-tablet-ratio,var(--rn-quiz-desktop-ratio,16/9))}
[data-device=mobile] .rn-quiz-home{--rn-quiz-columns:var(--rn-quiz-mobile-columns,1);--rn-quiz-width:var(--rn-quiz-mobile-width,100%);--rn-quiz-ratio:var(--rn-quiz-mobile-ratio,var(--rn-quiz-desktop-ratio,16/9))}
.rn-quiz-scoring-note{padding:16px 18px;margin:22px 0;border-left:4px solid #c9363b;background:#302024;border-radius:4px}.rn-quiz-scoring-note strong{display:block}.rn-quiz-scoring-note p{margin:8px 0 0;line-height:1.5}
.rn-quiz-home-auto-columns .rn-quiz-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.rn-quiz-home-overlay,.rn-quiz-home-below{margin-block:0}

.rn-quiz-leaderboard{margin-top:28px;border-top:1px solid #393c3c;padding-top:24px}.rn-quiz-score-scroll{overflow-x:auto}.rn-quiz-leaderboard table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.rn-quiz-leaderboard th,.rn-quiz-leaderboard td{padding:10px;text-align:left;border-bottom:1px solid #393c3c}.rn-quiz-leaderboard th:last-child,.rn-quiz-leaderboard td:last-child{white-space:nowrap}.rn-quiz-record-pages{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px}

.rn-quiz-player{scroll-margin-top:110px;overflow-anchor:none}.rn-quiz-timer.is-low{color:#ff6269;font-weight:700}

.rn-quiz-review .rn-quiz-answer-status{display:inline-block;padding:3px 9px;border-radius:2px;color:#fff;font-weight:700;line-height:1.4;text-shadow:none}.rn-quiz-answer-status.is-correct{background:#147a36}.rn-quiz-answer-status.is-incorrect{background:#b4232c}.rn-quiz-answer-status.is-skipped,.rn-quiz-answer-status.is-expired{background:#856400}.rn-quiz-review .is-wrong-choice,.rn-quiz-review .is-wrong-choice .rn-quiz-chosen-label{color:#ff6269}
