:root{--quiz-brutal-yellow:#f6bf24;--quiz-brutal-orange:#ef633e;--quiz-brutal-ink:#07090c;--quiz-brutal-panel:#10151b;--quiz-brutal-line:#f2ede5}
.quiz-page .quiz-shell{width:min(900px,calc(100% - 28px));padding-top:42px}
.quiz-page .quiz-hero{text-align:left;max-width:900px;margin-bottom:24px}
.quiz-page .quiz-hero>p{margin:14px 0 0;max-width:700px}
.quiz-page .quiz-kicker{letter-spacing:.18em}
.quiz-page .quiz-formatbar,.quiz-page .quiz-modebar,.quiz-page .quiz-difficultybar{max-width:none;margin-left:0;margin-right:0}
.quiz-page .quiz-format,.quiz-page .quiz-mode,.quiz-page .quiz-difficulty{border:2px solid #35404b;border-radius:2px;background:#0b1015;box-shadow:3px 3px 0 #000;color:#eef0f2;text-transform:uppercase;letter-spacing:.02em;font-weight:950}
.quiz-page .quiz-format.is-active,.quiz-page .quiz-mode.is-active,.quiz-page .quiz-difficulty.is-active{background:var(--quiz-brutal-yellow);border-color:#080b0f;color:#080b0f;box-shadow:4px 4px 0 var(--quiz-brutal-orange)}
.quiz-page .quiz-card{background:#10151b;border:2px solid #35404b;box-shadow:8px 8px 0 #000;border-radius:2px}
.quiz-page .quiz-start{padding:22px 24px 24px}
.quiz-page .quiz-start .quiz-kicker{margin-bottom:7px}
.quiz-page .quiz-start h2{font-size:clamp(27px,4.2vw,36px);margin:2px 0 8px;max-width:700px}
.quiz-page .quiz-start>p{margin:0;max-width:720px;font-size:15px;line-height:1.48}
.quiz-page .quiz-start-grid{gap:10px;margin:17px 0 18px}
.quiz-page .quiz-stat{min-height:78px;padding:12px 15px;border:2px solid #35404b;border-radius:2px;background:#080d12;box-shadow:4px 4px 0 #000}
.quiz-page .quiz-stat span{font-size:10px;font-weight:950;letter-spacing:.13em;color:#8f99a4}
.quiz-page .quiz-stat b{font-size:22px;line-height:1.05;margin-top:4px}
.quiz-page:has(#freeQuizControls:not([hidden])) .quiz-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:430px}
.quiz-page:has(#freeQuizControls:not([hidden])) .quiz-start-grid .quiz-stat:nth-child(3){display:none}
.quiz-page .quiz-primary{border:2px solid #080b0f;border-radius:2px;background:var(--quiz-brutal-yellow);box-shadow:5px 5px 0 var(--quiz-brutal-orange);color:#080b0f;text-transform:uppercase;letter-spacing:.025em;padding:14px 18px}
.quiz-page .quiz-primary:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--quiz-brutal-orange)}
.quiz-page .ranking-save-note,.quiz-page .ranking-intro{border:2px solid #35404b;border-radius:2px;background:#0b1015}
.quiz-page .quiz-game,.quiz-page .quiz-result{border-radius:2px}
.quiz-page .quiz-top{border-bottom:2px solid #35404b;background:#080d12}
.quiz-page .quiz-track{height:7px;background:#252d36}.quiz-page .quiz-track i{background:var(--quiz-brutal-yellow)}
.quiz-page .quiz-pill{border-width:2px;border-radius:2px}
.quiz-page .quiz-option{border:2px solid #35404b;border-radius:2px;background:#080d12;box-shadow:4px 4px 0 #000;padding:16px 17px}
.quiz-page .quiz-option:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 #000}
.quiz-page .quiz-next,.quiz-page .quiz-secondary{border:2px solid #46515d;border-radius:2px;box-shadow:4px 4px 0 #000}
.quiz-page .quiz-result-badge{border-radius:2px;box-shadow:5px 5px 0 #000}
.quiz-page .leaderboard-section{border-top:3px solid var(--quiz-brutal-yellow);padding-top:28px}
.quiz-page .leaderboard-root{border:2px solid #35404b;border-radius:2px;box-shadow:6px 6px 0 #000}
.quiz-page .leaderboard-row{border-bottom:2px solid #222b34}
@media(max-width:680px){
  .quiz-page .quiz-shell{padding-top:28px}
  .quiz-page .quiz-start{padding:18px}
  .quiz-page .quiz-start h2{font-size:29px}
  .quiz-page .quiz-start>p{font-size:14px}
  .quiz-page .quiz-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 16px}
  .quiz-page .quiz-stat{min-height:70px;padding:10px 12px}
  .quiz-page .quiz-stat b{font-size:20px}
  .quiz-page .quiz-format,.quiz-page .quiz-mode,.quiz-page .quiz-difficulty{font-size:13px;padding:11px 7px}
  .quiz-page .quiz-difficultybar{grid-template-columns:1fr 1fr}
  .quiz-page .leaderboard-section{margin-top:38px}
}
@media(max-width:390px){
  .quiz-page .quiz-start{padding:16px}
  .quiz-page .quiz-stat{min-height:66px}
  .quiz-page .quiz-stat b{font-size:18px}
}