@font-face {font-family: Barlow; src: url('/assets/fonts/barlow-400.woff2') format('woff2'); font-weight: 400; font-display: swap;}
@font-face {font-family: Barlow; src: url('/assets/fonts/barlow-600.woff2') format('woff2'); font-weight: 600; font-display: swap;}
@font-face {font-family: Barlow; src: url('/assets/fonts/barlow-800.woff2') format('woff2'); font-weight: 800; font-display: swap;}
@font-face {font-family: Display; src: url('/assets/fonts/barlow-condensed-800.woff2') format('woff2'); font-weight: 800; font-display: swap;}
:root {--night: #0c0b21; --ink: #070711; --surface: #19172e; --surface-raised: #24203f; --orange: #ff8b19; --purple: #9e86ff; --white: #f8f7ff; --muted: #b4b1ca; --line: #ffffff20; --display: Display,Impact,sans-serif; --font: Barlow,Arial,sans-serif; color-scheme: dark; font-family: var(--font); color: var(--white); background: var(--night); font-synthesis: none;}
* {box-sizing: border-box;}
.reference-photo.is-loading{background-position:center;background-size:cover;background-repeat:no-repeat;}
html {scroll-behavior: smooth; scroll-padding-top: 140px;}
body {margin: 0;}
button, input, textarea {font: inherit;}
button, a {-webkit-tap-highlight-color: transparent;}
button {cursor: pointer;}
a {color: inherit; text-decoration: none;}
button {color: inherit;}
button:disabled {cursor: default;}
img {max-width: 100%; display: block;}
button:focus-visible, a:focus-visible, input:focus-visible {outline: 3px solid #c1b2ff; outline-offset: 5px;}
[hidden] {display: none !important;}
::selection {background: var(--orange); color: var(--ink);}
.section-shell {width: min(1240px,calc(100% - 96px)); margin-inline: auto;}
.skip-link {position: fixed; left: 20px; top: -100px; z-index: 10; padding: 14px; background: var(--orange); color: var(--ink);}
.skip-link:focus {top: 12px;}
.site-header {background: var(--ink);}
.header-inner {width: min(1360px,calc(100% - 80px)); margin: auto; min-height: 86px; display: flex; gap: 44px; align-items: center;}
.brand {display: inline-flex; align-items: center; gap: 13px; font-family: var(--display); font-weight: 800; font-size: 31px; line-height: .87; letter-spacing: -.4px; white-space: nowrap;}
.header-inner>nav {display: flex; align-items: center; gap: 33px; margin-left: 34px;}
.header-inner>nav a {font-weight: 600; font-size: 14px; color: #dddbe9; transition: color .15s;}
.header-inner>nav a:hover {color: var(--orange);}
.button {display: inline-flex; justify-content: center; align-items: center; gap: 30px; background: var(--orange); color: #111019; border: 0; border-radius: 3px; font-size: 15px; font-weight: 800; line-height: 1.1; text-transform: uppercase; padding: 17px 23px; min-height: 48px; transition: background .15s,transform .15s;}
.button:hover:not(:disabled) {background: #ffa448; transform: translateY(-2px);}
.button span {font-size: 23px; line-height: .8;}
.nav-play {margin-left: auto; padding: 12px 20px; min-height: 43px; gap: 35px; font-size: 13px;}
.subnav {background: #0a0918; position: sticky; top: 0; z-index: 5;}
.subnav-inner {width: min(1360px,calc(100% - 80px)); margin: auto; min-height: 51px; display: flex; justify-content: space-between; gap: 15px; align-items: stretch;}
.subnav nav {display: flex; gap: 27px;}
.subnav nav button {border: 0; background: none; padding: 0; font-size: 12px; font-weight: 600; position: relative; color: var(--muted); white-space: nowrap;}
.subnav nav button.is-active {color: white;}
.mini-tag {margin-left: 6px; padding: 3px 4px; border: 1px solid #ffffff2a; border-radius: 2px; font-size: 8px; letter-spacing: .7px;}
.hero {position: relative; isolation: isolate; min-height: 650px; overflow: hidden; background: #11102c;}
.hero-image {position: absolute; z-index: -3; inset: 0 0 0 20%; background: url('/assets/falcons-worlds.webp') center 42%/cover no-repeat;}
.hero:before {content: ''; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,#0c0b21 5%,#0c0b21ed 24%,#0c0b2150 46%,#08091908 76%),linear-gradient(0deg,#0c0b21 0%,transparent 36%,#0c0b2115);}
.hero-inner {width: min(1240px,calc(100% - 96px)); margin: auto; min-height: 600px; display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 60px 0 65px;}
.eyebrow {font-size: 10px; font-weight: 600; letter-spacing: 2.3px; line-height: 1.6; margin: 0 0 16px;}
.hero h1 {font-family: var(--display); font-size: clamp(90px,8.8vw,134px); font-style: italic; line-height: .83; letter-spacing: -2px; margin: 23px 0 26px; transform: translateX(-4px);}
.hero h1 span {color: var(--orange);}
.hero-actions {display: flex; align-items: center; gap: 28px;}
.hero-scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:56px;height:56px;color:var(--orange);pointer-events:none}
.hero-scroll svg{width:32px;height:40px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:hero-scroll-bounce 1.8s ease-in-out infinite}
@keyframes hero-scroll-bounce{0%,100%{transform:translateY(-4px)}50%{transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){.hero-scroll svg{animation:none}html{scroll-behavior:auto}}
.button-large {font-size: 16px; padding: 21px 25px; gap: 43px;}
.quiet-link {display: inline-flex; gap: 18px; align-items: center; font-size: 13px; font-weight: 600; border-bottom: 1px solid #ffffff50; padding: 10px 0;}
.quiet-link:hover {color: var(--orange);}
.status-dot {display: inline-block; height: 6px; width: 6px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 10px #ff8b1940; flex-shrink: 0;}
.games-section {padding-top: 77px; padding-bottom: 60px;}
.section-heading {display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 31px;}
.accent {color: var(--orange);}
h2 {font-family: var(--display); font-size: 57px; line-height: .91; letter-spacing: -.6px; margin: 0;}
.section-heading>p {font-size: 15px; line-height: 1.6; color: var(--muted); margin: 0 0 3px;}
.section-heading .eyebrow {margin-bottom: 11px;}
.game-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 26px;}
.game-tile {min-width: 0; background: var(--surface); overflow: hidden; transition: border-color .2s,transform .2s;}
.game-tile:hover {transform: translateY(-3px);}
.game-tile-link{display:block;height:100%;color:inherit;text-decoration:none}
.game-tile:focus-within{outline:3px solid var(--purple);outline-offset:4px}
.game-tile-link:focus-visible{outline:none}
.tile-art {position: relative; aspect-ratio: 3 / 2; overflow: hidden; isolation: isolate;}
.game-cover {display: block; width: 100%; height: 100%; object-fit: cover;}









.game-tile .tile-content {display: flex; align-items: center; justify-content: center; text-align:center; padding: 10px 18px 11px;}
.tile-content h3 {font-family: var(--display); font-size: 36px; line-height: 1; margin: 0 0 2px; letter-spacing: -.3px;}
.tile-content p:last-child {font-size: 14px; line-height: 1.55; color: #c1bdd5; margin: 0;}
.tile-play {width: 53px; height: 53px; flex-shrink: 0; display: grid; place-items: center; background: var(--orange); border: 0; border-radius: 2px; font-size: 33px; color: var(--night); transition: transform .15s;}
.tile-play:hover {transform: translate(2px,-2px);}




.purple-play {background: #b59aff;}
footer {background: #080811; padding: 40px 0 24px;}
.footer-top {display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 35px;}
.footer-top>.brand {font-size: 27px;}
.footer-top>span {font-size: 9px; letter-spacing: 2px; color: #a09ab8;}
.text-action {padding: 7px 0; background: none; border: 0; color: #e9e5f5; font-size: 12px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px;}
.text-action:hover {color: var(--orange);}
.footer-bottom {display: flex; justify-content: space-between; gap: 20px; font-size: 10px; color: #b0aabd; line-height: 1.6; padding-top: 24px;}
.play-view {padding-top: 58px; padding-bottom: 70px; max-width: 1060px; min-height: 75vh;}
.play-heading {display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 35px;}
.play-heading h1 {font-family: var(--display); font-size: 85px; font-style: italic; line-height: .86; margin: 15px 0 18px; letter-spacing: -1px;}
.play-heading h1>span {color: var(--orange);}
.play-heading>div>p:last-child {font-size: 16px; line-height: 1.6; color: var(--muted); margin-bottom: 0;}
.round-ticket {padding: 15px 0 15px 22px; text-align: left;}
.round-ticket span {font-size: 8px; letter-spacing: 1.5px; display: block; color: #c5bfd8; line-height: 1.6;}
.round-ticket strong {font-family: var(--display); font-size: 60px; line-height: 1.2;}
.game-board {background: var(--surface); overflow: hidden; box-shadow: 0 18px 70px #0002;}
.board-heading {display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 30px;}
.team-lockup {display: flex; align-items: center; gap: 17px;}
.team-lockup img {height: 47px; width: 47px; object-fit: contain;}
.team-lockup span {font-size: 9px; letter-spacing: 1.3px; color: var(--muted);}
.team-lockup h2 {font-size: 32px; line-height: 1.1; margin-top: 6px;}
.roster-cards {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; padding: 26px 30px 28px;}
.roster-player {position: relative; background: #25203d; min-width: 0; overflow: hidden; text-align: center;}
.roster-player img {height: 195px; width: 100%; object-fit: cover; object-position: center;}
.roster-player h3 {font-family: var(--display); font-size: 28px; line-height: 1.15; margin: 15px 5px 7px; overflow-wrap: anywhere;}
.roster-player p {font-size: 8px; letter-spacing: 1.7px; color: #bfb5d8; margin: 0 3px 17px;}
.roster-player .player-number {position: absolute; top: 10px; left: 10px; font-size: 9px; font-weight: 800; background: #080711be; padding: 4px 6px; z-index: 1;}
.roster-player.mystery {background: radial-gradient(ellipse at top,#4a2c24,transparent 80%),#211b2c;}
.question-art {height: 195px; display: grid; place-items: center; background: none;}
.question-art strong {font-family: var(--display); font-size: 130px; font-style: italic; color: var(--orange); line-height: 1;}
.mystery h3 {color: var(--orange);}
.mystery p {color: #ffc38b;}
.guess-zone {padding: 0 30px 26px;}
.guess-label {display: flex; justify-content: space-between; gap: 15px; font-size: 10px; font-weight: 600; letter-spacing: 1.4px; line-height: 1.5; margin-bottom: 12px;}
.guess-label>span {color: var(--muted); font-size: 9px;}
.search-wrap {position: relative; flex: 1; min-width: 0;}
.search-wrap>svg {width: 19px; height: 19px; position: absolute; left: 16px; top: 17px; stroke: #b7afcd; fill: none; stroke-width: 2;}
.search-wrap input {background: #0d0b21; color: var(--white); border: 1px solid #766c9370; border-radius: 3px; padding: 16px 15px 16px 46px; width: 100%; height: 54px; font-size: 15px;}
.search-wrap input::placeholder {color: #a39bb8;}
.search-wrap input:focus {border-color: var(--orange); outline-offset: 2px;}
#guess-form {display: flex; align-items: start; gap: 10px;}
#guess-form>.button {height: 54px; gap: 28px;}
#guess-form>.button:disabled {background: #625a72; color: #c1bacd; opacity: .65;}
.search-hint {color: #b8b0ca; font-size: 11px; margin: 11px 0 0;}
.search-wrap ul {position: absolute; z-index: 4; top: 59px; left: 0; right: 0; background: #211c37; border: 1px solid #655877; box-shadow: 0 15px 40px #0008; border-radius: 3px; margin: 0; padding: 5px; list-style: none; max-height: 260px; overflow: auto;}
.search-wrap li {padding: 12px 10px; cursor: pointer; border-radius: 2px; font-size: 14px;}
.search-wrap li:hover, .search-wrap li[aria-selected=true] {background: #ff8b1926; color: #ffb56e;}
.guess-history {display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px;}
.guess-chip {padding: 8px 12px; font-size: 12px; background: #33223b; border: 1px solid #dc828b50; border-radius: 3px; color: #ffbcc3;}
.guess-chip.correct {background: #ff8b191a; border-color: #ff8b1980; color: #ffb978;}
.game-result {margin-top: 22px; padding-top: 22px;}
.game-result h3 {font-family: var(--display); font-style: italic; font-size: 48px; line-height: 1; margin: 10px 0; color: var(--orange);}
.game-result p {font-size: 14px; line-height: 1.6; color: var(--muted);}
.result-actions {display: flex; gap: 25px; align-items: center; margin-top: 20px;}
.board-footer {background: #100e23; padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.board-footer>span {display: flex; align-items: center; gap: 9px; font-size: 8px; letter-spacing: 1.1px; color: #c4bcd5; line-height: 1.5;}
.board-footer .text-action {font-size: 10px; white-space: nowrap;}
.under-board {text-align: center; font-size: 11px; color: var(--muted); line-height: 1.7; margin: 20px 0 0;}
.purple-accent {color: #b59aff;}
#prize-view .play-heading h1>span {color: #b59aff;}
#prize-view .play-heading h1 {font-size: 75px;}
.purple-ticket {}
.purple-ticket strong {font-size: 43px;}
.prize-board {position: relative; background: var(--surface); overflow: hidden;}
.prize-picks {display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--line);}
.prize-pick {border: 0; position: relative; background: #17132c; padding: 0 0 30px; text-align: center; min-width: 0;}
.prize-pick img {height: 280px; width: 100%; object-fit: cover; object-position: center;}
.prize-pick h2 {font-size: 44px; margin: 24px 0 7px; overflow-wrap: anywhere; padding: 0 10px;}
.prize-pick>span {font-size: 9px; color: #b6aacc; letter-spacing: 1.5px;}
.prize-pick>strong {display: block; font-family: var(--display); font-size: 47px; line-height: 1.3; margin: 7px 0 15px;}
.prize-pick>small {font-size: 11px; color: var(--orange);}
.prize-pick:hover:not(:disabled) {background: #302044;}
.prize-pick.winner {box-shadow: inset 0 -4px var(--orange);}
.prize-vs {position: absolute; z-index: 1; top: 225px; left: 50%; transform: translateX(-50%) rotate(-8deg); width: 60px; height: 60px; display: grid; place-items: center; background: var(--orange); color: #121020; font-family: var(--display); font-size: 30px;}
.prize-feedback {display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 22px 25px; background: #20172f; min-height: 92px;}
.prize-feedback p {font-size: 16px; color: #e3daee; line-height: 1.5; margin: 0;}
dialog {background: #19162b; color: var(--white); border: 1px solid #77708c; border-radius: 5px; padding: 37px; width: min(570px,calc(100% - 30px)); max-height: 85vh; overflow: auto;}
dialog::backdrop {background: #050410ce; backdrop-filter: blur(5px);}
dialog h2 {font-size: 48px; margin: 10px 0 20px;}
dialog p, dialog li {font-size: 14px; line-height: 1.7; color: #d3cce0;}
dialog li {margin-bottom: 10px;}
dialog a {color: #ffb36d; text-decoration: underline; text-underline-offset: 3px;}
dialog textarea {width: 100%; background: #0c0b21; color: white; min-height: 110px; padding: 13px; line-height: 1.7; font-family: var(--font); border: 1px solid #6c607f; border-radius: 3px;}
dialog .source-row {border-top: 1px solid var(--line); padding: 10px 0; line-height: 1.5; font-size: 12px;}
dialog .source-row strong {display: block;}
dialog .source-row small {color: var(--muted); display: block;}
.dialog-close {position: absolute; right: 16px; top: 12px; border: 0; background: transparent; font-size: 27px; padding: 5px; color: var(--muted);}
#toast {position: fixed; bottom: 25px; left: 50%; transform: translateX(-50%); z-index: 10; border-radius: 3px; background: var(--orange); color: #110e1c; padding: 15px 22px; max-width: calc(100% - 30px); font-weight: 600; font-size: 13px; box-shadow: 0 10px 35px #0008;}
@media (min-width:1600px) {.hero {min-height: 710px;}.hero-inner {min-height: 660px;}}
@media (max-width:1050px) {.section-shell, .hero-inner {width: calc(100% - 64px);}.header-inner, .subnav-inner {width: calc(100% - 48px);}.header-inner>nav {margin-left: 0; gap: 22px;}.header-inner {gap: 30px;}.hero h1 {font-size: 110px;}.hero-inner {min-height: 570px;}.hero {min-height: 620px;}.tile-content {padding: 22px 20px;}.tile-content h3 {font-size: 32px;}.tile-content p:last-child {font-size: 13px;}.tile-play {width: 42px; height: 45px;}}
@media (max-width:760px) {.section-shell, .hero-inner {width: calc(100% - 40px);}.header-inner, .subnav-inner {width: calc(100% - 40px);}.header-inner {min-height: 75px; gap: 15px;}.header-inner>nav {display: none;}.brand {font-size: 28px;}.nav-play {font-size: 11px; gap: 18px; padding: 11px 14px; min-height: 40px;}.subnav-inner {min-height: 47px;}.subnav nav {gap: 25px;}.subnav nav button {font-size: 11px;}.hero-inner {min-height: 570px; align-items: center; padding: 55px 0 65px;}.hero {min-height: 620px;}.hero h1 {font-size: 108px;}.hero-image {background-position: 66% center;}.hero:before {background: linear-gradient(90deg,#0c0b21f5 0%,#0c0b21ba 45%,#0c0b2140 100%),linear-gradient(0deg,#0c0b21,transparent 75%);}.hero .eyebrow {font-size: 8px; letter-spacing: 1.5px;}.hero-actions {gap: 22px;}.button-large {font-size: 13px; padding: 18px 20px; gap: 25px;}.quiet-link {font-size: 11px; gap: 12px;}.games-section {padding-top: 50px; padding-bottom: 35px;}.section-heading {align-items: start; gap: 20px;}.section-heading h2 {font-size: 49px;}.section-heading>p {font-size: 12px; max-width: 180px; align-self: end;}.section-heading .eyebrow {font-size: 8px; letter-spacing: 1.6px;}.game-grid {gap: 20px; grid-template-columns: 1fr;}.tile-content {padding: 23px;}.tile-content h3 {font-size: 35px;}.footer-top {flex-wrap: wrap; gap: 26px; padding-bottom: 26px;}.footer-top>span {display: none;}.footer-bottom {flex-direction: column; gap: 7px; font-size: 9px;}.play-view {padding-top: 40px; padding-bottom: 50px;}.play-heading h1 {font-size: 72px;}.round-ticket {padding-left: 15px;}.round-ticket strong {font-size: 46px;}.round-ticket span {font-size: 7px; letter-spacing: .9px;}.play-heading>div>p:last-child {font-size: 13px;}.play-heading .eyebrow {font-size: 8px; letter-spacing: 1.5px;}.board-heading {padding: 21px 18px;}.team-lockup {gap: 12px;}.team-lockup img {width: 36px; height: 36px;}.team-lockup span {font-size: 7px; letter-spacing: .8px;}.team-lockup h2 {font-size: 27px;}.board-heading .text-action {font-size: 10px;}.roster-cards {padding: 20px 18px; gap: 9px;}.roster-player img, .question-art {height: 160px; background: none;}.roster-player h3 {font-size: 25px;}.roster-player p {font-size: 6px; letter-spacing: 1px;}.question-art strong {font-size: 100px;}.guess-zone {padding: 0 18px 23px;}.guess-label {font-size: 9px; letter-spacing: .9px;}.guess-label>span {font-size: 8px;}#guess-form>.button {gap: 15px; font-size: 12px; padding: 16px;}.search-wrap input {font-size: 13px;}.board-footer {padding: 13px 18px;}.board-footer>span {font-size: 7px; letter-spacing: .6px;}.play-heading {gap: 14px;}.prize-pick img {height: 220px;}.prize-pick h2 {font-size: 36px;}.prize-pick>strong {font-size: 36px;}.prize-vs {top: 177px;}#prize-view .play-heading h1 {font-size: 62px;}.purple-ticket strong {font-size: 32px;}}
@media (max-width:420px) {.header-inner, .subnav-inner, .section-shell, .hero-inner {width: calc(100% - 32px);}.brand {font-size: 25px; gap: 9px;}.nav-play {gap: 12px; padding: 11px 12px;}.subnav nav {gap: 22px;}.mini-tag {font-size: 7px; margin-left: 3px;}.hero h1 {font-size: 98px;}.hero-inner {min-height: 550px; padding-top: 48px;}.hero {min-height: 603px;}.hero-actions {gap: 16px; flex-wrap: wrap;}.quiet-link {font-size: 11px;}.button-large {font-size: 12px; gap: 23px; padding: 18px;}.section-heading>p {font-size: 11px; max-width: 135px;}.section-heading h2 {font-size: 44px;}.tile-content {padding: 23px 18px; gap: 12px;}.tile-content h3 {font-size: 32px;}.tile-content p:last-child {font-size: 12px;}.play-heading h1 {font-size: 60px;}.round-ticket {max-width: 112px; padding-left: 11px;}.round-ticket strong {font-size: 39px;}.play-heading .eyebrow {font-size: 7px; letter-spacing: 1px;}.play-heading>div>p:last-child {font-size: 12px; max-width: 195px;}.board-heading {padding: 18px 12px;}.team-lockup {gap: 7px;}.team-lockup img {width: 29px; height: 29px;}.team-lockup span {font-size: 6px; letter-spacing: .3px;}.team-lockup h2 {font-size: 24px;}.board-heading .text-action {font-size: 9px;}.roster-cards {padding: 15px 12px; gap: 6px;}.roster-player img, .question-art {height: 125px; background: none;}.roster-player h3 {font-size: 22px; margin-top: 12px;}.roster-player p {font-size: 5px; letter-spacing: .8px; margin-bottom: 13px;}.roster-player .player-number {top: 7px; left: 7px; font-size: 8px; padding: 3px 4px;}.question-art strong {font-size: 86px;}.guess-zone {padding: 0 12px 20px;}.guess-label {font-size: 8px; letter-spacing: .5px;}.guess-label>span {font-size: 7px;}#guess-form {flex-direction: column; gap: 9px;}.search-wrap {width: 100%;}#guess-form>.button {width: 100%; justify-content: space-between;}.search-hint {font-size: 10px;}.board-footer {padding: 12px; gap: 10px;}.board-footer>span {font-size: 6px; letter-spacing: .5px; max-width: 210px;}.board-footer .text-action {font-size: 9px;}.game-result h3 {font-size: 41px;}.result-actions {gap: 15px; flex-wrap: wrap;}.result-actions>.button {font-size: 11px; gap: 10px; padding: 16px;}.under-board {font-size: 10px;}#prize-view .play-heading h1 {font-size: 53px;}.purple-ticket strong {font-size: 26px;}.prize-pick img {height: 170px;}.prize-pick h2 {font-size: 29px;}.prize-pick>span {font-size: 7px; letter-spacing: .7px;}.prize-pick>strong {font-size: 31px;}.prize-vs {top: 139px; width: 48px; height: 48px; font-size: 24px;}.prize-feedback {padding: 18px; flex-wrap: wrap; gap: 12px;}.prize-feedback p {font-size: 14px;}.prize-feedback .button {font-size: 12px; padding: 15px;}dialog {padding: 30px 22px;}dialog h2 {font-size: 40px;}}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior: auto;}*, *:before, *:after {transition: none !important; animation: none !important;}}
@media (max-width:420px) {.roster-player p {font-size: 7px; letter-spacing: .4px; line-height: 1.5; min-height: 21px;}.team-lockup span {font-size: 7px;}.board-footer>span {font-size: 8px; letter-spacing: .3px;}.board-footer .text-action {font-size: 10px;}}
/* Quiet layout: photography and game controls carry the hierarchy. */
.brand-daily{color:var(--orange)}
.subnav nav button.is-active{color:var(--orange)}
.hero,.hero-inner{min-height:560px}
.hero-inner{padding-block:65px}
.hero-actions{margin-top:32px}
.hero h1{margin-top:0}
.games-section{padding-bottom:85px}
.section-heading h2{font-size:52px;line-height:1}
.reset-time{display:flex;flex-direction:column;gap:5px;text-align:right;color:var(--muted);font-size:12px}
.reset-time strong{font-family:var(--display);font-size:28px;letter-spacing:1px;color:var(--white);font-variant-numeric:tabular-nums}


.round-ticket{padding-left:0}
.board-footer{justify-content:flex-end}
.prize-pick.winner{box-shadow:none;background:#30213b}
.prize-pick.winner>strong{color:var(--orange)}
.footer-top{padding-bottom:22px}
@media(min-width:1600px){.hero,.hero-inner{min-height:620px}}
@media(max-width:760px){.hero,.hero-inner{min-height:500px}.hero-inner{padding-block:55px}.section-heading h2{font-size:44px}.games-section{padding-bottom:55px}.round-ticket{padding-left:0}}
@media(max-width:420px){.hero,.hero-inner{min-height:480px}.section-heading h2{font-size:38px}.reset-time{font-size:10px}.reset-time strong{font-size:24px}.round-ticket{padding-left:0}}
/* Keep the celebration clear of the headline on narrow screens. */
@media(max-width:1000px){
  .hero,.hero-inner{min-height:620px}
  .hero-image{inset:0 0 auto;height:350px;background-position:50% 40%}
  .hero:before{background:linear-gradient(180deg,transparent 210px,#0c0b2140 270px,#0c0b21 350px)}
  .hero-inner{align-items:flex-end;padding-top:330px;padding-bottom:88px}
  .hero h1{font-size:clamp(68px,22vw,94px);margin-top:0;margin-bottom:24px}
}