.page{max-width:var(--page-max);padding:calc(var(--spacing) * 4) var(--gutter) calc(var(--spacing) * 8);gap:var(--section-gap);flex-direction:column;margin-inline:auto;display:flex}.brand-rule{height:calc(var(--spacing) * .75);background:var(--chrome-rule);border-radius:var(--radius-cell)}.masthead{gap:var(--cell-gap);flex-direction:column;display:flex}.title{color:var(--zone-heading);border-bottom:calc(var(--spacing) * .75) solid var(--chrome-rule);padding-bottom:calc(var(--spacing) * 1);align-self:start;margin:0}.game{gap:var(--section-gap);flex-direction:column;display:flex}@media (width>=64rem){.game{grid-template-columns:minmax(0, var(--grid-col-max)) var(--rail-col);justify-content:center;align-items:start;column-gap:var(--col-gap);row-gap:var(--rail-gap);grid-template-rows:auto auto auto 1fr auto;display:grid}.game>.bar,.game>.entry,.game>.view-result,.game>.hints{grid-column:2}.game>.legend{grid-area:5/1/auto/-1}.game>.board{grid-area:1/1}.game>.guesses{grid-area:2/1/-1;align-self:start}.game>.bar{grid-row:1}.game>.entry,.game>.view-result{grid-row:2}.game>.hints{grid-row:3}.game>.grid{grid-area:1/1/5}.bar{gap:calc(var(--spacing) * 2)}.game>.duel__ask,.game>.duel__cards,.game>.duel__hold,.game>.duel__track,.game>.duel__over{grid-column:1}.game>.duel__ask{grid-row:1}.game>.duel__cards{grid-row:2}.game>.duel__hold{grid-row:3}.game>.duel__track{grid-row:4;align-self:start}.game>.duel__over{grid-row:5}}.chooser{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.btn.chooser__back{width:100%;min-height:var(--cell-h);background:var(--ff-gold);color:var(--ff-ink);border:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.chooser__eyebrow{margin:0}.chooser__cards{gap:calc(var(--spacing) * 3);display:grid}@media (width>=64rem){.chooser__cards{gap:var(--col-gap);grid-template-columns:repeat(2,minmax(0,1fr))}}.pick{align-items:start;gap:calc(var(--spacing) * 2);width:100%;min-height:var(--touch-min);padding:calc(var(--spacing) * 4);background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line);border-inline-start:calc(var(--spacing) * 2) solid var(--pick-accent);border-radius:var(--radius-card);color:var(--text-primary);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--hover-duration) linear;flex-direction:column;display:flex}.pick--sprint{--pick-accent:var(--state-correct)}.pick--grandprix{--pick-accent:var(--state-wrong)}.pick:hover{border-color:var(--pick-accent)}.pick__name{margin:0}.pick__rec{padding:calc(var(--spacing) * .5) calc(var(--spacing) * 2);background:var(--surface-2);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-cell);color:var(--text-primary);align-self:start}.pick__blurb{color:var(--text-secondary)}.pick__foot{justify-content:space-between;align-items:end;gap:calc(var(--spacing) * 3);width:100%;padding-top:calc(var(--spacing) * 2);display:flex}.pick__streak{flex-direction:column;align-items:end;display:flex}.bar{justify-content:space-between;align-items:stretch;gap:var(--cell-gap);flex-wrap:wrap;display:flex}@media (width>=64rem){.bar{flex-wrap:nowrap}}.switcher{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);min-height:var(--touch-min);padding-inline:calc(var(--spacing) * 3);border:var(--border-focus) solid var(--ff-gold);border-radius:var(--radius-card);color:var(--ff-gold);font:inherit;cursor:pointer;transition:background-color var(--hover-duration) linear, color var(--hover-duration) linear;background:0 0;flex:none;display:inline-flex}.switcher:hover{background:var(--ff-gold);color:var(--ff-ink)}.switcher__icon{flex:0 0 calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);color:currentColor}.switcher__mode{text-align:center}.switcher__word{display:inline}@media (width>=64rem){.switcher{gap:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);flex-direction:column;line-height:1.1}.switcher__word{display:block}}.counters{grid-template-columns:repeat(2, minmax(calc(var(--spacing) * 22), 1fr));gap:var(--cell-gap);flex:auto;min-width:0;display:grid}.counter{gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-card);text-align:center;flex-direction:column;min-width:0;display:flex}.counter__label{color:var(--text-secondary);white-space:nowrap}.counter__value{color:var(--text-primary);white-space:nowrap}@media (width>=64rem){.counters .counter__value{font-size:var(--text-data-l)}}.entry{gap:var(--cell-gap);flex-direction:column;display:flex}.field{align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);min-height:var(--touch-min);background:var(--input-bg);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-card);display:flex}.field:focus-within{border-color:var(--focus-ring);outline:var(--border-focus) solid var(--focus-ring);outline-offset:var(--border-focus)}.field__icon{flex:0 0 calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);color:var(--input-muted)}.input{min-width:0;min-height:var(--touch-min);color:var(--input-fg);font-size:var(--text-body);background:0 0;border:0;flex:auto;padding:0}.input::placeholder{color:var(--input-muted)}.input:disabled{opacity:.6}.input:focus-visible{outline:none}.suggest{max-height:calc(var(--touch-min) * 4);background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-card);margin:0;padding:0;list-style:none;overflow-y:auto}.suggest__item{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);width:100%;min-height:var(--touch-min);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);color:var(--text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.suggest__item[aria-selected=true]{background:var(--surface-2)}.view-result{width:100%}.hints{gap:var(--cell-gap);flex-direction:column;display:flex}.hints__head{gap:calc(var(--spacing) * .5);padding-bottom:calc(var(--spacing) * 1);flex-direction:column;display:flex}.hints__title{color:var(--text-primary);margin:0}.hints__sub{margin:0}.hint{align-items:center;gap:calc(var(--spacing) * 3);min-height:var(--touch-min);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);border-radius:var(--radius-card);text-align:start;display:flex;position:relative}.hint__label,.hint__text{margin:0}.hint__mark{flex:0 0 calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);border-radius:var(--radius-cell);place-items:center;display:grid}.hint__mark .glyph{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.hint--locked{background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line)}.hint__mark--locked{color:var(--text-secondary)}.hint--open{background:var(--surface-2);border:var(--border-focus) solid var(--state-hint);width:100%;color:var(--text-primary);font:inherit;cursor:pointer;transition:transform var(--press-duration) ease-out}.hint--open:active{transform:scale(.97)}.hint__mark--open{background:var(--state-hint);color:var(--ff-ink)}.hint__cost{padding:calc(var(--spacing) * .5) calc(var(--spacing) * 2);background:var(--state-hint);color:var(--ff-ink);border-radius:var(--radius-cell);margin-inline-start:auto}.hint--used{background:var(--state-hint);color:var(--ff-ink);border:0}.hint__mark--used{color:var(--ff-ink)}.hint__drip{left:calc(var(--spacing) * 3 + var(--spacing) * 3);bottom:calc(-1 * var(--drip-drop));width:var(--glyph-stroke);height:var(--drip-drop);background:var(--state-hint);border-end-end-radius:var(--radius-cell);border-end-start-radius:var(--radius-cell);position:absolute}.panel{gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 4);background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-sheet);flex-direction:column;display:flex}.headline{margin:0}.overlay{z-index:10;padding:var(--gutter);background:color-mix(in srgb, var(--surface-0) 82%, transparent);animation:fade-in var(--sheet-in) ease-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:var(--modal-max);gap:calc(var(--spacing) * 4);max-height:100%;padding:calc(var(--spacing) * 4);background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-sheet);animation:sheet-in var(--sheet-in) ease-out;flex-direction:column;margin-block:auto;display:flex;position:relative;overflow-y:auto}@keyframes sheet-in{0%{transform:translateY(calc(var(--spacing) * 2));opacity:0}to{opacity:1;transform:translateY(0)}}.modal:focus-visible{outline:var(--border-focus) solid var(--focus-ring);outline-offset:var(--border-focus)}.modal__close{top:calc(var(--spacing) * 2);right:calc(var(--spacing) * 2);width:var(--touch-min);height:var(--touch-min);padding:calc(var(--spacing) * 3);box-sizing:border-box;border-radius:var(--radius-cell);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute}.modal .headline{border-bottom:calc(var(--spacing) * .75) solid var(--chrome-rule);padding-inline-end:var(--touch-min);padding-bottom:calc(var(--spacing) * 1);align-self:start}.modal__foot{gap:calc(var(--spacing) * 2);border-top:var(--border-hairline) solid var(--surface-line);padding-top:calc(var(--spacing) * 3);flex-direction:column;align-items:start;display:flex}.next{gap:calc(var(--spacing) * 2);border-top:var(--border-hairline) solid var(--surface-line);padding-top:calc(var(--spacing) * 3);flex-direction:column;display:flex}.next__label{margin:0}.next__grid{gap:calc(var(--spacing) * 2);grid-template-columns:1fr;display:grid}@media (width>=30rem){.next__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.next__card{gap:calc(var(--spacing) * 1);min-height:var(--touch-min);padding:calc(var(--spacing) * 3);background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line);border-inline-start:calc(var(--spacing) * .75) solid var(--tile-accent);border-radius:var(--radius-card);color:var(--text-primary);text-align:start;cursor:pointer;transition:border-color var(--hover-duration) linear;flex-direction:column;font-family:inherit;text-decoration:none;display:flex}.next__card:hover{border-color:var(--tile-accent)}.next__share{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.next__card--switch{--tile-accent:var(--ff-gold)}.next__top{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.next__icon{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);color:var(--tile-accent);flex:none;display:block}.next__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.next__icon--art{object-fit:contain}.next__name{color:var(--tile-accent);margin:0}.next__blurb{color:var(--text-secondary);flex:auto;margin:0}.next__go{margin-top:calc(var(--spacing) * 1);padding:calc(var(--spacing) * .5) calc(var(--spacing) * 2);background:var(--tile-accent);color:var(--ff-ink);border-radius:var(--radius-cell);align-self:start}.score{gap:calc(var(--spacing) * 6);flex-wrap:wrap;margin:0;display:flex}.score dt,.score dd,.answer,.countdown{margin:0}.share{padding:calc(var(--spacing) * 3);min-height:calc(var(--spacing) * 32);max-height:calc(var(--spacing) * 52);color:var(--ff-ink);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-card);font-size:var(--text-body);overscroll-behavior:contain;white-space:pre;background:#fff;flex:none;margin:0;line-height:1.3;overflow:auto}@media (width>=48rem){.share{min-height:0;max-height:calc(var(--spacing) * 44);padding:calc(var(--spacing) * 2);font-size:var(--text-body-s);line-height:1.25}}.answer__label{margin:0}.answer__name{color:var(--zone-heading);margin:0}.btn.btn--share{width:100%;min-height:var(--cell-h);background:var(--ff-gold);color:var(--ff-ink);border:0}.toast-slot{inset-inline:0;bottom:calc(var(--spacing) * 6);z-index:20;padding-inline:var(--gutter);pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);background:var(--surface-2);color:var(--text-primary);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-card);animation:fade-in var(--toast-duration) ease-out;margin:0}.visor{display:block}.visor__band{height:var(--crest-h);border-radius:var(--radius-cell);background:var(--ff-ink);border:var(--border-hairline) solid var(--surface-line);display:block}.skeleton{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.skeleton .visor__band{background-image:linear-gradient(90deg, transparent 0%, var(--surface-2) 45%, var(--surface-2) 55%, transparent 100%);animation:shimmer var(--skeleton-shimmer) ease-in-out infinite;background-repeat:no-repeat;background-size:220% 100%}@keyframes shimmer{0%{background-position:-60% 0}to{background-position:160% 0}}@media (prefers-reduced-motion:reduce){.skeleton .visor__band{animation:none}}.disclaimer{border-top:var(--border-focus) solid var(--chrome-rule);padding-top:calc(var(--spacing) * 3);color:var(--text-secondary)}.disclaimer p{margin:0}.dev{padding:calc(var(--spacing) * 2);border:var(--border-hairline) dashed var(--state-wrong);border-radius:var(--radius-cell);color:var(--text-secondary);font-size:var(--text-body-s);white-space:pre-wrap;margin:0}.legend{gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 4);background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-card);flex-direction:column;display:flex}.legend__title{color:var(--text-primary);margin:0}.legend__row{justify-content:center;gap:calc(var(--spacing) * 3) calc(var(--spacing) * 6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.legend__item{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.legend__swatch{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);border-radius:var(--radius-card);flex:none;place-items:center;display:grid}.legend__swatch--dir{background:var(--surface-2);border:var(--border-hairline) solid var(--surface-line);color:var(--text-primary)}.legend__chev{width:calc(var(--spacing) * 3);height:auto;display:block}.legend__text{flex-direction:column;display:flex}.legend__name{color:var(--text-primary)}.legend__meaning{color:var(--text-secondary)}.glyph{width:100%;height:100%;display:block}svg.glyph{fill:none;stroke:currentColor;stroke-width:var(--glyph-stroke);stroke-linecap:round;stroke-linejoin:round}svg.glyph .glyph__fill{fill:currentColor;stroke:none}svg.icon{fill:none;stroke:currentColor;width:100%;height:100%;stroke-width:var(--glyph-stroke);stroke-linecap:round;stroke-linejoin:round;display:block}.guesses{gap:var(--cell-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guess{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);min-height:var(--touch-min);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);background:var(--surface-1);border:var(--border-hairline) solid var(--surface-line);border-radius:var(--radius-card);flex-wrap:wrap;display:flex}.guess__name{margin:0}.guess__verdict{color:var(--text-secondary);margin-inline-start:auto}.guess.guess--wrong{background:var(--state-wrong);border-color:var(--state-wrong);color:var(--ff-cream)}.guess.guess--wrong .guess__verdict{color:var(--ff-cream)}.guess.guess--wrong .guess__note{color:var(--ff-cream);flex:1 0 100%}.guess.guess--correct{background:var(--state-correct);border-color:var(--state-correct);color:var(--ff-ink)}.guess.guess--correct .guess__verdict{color:var(--ff-ink)}.podium__head{margin-bottom:calc(var(--spacing) * 3)}.podium__season{margin-bottom:calc(var(--spacing) * .5);display:block}.podium__race{color:var(--text-primary);margin:0}.podium__steps{gap:calc(var(--spacing) * 2);grid-template-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin:0;padding:0;list-style:none;display:grid}.step--p1,.step--p2,.step--p3{grid-row:1}.podium__steps{--podium-step:calc(var(--spacing) * 4)}@media (width>=48rem){.podium__steps{--podium-step:calc(var(--spacing) * 6)}}.step--p2{margin-bottom:var(--podium-step);grid-column:1}.step--p1{margin-bottom:calc(var(--podium-step) * 2);grid-column:2}.step--p3{grid-column:3;margin-bottom:0}.step{gap:calc(var(--spacing) * 1.5);background:var(--surface-1);border-radius:var(--radius-card);padding:calc(var(--spacing) * 2);border:var(--border-focus) solid var(--place,var(--surface-line));flex-direction:column;min-width:0;display:flex}.step--p1{--place:var(--ff-gold-tint)}.step--p2{--place:var(--ff-concrete)}.step--p3{--place:var(--ff-rust-tint)}:root[data-theme=light] .step--p1{--place:var(--ff-gold-deep)}:root[data-theme=light] .step--p2{--place:var(--ff-concrete-deep)}:root[data-theme=light] .step--p3{--place:var(--ff-rust-deep)}.step__pos{align-items:center;gap:calc(var(--spacing) * .75);min-height:1em;line-height:1;display:flex}.step__num{color:var(--place,var(--chrome-rule));line-height:1}.step__medal{font-size:var(--text-body);line-height:1;display:block}.step__frame{aspect-ratio:1;border-radius:var(--radius-cell);background:var(--surface-2);position:relative;overflow:hidden}.step__photo{object-fit:cover;width:100%;height:100%;display:block}.step__namecard{background:linear-gradient(160deg, var(--surface-2) 0%, var(--surface-1) 100%);width:100%;height:100%;color:var(--chrome-rule);justify-content:center;align-items:center;display:flex}.step__initial{opacity:.7}.step__cover{z-index:1;padding:calc(var(--spacing) * 4);background:var(--ff-ink);place-items:center;display:grid;position:absolute;inset:0}.step__cover-mark{object-fit:contain;width:auto;max-width:68%;height:auto;max-height:68%;display:block}.step__plate{gap:calc(var(--spacing) * .25);flex-direction:column;min-width:0;display:flex}.step__name{-webkit-line-clamp:2;overflow-wrap:break-word;hyphens:none;color:var(--text-primary);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.step__team{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=26.5rem){.step{padding:calc(var(--spacing) * 1.5)}.step__name{font-size:var(--text-body-s)}}.podium__list{gap:calc(var(--spacing) * 1.5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.podium__row{gap:calc(var(--spacing) * 2);background:var(--surface-1);border-radius:var(--radius-cell);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);grid-template-columns:auto 1fr auto;align-items:baseline;display:grid}.podium__rowpos{color:var(--chrome-rule)}.podium__mode{margin-top:calc(var(--spacing) * 3);min-height:var(--touch-min);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 4);border:var(--border-focus) solid var(--ff-petrol-tint);border-radius:var(--radius-card);color:var(--ff-petrol-tint);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:100%;font-weight:700;transition:background-color .12s linear,color .12s linear;display:inline-flex}@media (width>=30rem){.podium__mode{width:auto}}.podium__mode:hover{background:color-mix(in srgb, var(--ff-petrol-tint) 18%, transparent)}.podium__mode[aria-pressed=true]{background:var(--ff-petrol-tint);color:var(--ff-ink)}.podium__mode[aria-pressed=true]:hover{background:color-mix(in srgb, var(--ff-petrol-tint) 85%, var(--ff-ink))}.podium__mode:active{transform:translateY(1px)}:root[data-theme=light] .podium__mode{border-color:var(--ff-petrol-deep);color:var(--ff-petrol-deep)}:root[data-theme=light] .podium__mode[aria-pressed=true]{background:var(--ff-petrol-deep);color:var(--ff-cream)}@media (prefers-reduced-motion:reduce){.podium__mode{transition:none}.podium__mode:active{transform:none}}.lights{justify-content:center;gap:calc(var(--spacing) * 1.5);margin-bottom:calc(var(--spacing) * 3);display:flex}.lights__lamp{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);background:var(--surface-2);border:var(--border-hairline) solid var(--surface-line);border-radius:50%;transition:background-color .12s linear,box-shadow .12s linear}.lights__lamp--on{background:var(--ff-red);box-shadow:0 0 calc(var(--spacing) * 2) var(--ff-red)}.lights--out .lights__lamp{background:var(--surface-2);box-shadow:none}.step__cover--opening{animation:cover-lift var(--cover-ms,.3s) ease-out both}@keyframes cover-lift{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.step__cover--opening{opacity:0;animation:none}.lights__lamp{transition:none}}.title__mode{white-space:nowrap}.title__mode[hidden]{display:none}.brand-lockup__title{overflow-wrap:anywhere}
