@import url('/static/fonts/fonts.css');
:root {
  --paper:#eeeae1;
  --paper-light:#f8f5ee;
  --ink:#1d201c;
  --muted:#68685f;
  --line:#c3c1b6;
  --red:#c7311b;
  --orange:#e34427;
  --display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --body:'DM Sans',Arial,sans-serif;
  --mono:'Courier New',monospace;
}
* {
  box-sizing:border-box;
}
[hidden] {
  display:none!important;
}
html {
  color:var(--ink);
  background:var(--paper);
  scrollbar-gutter:stable;
}
body {
  margin:0;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  font:15px/1.5 var(--body);
  -webkit-font-smoothing:antialiased;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%231d201c' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
}
button,input,textarea {
  font:inherit;
}
button,a,input,summary {
  touch-action:manipulation;
}
button {
  color:inherit;
  cursor:pointer;
}
button {
  border:0;
  background:none;
}
button:disabled {
  cursor:wait;
  opacity:.55;
}
a {
  color:inherit;
  text-underline-offset:4px;
}
button:focus-visible,a:focus-visible,summary:focus-visible {
  outline:2px solid var(--red);
  outline-offset:5px;
}
input:focus-visible,textarea:focus-visible {
  outline:2px solid var(--red);
  outline-offset:3px;
}
button:focus:not(:focus-visible) {
  outline:none;
}
button,summary {
  -webkit-tap-highlight-color:transparent;
}
p,h1,h2,h3 {
  margin:0;
}
svg {
  display:block;
}
em {
  font-style:normal;
}
::selection {
  background:var(--orange);
  color:var(--paper-light);
}
.skip-link {
  position:fixed;
  top:10px;
  left:12px;
  transform:translateY(-160%);
  z-index:20;
  background:var(--ink);
  color:var(--paper-light);
  padding:12px;
}
.skip-link:focus {
  transform:none;
}
.site-header,main {
  width:min(1120px,calc(100% - 80px));
  margin-inline:auto;
}
.site-header {
  height:104px;
  border-bottom:2px solid var(--ink);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.wordmark {
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  font:700 30px/.9 var(--display);
  letter-spacing:-.6px;
  text-decoration:none;
  white-space:nowrap;
}
.brand-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  width:44px;
  height:44px;
  background:var(--red);
  color:var(--paper-light);
  font:700 43px/.8 var(--display);
  letter-spacing:-3px;
  padding:0 7px 6px 0;
}
.brand-mark>span {
  position:absolute;
  font-size:27px;
  right:3px;
  bottom:0;
  letter-spacing:0;
}
.wordmark-dot {
  font:10px var(--body);
  position:relative;
  top:-14px;
  margin-left:3px;
}
.site-header nav {
  display:flex;
  gap:27px;
  align-items:center;
}
.nav-link {
  padding:12px 0;
  font-weight:500;
  font-size:13px;
  display:flex;
  gap:6px;
  align-items:center;
}
.nav-link svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
}
.nav-link:hover,.text-button:hover,.back-button:hover {
  color:var(--red);
}
.account-button {
  border:1px solid var(--ink);
  padding:10px 15px;
  font-size:13px;
  font-weight:500;
  display:flex;
  gap:21px;
  max-width:190px;
  align-items:center;
  overflow-wrap:anywhere;
}
.account-name {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.account-button:hover {
  background:var(--ink);
  color:var(--paper-light);
}
.small-label,.edition-line,.ticket-heading time,.ticket-facts small,.poster-side-note,.home-footer,.knowledge-labels,.round-position,.round-segment,.clock-caption,.clock-unit {
  font:500 10px/1.4 var(--mono);
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.edition-line {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:15px 0 13px;
  font-size:10px;
  letter-spacing:1.4px;
}
.edition-line i {
  font-style:normal;
  color:var(--red);
  font-size:14px;
  margin-left:8px;
}
.daily-cover {
  display:grid;
  grid-template-columns:1.62fr 1fr;
  border:1px solid var(--ink);
  min-height:490px;
}
.cover-poster {
  position:relative;
  padding:29px 34px 30px;
  overflow:hidden;
}
.cover-kicker {
  position:relative;
  z-index:2;
  font-size:10px;
}
.cover-poster h1 {
  position:relative;
  z-index:2;
  font:700 clamp(115px,12.2vw,172px)/.79 var(--display);
  letter-spacing:-3.5px;
  margin:32px 0 35px;
  width:fit-content;
}
.title-question {
  color:var(--red);
}
.cover-description {
  position:relative;
  z-index:2;
  font-size:13px;
  line-height:1.65;
  max-width:270px;
}
.cover-art {
  position:absolute;
  width:350px;
  height:auto;
  right:-22px;
  bottom:-8px;
  pointer-events:none;
}
.court-line {
  stroke:var(--line);
  fill:none;
  stroke-width:1;
}
.poster-side-note {
  position:absolute;
  writing-mode:vertical-rl;
  right:13px;
  top:27px;
  font-size:8px;
  letter-spacing:1.4px;
}
.daily-ticket {
  position:relative;
  background:var(--ink);
  color:var(--paper-light);
  padding:29px 30px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-left:1px solid var(--ink);
}
.daily-ticket::before {
  content:'';
  position:absolute;
  left:-5px;
  top:0;
  bottom:0;
  width:8px;
  background:radial-gradient(circle at 50% 50%,var(--paper) 1.2px,transparent 1.7px) 0 0/8px 12px;
  pointer-events:none;
}
.ticket-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#b8bab0;
}
.ticket-heading .small-label {
  font-size:9px;
  letter-spacing:1px;
}
.ticket-heading time {
  color:var(--paper-light);
  font-size:10px;
  white-space:nowrap;
}
.daily-ticket h2 {
  font:700 72px/.89 var(--display);
  letter-spacing:-.7px;
  margin:27px 0 15px;
}
.daily-ticket h2>span {
  color:var(--orange);
}
.ticket-description {
  color:#c4c6bb;
  font-size:12px;
  line-height:1.6;
}
.ticket-facts {
  display:flex;
  justify-content:space-between;
  margin:22px 0 23px;
  border-block:1px solid #4b4d44;
  padding:12px 0 13px;
  gap:12px;
}
.ticket-facts>span {
  display:flex;
  flex-direction:column;
}
.ticket-facts strong {
  font:600 40px/1 var(--display);
  font-variant-numeric:tabular-nums;
}
.ticket-facts strong sub {
  font-size:23px;
  bottom:0;
  vertical-align:baseline;
}
.ticket-facts small {
  font-size:8px;
  letter-spacing:1px;
  margin-top:5px;
  color:#c4c6bb;
}
.primary-button,.secondary-button {
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:14px 19px;
  font-weight:600;
  font-size:14px;
  line-height:1.3;
  text-decoration:none;
  transition:background .16s,color .16s,transform .16s;
}
.primary-button {
  background:var(--red);
  color:var(--paper-light);
  border:1px solid var(--red);
}
.primary-button:hover {
  background:#b82c17;
  border-color:#b82c17;
}
.primary-button>span:last-child {
  font-size:23px;
  line-height:1;
  transition:transform .18s;
}
.primary-button:hover>span:last-child {
  transform:translate(3px,-2px);
}
.primary-button:active,.secondary-button:active {
  transform:translateY(2px);
}
.daily-play {
  background:var(--red);
  border-color:var(--red);
}
.ticket-note {
  font-size:9px;
  color:#b8bab0;
  text-align:center;
  margin-top:13px;
  white-space:nowrap;
  letter-spacing:-.1px;
}
.ticket-note>span {
  margin-right:4px;
  font-size:13px;
}
.home-error,.game-error {
  font-size:13px;
  color:var(--red);
  margin-top:16px;
}
.daily-ticket .home-error {
  color:#ffd1b8;
}
.daily-ticket .text-button {
  color:var(--paper-light);
  margin-top:10px;
}
.secondary-button {
  border:1px solid var(--ink);
  background:transparent;
}
.secondary-button:hover {
  background:var(--ink);
  color:var(--paper-light);
}
.text-button {
  padding:0;
  display:inline-flex;
  align-items:center;
  gap:16px;
  font-size:12px;
  line-height:1.5;
  font-weight:500;
  min-height:32px;
}
.text-button>span {
  font-size:19px;
}
.unlimited-section {
  margin-top:36px;
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:17px;
}
.section-heading .small-label {
  font-size:9px;
  color:var(--muted);
  margin-bottom:4px;
}
.section-heading h2 {
  font:600 31px/1 var(--display);
  letter-spacing:-.3px;
}
.section-heading h2>span {
  font:500 10px var(--mono);
  color:var(--muted);
  margin-left:8px;
  letter-spacing:.5px;
}
.sport-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--ink);
  border-left:1px solid var(--line);
}
.sport-button {
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:17px 18px 18px;
  text-align:left;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  position:relative;
  transition:background .16s;
}
.sport-index {
  font:10px var(--mono);
  color:var(--muted);
  align-self:flex-start;
  margin-top:4px;
}
.sport-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:39px;
  height:44px;
  flex:0 0 39px;
}
.sport-icon svg {
  width:34px;
  height:34px;
  stroke:currentColor;
  stroke-width:1.3;
  fill:none;
  transition:transform .2s;
}
.sport-name {
  font:600 23px/1 var(--display);
  letter-spacing:.1px;
  flex:1;
}
.sport-name small {
  display:block;
  font:400 9px var(--mono);
  letter-spacing:.2px;
  color:var(--muted);
  margin-top:7px;
}
.sport-arrow {
  font-size:19px;
  margin-left:auto;
  transition:transform .2s;
}
.sport-button:hover {
  background:var(--paper-light);
}
.sport-button:hover .sport-icon {
  color:var(--red);
}
.sport-button:hover .sport-icon svg {
  transform:rotate(-12deg);
}
.sport-button:hover .sport-arrow {
  transform:translate(2px,-2px);
  color:var(--red);
}
.home-footer {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:23px 0 28px;
  font-size:8px;
  color:var(--muted);
  letter-spacing:1px;
}
.home-footer>div {
  display:flex;
  align-items:center;
  gap:24px;
}
.home-footer .text-button,.privacy-link {
  font:400 10px var(--body);
  letter-spacing:0;
  text-transform:none;
}
.privacy-link {
  text-decoration:none;
}
.privacy-link:hover {
  text-decoration:underline;
}
/* A five-round scorebook. The question is the whole game. */
.game-screen {
  max-width:830px;
  margin:25px auto 50px;
}
.game-topline {
  display:flex;
  align-items:center;
  gap:16px;
  min-height:40px;
  margin-bottom:16px;
}
.back-button {
  display:flex;
  gap:8px;
  align-items:center;
  padding:8px 0;
  font-size:12px;
  min-width:90px;
}
.game-mode {
  margin:auto;
  text-align:center;
  font-size:11px;
}
.round-position {
  min-width:90px;
  text-align:right;
  font-size:11px;
}
.round-track {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border:1px solid var(--ink);
  margin-bottom:0;
}
.round-segment {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:51px;
  padding:11px 16px;
  border-right:1px solid var(--ink);
  color:var(--muted);
  letter-spacing:.5px;
  position:relative;
}
.round-segment:last-child {
  border-right:0;
}
.round-segment.current {
  background:var(--ink);
  color:var(--paper-light);
}
.round-segment.done {
  color:var(--ink);
  background:#e2dfd3;
}
.round-segment.current::after {
  content:'';
  position:absolute;
  bottom:-1px;
  left:0;
  right:0;
  height:3px;
  background:var(--orange);
}
.round-segment b {
  font:600 23px var(--display);
  font-variant-numeric:tabular-nums;
}
.round-segment i {
  font-style:normal;
  font-size:13px;
}
.play-sheet {
  border:1px solid var(--ink);
  border-top:0;
  position:relative;
  padding:29px 40px 35px;
  background:var(--paper-light);
  min-height:445px;
}
.question-meta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:22px;
}
.sport-label {
  display:flex;
  gap:9px;
  align-items:center;
  font:500 11px var(--mono);
  text-transform:uppercase;
  letter-spacing:1px;
}
.sport-label svg {
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.3;
}
.clock {
  display:flex;
  align-items:baseline;
  gap:8px;
  position:relative;
  padding-bottom:7px;
  min-width:146px;
  justify-content:flex-end;
  line-height:1;
}
.clock-caption {
  font-size:8px;
  letter-spacing:.7px;
  margin-right:3px;
  max-width:45px;
  align-self:center;
  line-height:1.35;
}
.clock-unit {
  font-size:8px;
  letter-spacing:.5px;
}
.clock-number,#clock-number {
  font:600 42px/.9 var(--display);
  font-variant-numeric:tabular-nums;
  min-width:37px;
}
.clock svg {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:3px;
}
.clock-rail {
  stroke:var(--line);
  stroke-width:3;
}
.clock-progress {
  stroke:var(--ink);
  stroke-width:3;
  stroke-dasharray:132;
  stroke-dashoffset:0;
}
.clock.urgent {
  color:var(--red);
}
.clock.urgent .clock-progress {
  stroke:var(--red);
}
.question-instruction {
  font-size:9px;
  color:var(--red);
  letter-spacing:1.4px;
  margin-bottom:9px;
}
#question-text {
  font:600 46px/1.07 var(--display);
  letter-spacing:-.4px;
  max-width:720px;
  overflow-wrap:anywhere;
}
.question-detail {
  font-size:12px;
  color:var(--muted);
  line-height:1.65;
  margin-top:14px;
  max-width:660px;
}
#answer-form {
  margin-top:29px;
}
#answer-form>label {
  display:block;
  font-size:9px;
  letter-spacing:.8px;
  margin-bottom:9px;
}
.answer-input-wrap {
  display:flex;
  border:1px solid var(--ink);
  background:var(--paper);
  min-height:62px;
  transition:box-shadow .15s;
}
.answer-input-wrap:focus-within {
  box-shadow:0 3px 0 var(--red);
}
.answer-input-wrap input {
  min-width:0;
  width:100%;
  border:0;
  background:none;
  padding:14px 18px;
  color:var(--ink);
  font-size:20px;
  outline:none;
}
.answer-input-wrap input:focus-visible {
  outline:none;
}
.answer-input-wrap input::placeholder {
  color:#7b7b71;
}
.submit-answer {
  background:var(--ink);
  color:var(--paper-light);
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  white-space:nowrap;
  font-size:12px;
  min-width:120px;
  transition:background .15s;
}
.submit-answer>span:last-child {
  font-size:25px;
}
.submit-answer:hover {
  background:var(--red);
}
.answer-message {
  color:#ac2715;
  font-size:12px;
  line-height:1.5;
  margin-top:10px;
}
.answer-message:empty {
  display:none;
}
.answer-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:13px;
}
.answer-footer>span {
  font-size:10px;
  color:var(--muted);
}
.answer-footer .text-button {
  font-size:11px;
  gap:18px;
  min-width:67px;
  justify-content:space-between;
}
.suggestion-button {
  font-size:13px;
  border-bottom:1px solid var(--ink);
  padding:7px 0;
  margin-top:4px;
}
.question-area {
  animation:sheet-enter .25s ease-out both;
}
.answer-input-wrap.invalid {
  animation:answer-shake .24s ease-out;
}
.game-scoreboard {
  display:flex;
  align-items:center;
  gap:44px;
  justify-content:space-between;
  background:var(--ink);
  color:var(--paper-light);
  padding:21px 40px 22px;
}
.score-total>.small-label {
  font-size:8px;
  color:#c4c6bb;
}
.score-number {
  font:600 54px/1 var(--display);
  font-variant-numeric:tabular-nums;
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-top:4px;
}
.score-number small {
  font:400 21px var(--display);
  color:#c4c6bb;
}
.knowledge-track {
  flex:1;
  max-width:355px;
  padding-top:6px;
}
.knowledge-track-line {
  position:relative;
  height:25px;
  border-bottom:1px solid #9a9e8e;
  background:repeating-linear-gradient(90deg,#777b6e 0 1px,transparent 1px 10%);
  background-size:100% 9px;
  background-repeat:no-repeat;
  background-position:bottom;
  margin:0 4px;
}
#knowledge-ball {
  position:absolute;
  left:0;
  bottom:-4px;
  width:9px;
  height:34px;
  background:var(--orange);
  transform:translateX(-50%);
  transition:left .65s cubic-bezier(.2,.7,.2,1);
}
.knowledge-labels {
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:8px;
  color:#c4c6bb;
  letter-spacing:.5px;
  margin-top:10px;
}
.reveal-area {
  animation:sheet-enter .25s ease-out both;
}
.reveal-sport {
  font-size:10px;
  color:var(--muted);
  margin-bottom:12px;
}
.reveal-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.reveal-medal {
  display:flex;
  flex-direction:column;
}
.reveal-medal>#reveal-points {
  font:600 112px/.9 var(--display);
  letter-spacing:-3px;
  font-variant-numeric:tabular-nums;
}
.reveal-medal>.small-label {
  font-size:8px;
  letter-spacing:1px;
  margin-top:8px;
  color:var(--muted);
}
.reveal-medal.zero {
  color:var(--muted);
}
.reveal-tier {
  font:600 32px/1 var(--display);
  text-transform:uppercase;
  color:var(--red);
  max-width:200px;
  text-align:center;
  border:3px double currentColor;
  transform:rotate(-8deg);
  padding:11px 16px;
  animation:stamp-in .42s cubic-bezier(.16,.7,.22,1.2) both;
  animation-delay:.12s;
}
.reveal-area[data-score="0"] .reveal-tier {
  color:var(--muted);
}
#reveal-answer {
  font:600 40px/1.1 var(--display);
  margin-top:22px;
  overflow-wrap:anywhere;
}
.reveal-explanation {
  font-size:13px;
  color:var(--muted);
  line-height:1.7;
  margin-top:10px;
}
.answer-board {
  margin-top:25px;
  border-block:1px solid var(--line);
}
.answer-board summary {
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:14px 0;
  font-size:12px;
  font-weight:500;
  cursor:pointer;
}
.answer-board summary::-webkit-details-marker {
  display:none;
}
.answer-board summary>span {
  font-size:22px;
  line-height:1;
  transition:transform .2s;
}
.answer-board[open] summary>span {
  transform:rotate(45deg);
}
.board-heading {
  display:flex;
  justify-content:space-between;
  gap:16px;
  border-block:1px solid var(--line);
  padding:10px 0;
  font-size:8px;
  color:var(--muted);
}
.board-note {
  font-size:10px;
  color:var(--muted);
  padding:12px 0;
}
#answer-board-list {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:28px;
  max-height:330px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.board-row {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:9px 1px;
  border-bottom:1px solid #dfded5;
  font-size:12px;
}
.board-row>span {
  overflow-wrap:anywhere;
}
.board-row strong {
  font:600 22px/1 var(--display);
}
.source-links {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  padding:15px 0;
  font-size:10px;
}
.next-button {
  margin-top:25px;
  width:100%;
}
/* The finished scorecard is something to keep. */
.result-screen {
  max-width:830px;
  margin:29px auto 55px;
}
.result-topline {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid var(--ink);
  padding-bottom:14px;
}
.result-topline>.small-label {
  font-size:9px;
}
.result-topline>.small-label:last-child {
  color:var(--muted);
}
.result-cover {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  border-bottom:1px solid var(--ink);
  padding:30px 0;
  gap:30px;
}
.result-heading>.small-label {
  font-size:8px;
  color:var(--red);
  margin:4px 0 12px;
}
#result-title {
  font:600 65px/.95 var(--display);
  letter-spacing:-.8px;
  text-transform:uppercase;
  max-width:440px;
}
#result-title:focus {
  outline:none;
}
#result-title em {
  color:var(--red);
}
.result-subtitle {
  font-size:12px;
  line-height:1.7;
  color:var(--muted);
  max-width:340px;
  margin-top:16px;
}
.result-score-block {
  background:var(--ink);
  color:var(--paper-light);
  padding:19px 22px 17px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.result-score-block>.small-label {
  font-size:8px;
  color:#c4c6bb;
}
.result-score {
  display:flex;
  align-items:baseline;
  white-space:nowrap;
  gap:13px;
  font-variant-numeric:tabular-nums;
}
.result-score>#result-score {
  font:600 98px/1 var(--display);
  letter-spacing:-2px;
}
.result-denominator {
  font:500 27px var(--display);
  color:#c4c6bb;
}
.result-bars {
  display:flex;
  gap:7px;
  align-items:flex-end;
  height:43px;
  margin-top:14px;
}
.result-bar {
  position:relative;
  flex:1;
  height:100%;
  background:#363b32;
}
.result-bar>span {
  position:absolute;
  bottom:0;
  width:100%;
  height:var(--height);
  background:var(--orange);
  transform-origin:bottom;
  animation:bar-grow .55s ease-out both;
  animation-delay:var(--delay);
}
.result-bar.zero>span {
  background:#8f9484;
  min-height:2px;
}
.result-list-heading {
  display:flex;
  justify-content:space-between;
  padding:18px 0 8px;
  color:var(--muted);
  font-size:9px;
}
.result-row {
  display:flex;
  align-items:center;
  gap:15px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}
.result-number {
  font:10px var(--mono);
  color:var(--muted);
  width:18px;
  flex-shrink:0;
}
.result-sport-icon {
  flex:0 0 29px;
}
.result-sport-icon svg {
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.3;
}
.result-answer {
  font-size:14px;
  font-weight:500;
  flex:1;
  min-width:0;
  overflow-wrap:anywhere;
}
.result-answer small {
  display:block;
  font-size:10px;
  font-weight:400;
  color:var(--muted);
  margin-top:4px;
  line-height:1.5;
}
.round-points {
  font:600 32px/1 var(--display);
  font-variant-numeric:tabular-nums;
  flex-shrink:0;
}
.round-points.zero {
  color:var(--muted);
}
.result-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:25px;
}
.result-actions button {
  width:100%;
}
.share-status {
  font-size:12px;
  margin-top:13px;
  color:var(--red);
}
.share-status:empty {
  display:none;
}
.result-account-note {
  font-size:11px;
  color:var(--muted);
  margin-top:17px;
  margin-bottom:10px;
}
.result-account-note .text-button {
  font-size:11px;
  text-decoration:underline;
  min-height:25px;
}
.result-screen>#result-home {
  font-size:11px;
}
/* The record book and membership forms share the same paper and ink. */
.panel-dialog {
  background:var(--paper-light);
  color:var(--ink);
  border:1px solid var(--ink);
  border-top:6px solid var(--red);
  padding:35px 34px 30px;
  width:min(510px,calc(100% - 32px));
  max-height:calc(100dvh - 50px);
  overscroll-behavior:contain;
  animation:sheet-enter .2s ease-out;
}
.panel-dialog::backdrop {
  background:#1d201c99;
  backdrop-filter:blur(3px);
}
.dialog-close {
  position:absolute;
  right:13px;
  top:10px;
  font:400 30px/1 var(--body);
  width:36px;
  height:36px;
}
.dialog-close:hover {
  color:var(--red);
}
.panel-dialog .small-label {
  color:var(--red);
  font-size:9px;
  padding-right:22px;
}
.panel-dialog h2 {
  font:600 47px/.98 var(--display);
  text-transform:uppercase;
  letter-spacing:-.3px;
  margin:17px 0 19px;
  max-width:380px;
  overflow-wrap:anywhere;
}
.dialog-description {
  font-size:13px;
  color:var(--muted);
  line-height:1.7;
  margin-bottom:20px;
  overflow-wrap:anywhere;
}
.how-step {
  display:flex;
  gap:18px;
  padding:19px 0;
  border-top:1px solid var(--line);
}
.how-step>span {
  font:500 25px/1 var(--display);
  color:var(--red);
  padding-top:2px;
}
.how-step>div {
  flex:1;
}
.how-step h3 {
  font-size:14px;
  font-weight:600;
  margin-bottom:6px;
}
.how-step p {
  font-size:12px;
  line-height:1.7;
  color:var(--muted);
}
.fine-note {
  font-size:10px;
  line-height:1.8;
  color:var(--muted);
  margin-top:18px;
}
.tier-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  font-size:13px;
}
.tier-row strong {
  font:600 31px var(--display);
}
.stats-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-block:1px solid var(--ink);
  margin-top:25px;
}
.stat-cell {
  display:flex;
  flex-direction:column;
  padding:14px 10px 17px 0;
}
.stat-cell:not(:first-child) {
  border-left:1px solid var(--line);
  padding-left:17px;
}
.stat-cell strong {
  font:600 55px/1 var(--display);
  font-variant-numeric:tabular-nums;
}
.stat-cell>span {
  font:8px/1.4 var(--mono);
  margin-top:8px;
  letter-spacing:.3px;
}
.panel-dialog .fine-note+.primary-button {
  margin-top:25px;
  width:100%;
  font-size:12px;
}
.locker-heading {
  font-size:11px;
  font-weight:500;
  margin-top:25px;
}
.locker-sports {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:11px 0 20px;
}
.locker-sports span {
  font-size:10px;
  border:1px solid var(--line);
  padding:5px 7px;
}
.signout-button {
  width:100%;
  margin-top:18px;
}
.auth-tabs {
  display:flex;
  border-block:1px solid var(--line);
  margin:22px 0 20px;
}
.auth-tabs button {
  flex:1;
  font-size:12px;
  padding:12px 10px;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
}
.auth-tabs button[aria-selected=true] {
  border-bottom-color:var(--red);
  color:var(--red);
  font-weight:600;
}
.auth-tabs button:hover {
  background:var(--paper);
}
#auth-form label {
  display:block;
  font-size:11px;
  font-weight:500;
  margin-top:15px;
}
#auth-form input {
  display:block;
  width:100%;
  margin-top:7px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:0;
  padding:12px 13px;
  min-height:46px;
  color:var(--ink);
  font-size:16px;
}
#auth-form input:focus {
  border-color:var(--ink);
}
#auth-form .primary-button {
  width:100%;
  margin-top:19px;
}
.auth-note {
  font-size:10px;
  line-height:1.7;
  color:var(--muted);
  margin-top:19px;
}
.auth-error {
  font-size:12px;
  color:var(--red);
  margin-top:12px;
}
.auth-error:empty {
  display:none;
}
.google-signin {
  margin-top:20px;
  min-height:44px;
}
.auth-divider {
  font-size:10px;
  color:var(--muted);
  text-align:center;
  margin:18px 0;
}
.share-copy {
  width:100%;
  min-height:180px;
  padding:15px;
  border:1px solid var(--ink);
  background:var(--paper);
  color:var(--ink);
  font-size:14px;
}
.toast {
  position:fixed;
  bottom:calc(25px + env(safe-area-inset-bottom));
  left:50%;
  transform:translateX(-50%);
  padding:13px 19px;
  background:var(--ink);
  color:var(--paper-light);
  border-left:4px solid var(--orange);
  max-width:calc(100% - 32px);
  width:max-content;
  font-size:12px;
  z-index:30;
  box-shadow:3px 3px 0 #1d201c30;
}
.confetti {
  position:fixed;
  width:7px;
  height:13px;
  pointer-events:none;
  z-index:12;
  animation:paper-fall .85s cubic-bezier(.1,.6,.4,1) forwards;
}
.privacy-screen {
  max-width:720px;
  padding:40px 0 60px;
}
.privacy-screen h1 {
  font:600 66px/1 var(--display);
  text-transform:uppercase;
  letter-spacing:-1px;
  margin:20px 0 30px;
}
.privacy-screen .small-label {
  color:var(--red);
}
.privacy-screen p+p {
  margin-top:20px;
}
@keyframes sheet-enter {
  from {
    opacity:0;
    transform:translateY(8px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}
@keyframes stamp-in {
  0% {
    opacity:0;
    transform:scale(1.35) rotate(-14deg);
  }
  70% {
    opacity:1;
    transform:scale(.96) rotate(-7deg);
  }
  100% {
    transform:scale(1) rotate(-8deg);
  }
}
@keyframes answer-shake {
  25% {
    transform:translateX(-4px);
  }
  75% {
    transform:translateX(4px);
  }
}
@keyframes bar-grow {
  from {
    transform:scaleY(0);
  }
  to {
    transform:scaleY(1);
  }
}
@keyframes paper-fall {
  0% {
    opacity:0;
    transform:translate(0,-15px) rotate(0);
  }
  15% {
    opacity:1;
  }
  100% {
    opacity:0;
    transform:translate(var(--dx),var(--dy)) rotate(var(--dr));
  }
}
@media(min-width:800px) and (prefers-reduced-motion:no-preference) {
  .basketball-art {
    transform-origin:227px 251px;
    animation:ball-settle .9s cubic-bezier(.2,.7,.3,1) both;
  }
  .baseball-art {
    animation:sheet-enter .7s .1s both;
  }
  .tennis-art {
    animation:ink-arrive .7s .15s both;
  }
  @keyframes ink-arrive {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes ball-settle {
    from {
      transform:translate(25px,25px) rotate(12deg);
      opacity:0;
    }
    to {
      transform:translate(0,0) rotate(0);
      opacity:1;
    }
  }
}
@media(min-width:1500px) {
  .site-header {
    height:115px;
  }
  .daily-cover {
    min-height:520px;
  }
  .cover-poster h1 {
    font-size:185px;
  }
  .cover-art {
    width:365px;
  }
  .daily-ticket h2 {
    font-size:78px;
  }
}
@media(max-width:1050px) {
  .site-header,main {
    width:calc(100% - 56px);
  }
  .daily-cover {
    grid-template-columns:1.4fr 1fr;
    min-height:465px;
  }
  .cover-poster {
    padding:29px 26px;
  }
  .cover-poster h1 {
    font-size:144px;
    margin-top:37px;
  }
  .cover-art {
    width:285px;
    right:-39px;
  }
  .cover-description {
    font-size:12px;
    max-width:220px;
  }
  .daily-ticket {
    padding:26px 25px 23px;
  }
  .daily-ticket h2 {
    font-size:66px;
  }
  .ticket-heading .small-label {
    font-size:8px;
  }
  .ticket-note {
    font-size:8px;
  }
  .sport-button {
    padding:16px 12px;
    gap:9px;
  }
  .sport-index {
    font-size:9px;
  }
  .sport-icon {
    width:32px;
    flex-basis:32px;
  }
  .sport-icon svg {
    width:30px;
  }
  .sport-name {
    font-size:21px;
  }
  .sport-name small {
    font-size:8px;
  }
  .sport-arrow {
    font-size:17px;
  }
}
@media(max-width:800px) {
  .site-header,main {
    width:calc(100% - 40px);
  }
  .site-header {
    height:84px;
  }
  .site-header nav {
    gap:18px;
  }
  .daily-cover {
    grid-template-columns:1.15fr 1fr;
    min-height:435px;
  }
  .cover-poster {
    padding:24px 20px;
  }
  .cover-poster h1 {
    font-size:122px;
    letter-spacing:-2.5px;
    margin:35px 0 30px;
  }
  .cover-kicker {
    font-size:8px;
    letter-spacing:.7px;
  }
  .cover-art {
    width:240px;
    right:-59px;
    bottom:-10px;
  }
  .cover-description {
    max-width:185px;
    font-size:11px;
  }
  .poster-side-note {
    right:8px;
    top:20px;
    font-size:7px;
    letter-spacing:.8px;
  }
  .daily-ticket {
    padding:23px 20px 20px;
  }
  .daily-ticket h2 {
    font-size:60px;
    margin:23px 0 14px;
  }
  .ticket-description {
    font-size:11px;
  }
  .ticket-facts {
    gap:10px;
    margin:18px 0;
  }
  .ticket-facts strong {
    font-size:34px;
  }
  .ticket-facts small {
    font-size:7px;
    letter-spacing:.6px;
  }
  .ticket-note {
    white-space:normal;
    line-height:1.6;
    font-size:8px;
  }
  .ticket-heading .small-label {
    max-width:90px;
  }
  .ticket-heading time {
    font-size:9px;
  }
  .daily-play {
    padding:14px;
    font-size:12px;
  }
  .section-heading h2 {
    font-size:28px;
  }
  .section-heading h2>span {
    font-size:9px;
    margin-left:5px;
  }
  .sport-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .sport-button {
    padding:15px 16px;
    gap:14px;
  }
  .sport-name {
    font-size:24px;
  }
  .sport-name small {
    font-size:9px;
  }
  .sport-icon {
    flex-basis:39px;
  }
  .sport-icon svg {
    width:33px;
  }
  .home-footer>span {
    max-width:150px;
    line-height:1.7;
  }
  .game-screen {
    margin-top:19px;
  }
  .play-sheet {
    padding:27px 30px 30px;
  }
  .game-scoreboard {
    padding:21px 30px;
  }
  .round-segment {
    padding:10px 13px;
  }
  .result-screen {
    margin-top:24px;
  }
  #result-title {
    font-size:60px;
  }
  .result-cover {
    gap:24px;
  }
  .result-score-block {
    padding:18px;
  }
  .result-score>#result-score {
    font-size:90px;
  }
}
@media(max-width:700px) {
  .site-header,main {
    width:calc(100% - 32px);
  }
  .site-header {
    height:77px;
    gap:12px;
  }
  .wordmark {
    font-size:25px;
    gap:8px;
  }
  .brand-mark {
    width:34px;
    height:36px;
    font-size:36px;
    padding-right:6px;
    letter-spacing:-2.5px;
  }
  .brand-mark>span {
    font-size:21px;
    right:2px;
  }
  .wordmark-dot {
    font-size:8px;
    top:-11px;
    margin-left:2px;
  }
  .site-header nav {
    gap:14px;
  }
  .nav-link {
    font-size:11px;
  }
  .nav-link svg {
    width:19px;
    height:19px;
  }
  .nav-link#stats-button>span {
    display:none;
  }
  .account-button {
    border:0;
    border-left:1px solid var(--line);
    padding:8px 0 8px 12px;
    font-size:11px;
    gap:7px;
    max-width:85px;
  }
  .account-button>span:last-child {
    display:none;
  }
  .account-button:hover {
    background:none;
    color:var(--red);
  }
  .edition-line {
    font-size:8px;
    letter-spacing:.7px;
    padding:13px 0 12px;
  }
  .edition-line>span:last-child {
    font-size:7px;
  }
  .edition-line i {
    display:none;
  }
  .daily-cover {
    grid-template-columns:1fr;
  }
  .cover-poster {
    min-height:343px;
    padding:23px 22px 25px;
  }
  .cover-kicker {
    font-size:9px;
  }
  .cover-poster h1 {
    font-size:133px;
    letter-spacing:-2.5px;
    margin:28px 0 25px;
    line-height:.77;
  }
  .cover-description {
    font-size:11px;
    max-width:210px;
    line-height:1.65;
  }
  .cover-art {
    width:195px;
    right:-51px;
    bottom:-34px;
  }
  .cover-art .baseball-art,.cover-art .tennis-art {
    display:none;
  }
  .title-question {
    color:var(--ink);
  }
  .poster-side-note {
    font-size:7px;
    right:9px;
    top:23px;
    letter-spacing:1px;
  }
  .daily-ticket {
    border-left:0;
    border-top:1px solid var(--ink);
    padding:21px 22px 22px;
  }
  .daily-ticket::before {
    left:0;
    right:0;
    top:-5px;
    bottom:auto;
    width:auto;
    height:8px;
    background-size:12px 8px;
  }
  .ticket-heading .small-label {
    font-size:8px;
    max-width:none;
    letter-spacing:1.2px;
  }
  .ticket-heading time {
    font-size:10px;
  }
  .daily-ticket h2 {
    font-size:55px;
    line-height:.9;
    margin:20px 0 11px;
    letter-spacing:-.4px;
  }
  .daily-ticket h2 br {
    display:none;
  }
  .ticket-description {
    font-size:11px;
    line-height:1.7;
  }
  .ticket-description br {
    display:none;
  }
  .ticket-facts {
    margin:18px 0;
    padding:10px 0 11px;
  }
  .ticket-facts strong {
    font-size:37px;
  }
  .ticket-facts small {
    font-size:8px;
    letter-spacing:.7px;
    margin-top:4px;
  }
  .daily-play {
    min-height:53px;
    padding:14px 17px;
    font-size:13px;
  }
  .ticket-note {
    margin-top:12px;
    font-size:8px;
    white-space:normal;
  }
  .unlimited-section {
    margin-top:29px;
  }
  .section-heading {
    align-items:flex-end;
    margin-bottom:14px;
    gap:10px;
  }
  .section-heading h2 {
    font-size:28px;
  }
  .section-heading h2>span {
    display:none;
  }
  .section-heading .small-label {
    font-size:7px;
    letter-spacing:.9px;
    margin-bottom:6px;
  }
  .section-heading>.text-button {
    font-size:10px;
    gap:14px;
    min-height:26px;
  }
  .section-heading>.text-button>span {
    font-size:17px;
  }
  .sport-button {
    padding:14px 11px;
    gap:8px;
    min-height:80px;
  }
  .sport-index {
    font-size:8px;
    position:absolute;
    left:10px;
    top:5px;
    margin:0;
  }
  .sport-icon {
    flex-basis:31px;
    width:31px;
    height:36px;
  }
  .sport-icon svg {
    width:29px;
    height:29px;
    stroke-width:1.2;
  }
  .sport-name {
    font-size:22px;
    line-height:1;
  }
  .sport-name small {
    font-size:9px;
    letter-spacing:0;
    line-height:1.4;
    margin-top:6px;
  }
  .sport-arrow {
    font-size:15px;
  }
  .home-footer {
    padding:20px 0 24px;
    font-size:7px;
    letter-spacing:.5px;
    align-items:flex-start;
  }
  .home-footer>span {
    max-width:125px;
  }
  .home-footer>div {
    gap:15px;
    align-items:center;
  }
  .home-footer .text-button,.privacy-link {
    font-size:8px;
    min-height:20px;
  }
  .game-screen {
    margin-top:12px;
    margin-bottom:30px;
  }
  .game-topline {
    gap:8px;
    margin-bottom:9px;
  }
  .back-button {
    font-size:11px;
    min-width:50px;
    gap:5px;
  }
  .game-mode {
    font-size:9px;
    letter-spacing:.5px;
  }
  .round-position {
    font-size:10px;
    min-width:42px;
  }
  .round-segment {
    min-height:58px;
    padding:7px 8px;
    font-size:8px;
    display:grid;
    grid-template-rows:11px 23px;
    justify-content:center;
    gap:1px;
    text-align:center;
  }
  .round-segment b {
    font-size:22px;
    line-height:1;
  }
  .round-segment i {
    font-size:13px;
    line-height:23px;
  }
  .round-segment .round-label {
    display:none;
  }
  .play-sheet {
    padding:22px 21px 25px;
    min-height:409px;
  }
  .question-meta {
    margin-bottom:25px;
    gap:12px;
  }
  .sport-label {
    font-size:9px;
    gap:7px;
    letter-spacing:.5px;
  }
  .sport-label svg {
    width:23px;
    height:23px;
  }
  .clock {
    min-width:118px;
    gap:6px;
  }
  .clock-caption {
    font-size:6px;
    max-width:34px;
    letter-spacing:.5px;
  }
  .clock-unit {
    font-size:7px;
  }
  #clock-number {
    font-size:38px;
    min-width:33px;
  }
  .question-instruction {
    font-size:8px;
    margin-bottom:9px;
  }
  #question-text {
    font-size:35px;
    line-height:1.08;
    letter-spacing:-.25px;
  }
  .question-detail {
    font-size:10px;
    line-height:1.7;
    margin-top:13px;
  }
  #answer-form {
    margin-top:24px;
  }
  #answer-form>label {
    font-size:8px;
    letter-spacing:.5px;
  }
  .answer-input-wrap {
    min-height:57px;
  }
  .answer-input-wrap input {
    font-size:18px;
    padding:12px;
  }
  .submit-answer {
    min-width:54px;
    gap:0;
    padding:12px 14px;
  }
  .submit-answer>span:first-child {
    display:none;
  }
  .submit-answer>span:last-child {
    font-size:26px;
  }
  .answer-footer>span {
    font-size:9px;
  }
  .answer-footer .text-button {
    font-size:10px;
    min-width:59px;
  }
  .answer-message {
    font-size:11px;
  }
  .suggestion-button {
    font-size:11px;
  }
  .game-scoreboard {
    padding:19px 22px 20px;
    gap:25px;
  }
  .score-number {
    font-size:48px;
    gap:8px;
  }
  .score-number small {
    font-size:18px;
  }
  .score-total>.small-label {
    font-size:7px;
    letter-spacing:.6px;
  }
  .knowledge-labels {
    font-size:6px;
    letter-spacing:.3px;
    gap:5px;
  }
  .knowledge-track-line {
    height:20px;
  }
  .knowledge-track {
    max-width:170px;
  }
  #knowledge-ball {
    height:28px;
    width:7px;
  }
  .reveal-sport {
    font-size:8px;
    margin-bottom:17px;
  }
  .reveal-heading {
    gap:12px;
  }
  .reveal-medal>#reveal-points {
    font-size:91px;
    letter-spacing:-2px;
  }
  .reveal-medal>.small-label {
    font-size:6px;
    letter-spacing:.6px;
  }
  .reveal-tier {
    font-size:25px;
    padding:9px 10px;
    max-width:130px;
    border-width:3px;
  }
  #reveal-answer {
    font-size:33px;
    margin-top:26px;
  }
  .reveal-explanation {
    font-size:11px;
    line-height:1.75;
  }
  .answer-board {
    margin-top:23px;
  }
  .answer-board summary {
    font-size:11px;
    padding:13px 0;
  }
  .board-note {
    font-size:9px;
  }
  #answer-board-list {
    grid-template-columns:1fr;
    max-height:300px;
  }
  .board-row {
    font-size:11px;
    padding:10px 0;
  }
  .board-row strong {
    font-size:22px;
  }
  .next-button {
    min-height:52px;
    font-size:13px;
    margin-top:22px;
  }
  .result-screen {
    margin:21px auto 35px;
  }
  .result-topline {
    gap:8px;
    padding-bottom:12px;
  }
  .result-topline>.small-label {
    font-size:7px;
    letter-spacing:.5px;
  }
  .result-cover {
    grid-template-columns:1fr;
    gap:21px;
    padding:24px 0;
  }
  .result-heading>.small-label {
    font-size:8px;
    margin:0 0 11px;
  }
  #result-title {
    font-size:61px;
    max-width:340px;
  }
  .result-subtitle {
    font-size:11px;
    margin-top:13px;
    max-width:310px;
  }
  .result-score-block {
    padding:17px 20px;
    display:grid;
    grid-template-columns:max-content minmax(0,1fr);
    gap:3px 18px;
    align-items:end;
  }
  .result-score-block>.small-label {
    grid-column:1/3;
  }
  .result-score {
    gap:10px;
  }
  .result-score>#result-score {
    font-size:78px;
    letter-spacing:-1px;
  }
  .result-denominator {
    font-size:23px;
  }
  .result-bars {
    height:49px;
    margin-bottom:7px;
    gap:5px;
  }
  .result-list-heading {
    padding:17px 0 5px;
    font-size:8px;
  }
  .result-row {
    gap:10px;
    padding:13px 0;
  }
  .result-number {
    font-size:8px;
    width:13px;
  }
  .result-sport-icon {
    flex-basis:24px;
  }
  .result-sport-icon svg {
    width:23px;
    height:23px;
  }
  .result-answer {
    font-size:13px;
  }
  .result-answer small {
    font-size:9px;
    margin-top:4px;
  }
  .round-points {
    font-size:28px;
  }
  .result-actions {
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }
  .result-actions button {
    min-height:53px;
    font-size:13px;
  }
  .result-account-note {
    font-size:10px;
    line-height:1.8;
    margin-top:14px;
  }
  .result-account-note .text-button {
    font-size:10px;
  }
  .panel-dialog {
    padding:32px 23px 26px;
    max-height:calc(100dvh - 34px);
  }
  .panel-dialog h2 {
    font-size:43px;
    margin-top:15px;
  }
  .panel-dialog .small-label {
    font-size:8px;
  }
  .dialog-description {
    font-size:12px;
  }
  .how-step {
    gap:14px;
    padding:17px 0;
  }
  .how-step>span {
    font-size:23px;
  }
  .how-step h3 {
    font-size:13px;
  }
  .how-step p {
    font-size:11px;
  }
  .fine-note {
    font-size:9px;
  }
  .stat-cell strong {
    font-size:49px;
  }
  .stat-cell {
    padding-right:6px;
  }
  .stat-cell:not(:first-child) {
    padding-left:12px;
  }
  .stat-cell>span {
    font-size:8px;
  }
  .privacy-screen {
    padding:30px 0 40px;
  }
  .privacy-screen h1 {
    font-size:52px;
  }
}
@media(min-width:601px) and (max-width:700px) {
  .cover-art {
    width:300px;
    right:10px;
    bottom:-20px;
  }
}
@media(max-width:360px) {
  .site-header,main {
    width:calc(100% - 24px);
  }
  .site-header nav {
    gap:10px;
  }
  .wordmark {
    font-size:23px;
    gap:6px;
  }
  .brand-mark {
    width:30px;
    height:32px;
    font-size:32px;
  }
  .brand-mark>span {
    font-size:19px;
  }
  .wordmark-dot {
    display:none;
  }
  .account-button {
    font-size:10px;
    padding-left:9px;
    max-width:65px;
  }
  .nav-link {
    font-size:10px;
  }
  .cover-poster {
    min-height:313px;
    padding:21px 19px;
  }
  .cover-poster h1 {
    font-size:119px;
    margin-top:26px;
    margin-bottom:22px;
  }
  .cover-art {
    width:170px;
    right:-42px;
    bottom:-29px;
  }
  .cover-description {
    font-size:10px;
    max-width:180px;
  }
  .cover-kicker {
    font-size:8px;
  }
  .daily-ticket {
    padding:21px 19px 20px;
  }
  .daily-ticket h2 {
    font-size:49px;
  }
  .ticket-heading .small-label {
    font-size:7px;
  }
  .ticket-heading time {
    font-size:9px;
  }
  .ticket-description {
    font-size:10px;
  }
  .ticket-facts small {
    font-size:7px;
  }
  .ticket-note {
    font-size:7px;
  }
  .edition-line {
    font-size:7px;
  }
  .edition-line>span:last-child {
    font-size:6px;
  }
  .sport-button {
    padding-inline:9px;
    gap:6px;
  }
  .sport-name {
    font-size:19px;
  }
  .sport-name small {
    font-size:8px;
  }
  .sport-icon {
    flex-basis:27px;
  }
  .sport-icon svg {
    width:26px;
    height:26px;
  }
  .sport-arrow {
    font-size:13px;
  }
  .home-footer>span {
    max-width:95px;
    font-size:6px;
  }
  .home-footer>div {
    gap:10px;
  }
  .home-footer .text-button,.privacy-link {
    font-size:7px;
  }
  .play-sheet {
    padding-inline:18px;
  }
  .question-meta {
    gap:8px;
  }
  .sport-label {
    font-size:8px;
    gap:5px;
  }
  .sport-label svg {
    width:20px;
    height:20px;
  }
  .clock {
    min-width:105px;
  }
  .clock-caption {
    font-size:6px;
    max-width:32px;
    margin:0;
  }
  #clock-number {
    font-size:34px;
    min-width:29px;
  }
  #question-text {
    font-size:31px;
  }
  .game-scoreboard {
    padding-inline:19px;
    gap:20px;
  }
  .score-number {
    font-size:42px;
    gap:6px;
  }
  .score-number small {
    font-size:17px;
  }
  .reveal-tier {
    font-size:21px;
    max-width:113px;
    padding:9px;
  }
  .reveal-medal>#reveal-points {
    font-size:80px;
  }
  #reveal-answer {
    font-size:31px;
  }
  .round-segment {
    padding-inline:8px;
    font-size:8px;
  }
  .round-segment b {
    font-size:22px;
  }
  .result-score-block {
    gap:3px 15px;
    padding-inline:18px;
  }
  .result-score>#result-score {
    font-size:69px;
  }
  .result-denominator {
    font-size:20px;
  }
  #result-title {
    font-size:55px;
  }
  .result-bars {
    height:44px;
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}