#HalloweenHead .headerExtra { background-image: linear-gradient(113deg, #ff9a50 0%, #ffbb6d 50%, #ffe0a4 100%); }
#HalloweenHead .box::before { background: linear-gradient(45deg, #ff9a50, #ffd99a); }
.hw-race {
    --hw-bg: #14121b;
    --hw-panel: #1c1924;
    --hw-line: #ffffff0e;
    --hw-muted: #a49cae;
    --hw-orange: #ff9a50;
    --hw-muted-action-rgb: 255 255 255;
    --hw-hero-rgb: 25 20 28;
    --hw-hero-shade-rgb: 16 12 21;
    color: #f4eef8;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    padding-block: 8px 24px;
}
.hw-race *, .hw-race *::before, .hw-race *::after { box-sizing: border-box; }
.hw-race [hidden] { display: none !important; }
.hw-race h1, .hw-race h2, .hw-race h3, .hw-race p { margin: 0; }
.hw-race button, .hw-race input, .hw-race select { font: inherit; }
.hw-race button { cursor: pointer; }
.hw-race a { text-decoration: none; }
.hw-race button:focus-visible, .hw-race a:focus-visible, .hw-race input:focus-visible { outline: 2px solid var(--hw-orange); outline-offset: 5px; }
.hw-race svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.hw-preview-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 16px; background: #dba45609; border: 1px solid #b787432b; border-radius: 7px; font-size: 10px; }
.hw-preview-bar > span { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.hw-preview-bar svg { color: #d0ad7b; width: 15px; height: 15px; }
.hw-preview-bar strong { color: #d0ad7b; font-size: 9px; letter-spacing: 1px; }
.hw-preview-detail { color: var(--hw-muted); margin-left: 8px; }
.hw-preview-bar a { color: #d3c8b9; white-space: nowrap; }
.hw-preview-bar a:hover { color: white; }
.hw-preview-bar a span { margin-left: 7px; }
.hw-hero { isolation: isolate; position: relative; overflow: hidden; border: 1px solid #b9834926; border-radius: 14px; min-height: 420px; margin-top: 20px; background: #19141c; }
.hw-hero-art { position: absolute; z-index: -2; inset: 0 0 0 auto; width: 78%; height: 100%; object-fit: cover; object-position: right 59%; }
.hw-hero::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(var(--hw-hero-rgb)) 3%, rgb(var(--hw-hero-rgb) / .96078431) 23%, rgb(var(--hw-hero-rgb) / .74117647) 41%, rgb(var(--hw-hero-rgb) / .09411765) 75%), linear-gradient(0deg, rgb(var(--hw-hero-shade-rgb) / .85882353), transparent 35%); }
.hw-hero-copy { padding: 38px 42px 32px; max-width: 610px; }
.hw-eyebrow { display: flex; align-items: center; gap: 10px; color: #e2bb8f; font-size: 10px; font-weight: 600; letter-spacing: 1.8px; }
.hw-season-mark { color: var(--hw-orange); font-size: 19px; line-height: 1; }
.hw-eyebrow-line { width: 20px; height: 1px; background: #9a775e; }
.hw-race .hw-hero-title { max-width: 540px; color: #fff4e9; font-size: clamp(40px, 5.2vw, 70px); font-weight: 800; letter-spacing: -3px; line-height: 1.04; margin-block: 21px 14px; text-wrap: balance; overflow-wrap: anywhere; }
.hw-hero-subtitle { max-width: 390px; color: #bfb0c0; font-size: 12px; line-height: 1.9; }
.hw-prize-heading { display: flex; align-items: center; gap: 13px; margin-block: 18px 22px; }
.hw-prize-pool { color: var(--hw-orange); font-size: clamp(34px, 4vw, 48px); font-weight: 750; letter-spacing: -1.8px; line-height: 1.1; }
.hw-prize-heading > span:last-child { font-size: 11px; line-height: 1.6; color: #ac927c; }
.hw-prize-heading strong { font-size: 9px; font-weight: 500; letter-spacing: 1.2px; color: #bdaca3; }
.hw-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hw-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 43px; padding: 11px 20px; border-radius: 6px; border: 1px solid transparent; font-size: 11px !important; font-weight: 650 !important; transition: background .15s, border-color .15s; }
.hw-button-primary { color: #21140d; background: #ff9c54; border-color: #ffc28c; box-shadow: 0 4px 16px #ef7a2920; }
.hw-button-primary:hover { background: #ffb476; }
.hw-button-primary svg { width: 15px; height: 15px; }
.hw-button-muted { color: #dbccd9; background: rgb(var(--hw-muted-action-rgb) / .02352941); border-color: rgb(var(--hw-muted-action-rgb) / .09803922); }
.hw-button-muted:hover { background: rgb(var(--hw-muted-action-rgb) / .05098039); border-color: rgb(var(--hw-muted-action-rgb) / .25098039); }
.hw-info-icon { border: 1px solid #beadbf; width: 14px; height: 14px; border-radius: 50%; font-family: Georgia, serif; font-size: 10px; line-height: 12px; }
.hw-race .hw-hero-note { color: #9f919f; font-size: 9px; margin-top: 13px; }
.hw-countdown-wrap { position: absolute; right: 34px; bottom: 25px; text-align: center; }
.hw-countdown-label { color: #d7bb9b; font-size: 9px; font-weight: 600; letter-spacing: 2px; }
.hw-countdown { display: flex; align-items: flex-start; justify-content: center; gap: 10px; margin-block: 9px; }
.hw-countdown > span { display: flex; flex-direction: column; gap: 4px; min-width: 43px; }
.hw-countdown strong { color: #fff1e2; font-size: 27px; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.2; letter-spacing: .5px; }
.hw-countdown small { color: #b7a38f; font-size: 7px; letter-spacing: 1px; }
.hw-countdown b { color: #9c7652; font-size: 20px; line-height: 1.5; font-weight: 400; }
.hw-event-dates { color: #a68f80; font-size: 8px; }
.hw-race-facts { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 18px; padding: 20px 18px; margin-bottom: 20px; border-bottom: 1px solid var(--hw-line); }
.hw-race-facts > span { display: inline-flex; align-items: center; gap: 7px; color: #dfd3e3; font-size: 10px; }
.hw-race-facts svg { color: #d39368; width: 15px; height: 15px; margin-right: 4px; }
.hw-race-facts small { color: #978c9f; font-size: 10px; }
.hw-race-facts strong { color: var(--hw-orange); }
.hw-games-section { padding-block: 12px 32px; }
.hw-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; }
.hw-kicker { color: #a591a6; font-size: 8px; font-weight: 550; letter-spacing: 1.8px; }
.hw-race h2 { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 22px; font-weight: 650; letter-spacing: -.6px; line-height: 1.4; margin-top: 5px; }
.hw-games-section h2 > span { font-size: 11px; color: #e7ac78; background: #ff994415; border: 1px solid #ffa55223; padding: 1px 7px; border-radius: 4px; }
.hw-text-button { display: inline-flex; align-items: center; gap: 12px; color: #d5b59e; font-size: 10px !important; border: 0; background: none; padding: 5px 0; }
.hw-text-button:hover, .hw-inline-button:hover { color: #ffb777; }
.hw-text-button > span { color: #d99a6b; }
.hw-race .hw-section-note { color: #8f849a; font-size: 10px; margin-top: 8px; }
.hw-games { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.hw-game { border: 1px solid var(--hw-line); border-radius: 9px; background: #191620; color: #e9e0ec; padding: 6px 6px 13px; text-align: left; min-width: 0; transition: border-color .15s, background .15s; }
.hw-game:hover { border-color: #b7744960; background: #231b25; }
.hw-game[aria-pressed="true"] { border-color: #ff9c54; background: #a2582118; }
.hw-game-art { display: block; position: relative; aspect-ratio: 5 / 4; overflow: hidden; border-radius: 5px; background: #2c2332; }
.hw-game-art > img { width: 100%; height: 100%; object-fit: contain; }
.hw-game-check { display: none; position: absolute; right: 7px; top: 7px; background: #ff9c54; color: #201309; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; font-weight: 700; }
.hw-game[aria-pressed="true"] .hw-game-check { display: block; }
.hw-game > strong { display: block; font-size: 11px; font-weight: 550; margin: 11px 7px 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hw-game > small { display: block; margin-inline: 7px; color: #8e8399; font-size: 8px; }
.hw-standings-section { padding-top: 10px; }
.hw-demo-pill { display: inline-block; color: #b4a1c0; background: #aa76cc0e; border: 1px solid #a474b32a; border-radius: 4px; padding: 3px 6px; font-size: 7px; letter-spacing: 1px; font-weight: 500; }
.hw-podium { margin: 6rem 0 64px; row-gap: 0; }
.hw-podium-column { display: flex; align-items: flex-end; justify-content: center; }
.hw-podium-column[data-rank="1"] { flex-direction: column; align-items: center; }
.hw-podium-column[data-rank="1"] { --hw-podium-color: #ff9a50; --hw-podium-glow: #ff9a509c; }
.hw-podium-column[data-rank="2"] { --hw-podium-color: #b682ed; --hw-podium-glow: #b682ed96; }
.hw-podium-column[data-rank="3"] { --hw-podium-color: #b7cf5b; --hw-podium-glow: #b7cf5b96; }
.hw-podium :is(.lead_1, .lead_2, .lead_3) { background-color: #1c1623; color: #dacbe1; border-bottom-color: var(--hw-podium-color); }
.hw-podium .ribbon { background-color: var(--hw-podium-color); color: #211323; color: contrast-color(var(--hw-podium-color)); text-shadow: 1px 1px #ffffff33; }
.hw-podium .avatar { border: 2px solid var(--hw-podium-color); box-shadow: 0 0 400px var(--hw-podium-glow); background-color: #211a2a; display: flex; align-items: center; justify-content: center; }
.hw-podium-initial { color: var(--hw-podium-color); font: 400 52px/1 'Montserrat', sans-serif; }
.hw-podium .name { color: #fff1e6; }
.hw-podium .wageredText { color: #c4b0ce; }
.hw-podium .wagered-top { background-color: #110d17; color: #eadfee; }
.hw-podium .prize-top { background-color: #110d17; color: #ffc58b; text-shadow: 0 0 9px #ff8d3d; }
.hw-podium .prize-top img { margin-right: 5px; filter: brightness(0) saturate(100%) invert(75%) sepia(50%) saturate(1400%) hue-rotate(332deg) brightness(105%) contrast(102%); }
.hw-podium .hw-podium-multi-symbol { padding: 0 0 0 5px; color: var(--hw-podium-color); text-shadow: 0 0 9px var(--hw-podium-color); }
.hw-podium-clock { text-align: center; }
.hw-podium-clock .countdown { color: #ffb877; }
.hw-podium-clock .countdown-details { background-color: #130d1b47; border: 1px solid #ff9a5012; }
.hw-podium-clock .countdown-details > span { font-size: 12px; text-transform: uppercase; color: #b9a0c9; }
.hw-podium-clock .countdown2 { color: #d3c1d9; }
.hw-podium-clock .button-last { border: 0; background-color: #ff9a50; color: #211323; box-shadow: 0px 2px 0px 0px #7e3b22; }
.hw-podium-clock .button-last:hover { background-color: #ffb476; }
.hw-avatar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 35px; height: 35px; background: radial-gradient(circle at 30% 20%, #565b7c, #252133 85%); color: #d1c9eb; border: 1px solid #9b8fb229; border-radius: 50%; font-size: 10px; font-weight: 600; }
.hw-avatar-0 { background: radial-gradient(circle at 30% 20%, #8d4843, #2b202a 85%); color: #ffc89e; }
.hw-avatar-1 { background: radial-gradient(circle at 30% 20%, #424a78, #211c35 85%); color: #b9c0f7; }
.hw-avatar-2 { background: radial-gradient(circle at 30% 20%, #3a6e68, #1c3034 85%); color: #b0e6d3; }
.hw-avatar-3 { background: radial-gradient(circle at 30% 20%, #725737, #2d2321 85%); color: #f5d2a1; }
.hw-board { background: #191620; border: 1px solid var(--hw-line); border-radius: 10px; overflow: hidden; }
:is(#halloween-race, [data-seasonal-race]) .hw-board { box-shadow: 0 18px 50px #0000001f, inset 0 1px #ffffff04; }
@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
    :is(#halloween-race, [data-seasonal-race]) .hw-board { background: rgb(25 22 32 / 72%); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
}
.hw-board-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 19px 22px; }
.hw-board-toolbar > div { display: flex; align-items: center; gap: 9px; }
.hw-board-toolbar strong { font-size: 11px; font-weight: 550; }
.hw-board-toolbar > div > span { color: #8f839a; background: #ffffff05; border: 1px solid var(--hw-line); border-radius: 4px; padding: 2px 5px; font-size: 9px; }
.hw-search { display: flex; align-items: center; gap: 8px; padding: 8px 11px; background: #100e17; border: 1px solid #ffffff0c; border-radius: 5px; }
.hw-search svg { width: 14px; height: 14px; color: #81738d; }
.hw-search input { background: none; color: #ddd1e5; border: none; width: 165px; font-size: 10px; min-width: 0; }
.hw-search input::placeholder { color: #8e819b; }
/* The search wrapper provides the focus indicator for the whole control. */
.hw-race .hw-search input:focus { outline: 0; box-shadow: none; }
#halloween-race .hw-search { background: rgb(16 14 23 / 64%); }
#halloween-race .hw-search:focus-within { border-color: var(--hw-orange); }
.hw-filter-status { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; padding: 0 22px 10px; color: #bba3c4; font-size: 10px; }
.hw-table-container { container-type: inline-size; width: 100%; overflow-x: auto; }
.hw-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.hw-table th { color: #a193ab; background: #14111b; padding: 12px 10px; font-size: 9px; font-weight: 500; letter-spacing: .8px; white-space: nowrap; text-align: left; }
#halloween-race .hw-table th { background: rgb(20 17 27 / 70%); }
.hw-table th:nth-child(1) { width: 8%; padding-left: 22px; }
.hw-table th:nth-child(2) { width: 26%; }
.hw-table th:nth-child(3) { width: 26%; }
.hw-table th:nth-child(4) { width: 20%; }
.hw-table th:nth-child(5) { width: 16%; text-align: right; }
.hw-table th:nth-child(6) { width: 4%; }
.hw-table td { padding: 15px 10px; border-bottom: 1px solid #ffffff06; vertical-align: middle; font-size: 11px; color: #c8bdd1; }
.hw-table td:first-child { padding-left: 22px; }
.hw-table .hw-rank { display: inline-flex; justify-content: center; align-items: center; background: #ffffff04; border: 1px solid #ffffff05; border-radius: 5px; min-width: 25px; height: 26px; color: #9d8fa8; font-size: 10px; }
.hw-table .hw-rank-top { color: #f3b377; background: #ff98540d; border-color: #f0a86316; }
.hw-player { display: flex; align-items: center; gap: 9px; min-width: 0; }
.hw-player > div { min-width: 0; }
.hw-player-name { display: block; color: #dbcee5; font-size: 12px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hw-private { color: #908097; font-size: 9px; margin-left: 3px; }
.hw-mobile-slot { display: none; }
.hw-table .hw-multi { color: #e7dbee; font-size: 14px; font-weight: 550; font-variant-numeric: tabular-nums; }
.hw-multi > small { color: #a48bac; font-size: 10px; font-weight: 400; }
.hw-table .hw-prize { text-align: right; color: #edb582; font-size: 13px; font-weight: 550; white-space: nowrap; }
.hw-table .hw-value { display: inline-block; min-width: 112px; padding: 6px 10px; border: 0; border-radius: 6px; background: #110d17; line-height: 1.25; white-space: nowrap; }
.hw-table .hw-multi .hw-value { text-align: center; }
.hw-table .hw-value-prize { min-width: 84px; font-variant-numeric: tabular-nums; }
.hw-value > small { color: #a48bac; font-size: 10px; font-weight: 400; margin-left: 3px; }
.hw-currency { color: var(--hw-muted); font-weight: 500; margin-right: 3px; }
.hw-no-prize { color: var(--hw-muted); }
#halloween-race .hw-player-row:not(.hw-row-open):hover { background: color-mix(in oklab, var(--hw-orange) 4%, transparent); }
.hw-expand { display: inline-flex; align-items: center; justify-content: center; border: 0; color: #a496af; background: none; width: 30px; height: 32px; padding: 4px; }
.hw-expand svg { width: 13px; height: 13px; transition: transform .15s; }
.hw-expand[aria-expanded="true"] svg { transform: rotate(180deg); }
:is(#halloween-race, [data-seasonal-race]) .hw-table th:last-child, :is(#halloween-race, [data-seasonal-race]) .hw-player-row > td:last-child { padding-inline: 0; text-align: center; }
:is(#halloween-race, [data-seasonal-race]) .hw-expand { width: 100%; max-width: 30px; }
.hw-table .hw-row-open { background: #251d2d; }
.hw-details > td { padding: 0 22px 18px !important; background: #201a28; }
.hw-details-label { padding-block: 15px 12px; color: #9986a5; font-size: 9px; }
.hw-hit-list { display: flex; flex-wrap: wrap; gap: 12px; }
.hw-hit { display: flex; align-items: center; gap: 10px; background: #14101c; border: 1px solid #a687bb16; border-radius: 7px; padding: 10px; min-width: 205px; }
.hw-hit-best { border-color: #ed9d4b40; }
.hw-hit > img { width: 58px; height: 47px; border-radius: 4px; object-fit: contain; }
.hw-hit > div { min-width: 0; }
.hw-hit strong { display: block; color: #e0cbea; font-size: 12px; }
.hw-hit small { color: #8b7898; font-size: 8px; }
.hw-hit em { display: block; font-style: normal; color: #e8b183; font-size: 7px; margin-top: 4px; }
.hw-slot-results { display: flex; align-items: center; gap: 10px; }
.hw-slot-thumbnails { display: flex; align-items: center; padding-left: 4px; }
.hw-slot-thumbnails img { display: block; object-fit: contain; border: 1px solid #28202f; border-radius: 4px; margin-left: -4px; width: 32px; height: 26px; }
.hw-slot-results > span { color: #a894b5; font-size: 10px; }
.hw-hit-pending { border-color: #ffffff0a; }
.hw-hit-pending img { filter: grayscale(1); opacity: .45; }
.hw-hit-pending em { color: #93839f; }
.hw-total-breakdown { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 15px; color: #b59bc3; font-size: 11px; }
.hw-total-breakdown strong { color: #ffbd87; font-weight: 600; }
.hw-empty { padding: 35px 20px; color: #ab9ab6; font-size: 12px; text-align: center; }
.hw-board-footer { display: flex; justify-content: space-between; gap: 15px; padding: 15px 22px; color: #8f7d9c; font-size: 8px; }
.hw-orange { color: #c6936d; }
.hw-bottom-note { display: flex; align-items: flex-start; gap: 9px; padding: 22px 5px 0; color: #8b8195; font-size: 9px; line-height: 1.9; }
.hw-bottom-note > svg { color: #a17951; width: 15px; height: 15px; margin-top: 2px; }
.hw-bottom-note > span { margin-left: auto; border: 1px solid #ffffff18; border-radius: 50%; padding: 2px 3px; font-size: 8px; white-space: nowrap; }
.hw-bottom-note strong { color: #baa9bf; font-weight: 500; }
.hw-inline-button { display: inline; color: #c9a78c; background: none; border: none; padding: 0; font-size: inherit; }
.hw-dialog { width: min(94vw, 540px); padding: 25px; background: #211a29; color: #eaddf1; border: 1px solid #b8835240; border-radius: 13px; max-height: 88dvh; overflow-y: auto; box-shadow: 0 30px 100px #0009; }
.hw-dialog::backdrop { background: #08060dbd; backdrop-filter: blur(5px); }
.hw-dialog-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.hw-close { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; font-size: 25px !important; border: 1px solid #ffffff13; border-radius: 5px; color: #c7adce; background: #ffffff05; }
.hw-dialog h2 { margin-bottom: 16px; }
.hw-dialog p, .hw-dialog ol { color: #bbabc6; font-size: 12px; line-height: 1.9; }
.hw-dialog ol { padding-left: 20px; }
.hw-dialog li { padding-left: 4px; margin-bottom: 10px; }
.hw-dialog a { color: #ffc08e; }
.hw-dialog .hw-dialog-notice { padding: 12px; margin-bottom: 20px; border: 1px solid #bd926433; background: #ab75470d; border-radius: 6px; font-size: 11px; }
.hw-dialog label { display: block; font-size: 11px; color: #c4afd0; margin-bottom: 8px; }
.hw-dialog :is(input, select) { display: block; width: 100%; min-height: 43px; background: #140f1c; border: 1px solid #b18bb336; border-radius: 5px; color: white; padding: 10px 12px; margin-bottom: 17px; }
.hw-dialog .hw-submission-result { margin-top: 18px; color: #d5c0e3; }
.hw-prize-list { display: grid; grid-template-columns: 1fr 1fr; margin: 0; gap: 8px; }
.hw-prize-list > div { display: flex; justify-content: space-between; padding: 10px 12px; background: #16101e; border: 1px solid #ffffff09; border-radius: 5px; font-size: 11px; }
.hw-prize-list dt { color: #a18bae; font-weight: 400; }
.hw-prize-list dd { margin: 0; color: #f1b77f; }
.hw-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@container (width < 650px) {
    .hw-table th:nth-child(3), .hw-table td:nth-child(3) { display: none; }
    .hw-table th:nth-child(1) { width: 10%; padding-left: 10px; }
    .hw-table th:nth-child(2) { width: 36%; }
    .hw-table th:nth-child(4) { width: 27%; }
    .hw-table th:nth-child(5) { width: 21%; }
    .hw-table th:nth-child(6) { width: 6%; }
    .hw-table td { padding: 12px 5px; }
    .hw-table td:first-child { padding-left: 10px; }
    .hw-table .hw-multi { font-size: 11px; }
    .hw-table .hw-prize { font-size: 11px; }
    .hw-table .hw-value { min-width: 0; padding: 4px; font-size: 11px; }
    .hw-value > small { font-size: 8px; }
    :is(#halloween-race, [data-seasonal-race]) .hw-expand { width: 100%; max-width: 23px; }
    .hw-player .hw-avatar { width: 25px; height: 25px; font-size: 8px; }
    .hw-player { gap: 6px; }
    .hw-player-name { font-size: 11px; }
    .hw-mobile-slot { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; color: #a18cae; margin-top: 2px; }
    .hw-expand { width: 23px; }
}
@media (max-width: 991px) {
    .hw-hero-copy { padding: 32px; max-width: 520px; }
    .hw-race .hw-hero-title { max-width: 380px; font-size: 56px; }
    .hw-hero { min-height: 420px; }
    .hw-hero-art { width: 100%; object-position: 72% center; }
    .hw-hero::before { background: linear-gradient(90deg, rgb(var(--hw-hero-rgb) / .94901961) 5%, rgb(var(--hw-hero-rgb) / .85098039) 40%, rgb(var(--hw-hero-rgb) / .18823529) 100%), linear-gradient(0deg, rgb(var(--hw-hero-shade-rgb) / .92941176), transparent 60%); }
    .hw-countdown-wrap { right: 20px; bottom: 20px; }
    .hw-countdown { gap: 4px; }
    .hw-countdown > span { min-width: 32px; }
    .hw-countdown strong { font-size: 23px; }
    .hw-games { gap: 9px; }
    .hw-game > strong { font-size: 9px; margin-inline: 3px; }
    .hw-game > small { margin-inline: 3px; font-size: 7px; }
}
@media (max-width: 600px) {
    .hw-podium { margin-bottom: 48px; }
    :is(#HalloweenHead, [data-seasonal-heading]) .headerText { font-size: clamp(28px, 8vw, 40px); overflow-wrap: anywhere; }
    :is(#HalloweenHead, [data-seasonal-heading]) .headerTextSmall { overflow-wrap: anywhere; }
    .hw-preview-bar { padding: 10px; font-size: 9px; gap: 6px; }
    .hw-preview-bar > span { gap: 5px; }
    .hw-preview-bar svg { width: 13px; height: 13px; }
    .hw-preview-bar strong { font-size: 7px; letter-spacing: .7px; }
    .hw-preview-detail { width: 100%; margin-left: 19px; font-size: 8px; }
    .hw-preview-bar a { font-size: 8px; }
    .hw-hero { min-height: 540px; margin-top: 16px; }
    .hw-hero-copy { padding: 27px 23px 140px; max-width: none; }
    .hw-hero-art { object-position: 73% bottom; opacity: .85; }
    .hw-hero::before { background: linear-gradient(90deg, rgb(var(--hw-hero-rgb) / .94117647), rgb(var(--hw-hero-rgb) / .50196078)), linear-gradient(0deg, rgb(var(--hw-hero-shade-rgb) / .94901961), rgb(var(--hw-hero-rgb) / 0) 30%, rgb(var(--hw-hero-rgb) / .53333333) 80%); }
    .hw-race .hw-hero-title { font-size: 51px; max-width: 360px; letter-spacing: -2.5px; margin-top: 22px; }
    .hw-eyebrow { font-size: 8px; letter-spacing: 1.2px; gap: 7px; }
    .hw-eyebrow-line { width: 12px; }
    .hw-hero-subtitle { font-size: 11px; max-width: 280px; line-height: 1.9; }
    .hw-prize-heading { margin-block: 22px; }
    .hw-prize-pool { font-size: 43px; }
    .hw-hero-actions { gap: 8px; }
    .hw-button { padding-inline: 14px; font-size: 10px !important; }
    .hw-race .hw-hero-note { font-size: 8px; max-width: 220px; line-height: 1.8; }
    .hw-countdown-wrap { left: 22px; right: auto; bottom: 22px; text-align: left; }
    .hw-countdown { gap: 9px; }
    .hw-countdown > span { min-width: 35px; text-align: center; }
    .hw-countdown-label { font-size: 8px; letter-spacing: 1.6px; }
    .hw-countdown strong { font-size: 24px; }
    .hw-event-dates { font-size: 7px; }
    .hw-race-facts { display: grid; grid-template-columns: 1fr 1fr; justify-items: start; padding: 18px 4px; gap: 16px 8px; margin-bottom: 12px; }
    .hw-race-facts > span, .hw-race-facts small { font-size: 8px; gap: 4px; }
    .hw-race-facts svg { width: 13px; height: 13px; margin-right: 1px; }
    .hw-games-section { padding-bottom: 23px; }
    .hw-race h2 { font-size: 19px; gap: 8px; }
    .hw-kicker { font-size: 7px; letter-spacing: 1.4px; }
    .hw-text-button { font-size: 9px !important; gap: 6px; white-space: nowrap; }
    .hw-race .hw-section-note { font-size: 9px; line-height: 1.8; max-width: 290px; }
    .hw-games { display: flex; overflow-x: auto; gap: 10px; padding: 3px 2px 12px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #795640 #191620; }
    .hw-game { flex: 0 0 145px; scroll-snap-align: start; }
    .hw-game > strong { font-size: 10px; margin-inline: 4px; }
    .hw-game > small { font-size: 7px; margin-inline: 4px; }
    .hw-demo-pill { font-size: 6px; padding: 2px 4px; }
    .hw-board-toolbar { flex-wrap: wrap; padding: 15px 12px; gap: 10px; }
    .hw-board-toolbar strong { font-size: 10px; }
    .hw-search { padding: 7px 8px; }
    .hw-search input { width: 100px; font-size: 9px; }
    .hw-board-footer { flex-direction: column; gap: 6px; font-size: 7px; padding: 12px; }
    .hw-table .hw-rank { min-width: 20px; width: 20px; height: 23px; font-size: 9px; }
    .hw-table th { font-size: 7px; letter-spacing: .25px; padding-inline: 5px; }
    .hw-table .hw-multi { font-size: 12px; }
    .hw-table .hw-multi > small { font-size: 8px; }
    .hw-table .hw-prize { font-size: 11px; }
    .hw-player .hw-avatar { display: none; }
    .hw-filter-status { padding-inline: 12px; font-size: 8px; }
    .hw-details > td { padding-inline: 10px !important; }
    .hw-hit-list { gap: 8px; }
    .hw-hit { flex: 1 1 100%; min-width: 0; }
    .hw-bottom-note { padding-top: 17px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .hw-race *, .hw-race *::before, .hw-race *::after { transition: none !important; scroll-behavior: auto !important; }
}