/* November is a self-contained campaign surface; native account components retain their owners. */
@font-face { font-family: 'Payday Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('/css/fonts/Poppins/pxiEyp8kv8JHgFVrJJfecg.woff2') format('woff2'); }
@font-face { font-family: 'Payday Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('/css/fonts/Poppins/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2') format('woff2'); }
@font-face { font-family: 'Payday Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('/css/fonts/Poppins/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2') format('woff2'); }
@font-face { font-family: 'Payday Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('/css/fonts/Poppins/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2') format('woff2'); }
.payday-november {
    --pn-ink: #fbf7e9;
    --pn-muted: #c0cdd3;
    --pn-gold: #f0d293;
    --pn-aqua: #8fd8d5;
    box-sizing: border-box;
    max-width: 1440px;
    margin: 20px auto 40px;
    overflow: hidden;
    border: 1px solid #345968;
    border-radius: 24px;
    background: #061f2b;
    color: var(--pn-ink);
    font-family: 'Payday Poppins', Poppins, Arial, sans-serif;
    line-height: 1.65;
    isolation: isolate;
}
.payday-november *, .payday-november *::before, .payday-november *::after { box-sizing: border-box; }
.payday-november h1, .payday-november h2, .payday-november h3, .payday-november p { margin: 0; color: inherit; }
.payday-november h2 { font-size: clamp(28px, 3.1vw, 43px); font-weight: 600; letter-spacing: -.035em; line-height: 1.2; }
.payday-november a { color: inherit; }
.payday-november button, .payday-november summary { font: inherit; }
.payday-november :is(a, button, summary):focus-visible { outline: 3px solid #fff2bd; outline-offset: 5px; }
.payday-november [hidden] { display: none !important; }
.payday-november__hero { position: relative; min-height: 790px; padding: 42px 5.2% 54px; background: #082b39; isolation: isolate; }
.payday-november__cinema { position: absolute; z-index: -2; inset: 0; background: #101b28 url('/iw/img/jtv/lottery-payday-nov-background.webp') 65% center / cover no-repeat; }
.payday-november__video { width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.payday-november__hero::before { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(90deg, #062a38 0%, rgba(6, 35, 48, .94) 24%, rgba(6, 31, 43, .65) 46%, rgba(8, 24, 34, .02) 72%), linear-gradient(0deg, #061f2b 0%, transparent 30%); }
.payday-november__hero-copy { position: relative; max-width: 550px; }
.payday-november .payday-november__eyebrow { display: flex; align-items: center; gap: 12px; color: var(--pn-gold); font-size: 11px; font-weight: 600; letter-spacing: .18em; line-height: 1.6; text-transform: uppercase; }
.payday-november__seal { font-size: 22px; }
.payday-november__eyebrow-line { width: 64px; height: 1px; background: #c6a96e; opacity: .6; }
.payday-november__logo { display: block; width: min(100%, 330px); height: auto; margin: 20px 0 10px; filter: drop-shadow(0 10px 16px #0005); }
.payday-november .payday-november__tagline { margin-bottom: 12px; font-size: 16px; font-weight: 500; letter-spacing: .01em; }
.payday-november__pool { display: flex; flex-direction: column; }
.payday-november__pool strong { width: fit-content; background: linear-gradient(140deg, #fffbe5 10%, #f5d797 50%, #c89c4c 95%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: clamp(64px, 7.4vw, 100px); font-weight: 700; letter-spacing: -.065em; line-height: 1.08; }
.payday-november__pool > span { margin-top: 4px; color: var(--pn-muted); font-size: 12px; letter-spacing: .13em; text-transform: uppercase; }
.payday-november .payday-november__weekly { margin-top: 25px; }
.payday-november__weekly strong, .payday-november__weekly span { display: block; }
.payday-november__weekly strong { color: #fff8e2; font-size: 22px; font-weight: 600; }
.payday-november__weekly span { margin-top: 3px; color: var(--pn-muted); font-size: 13px; }
.payday-november__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; margin-top: 27px; }
.payday-november a.payday-november__button { display: inline-flex; min-height: 52px; min-width: 180px; align-items: center; justify-content: space-between; gap: 28px; padding: 12px 23px; border: 1px solid #ffe7ad; border-radius: 6px; background: linear-gradient(135deg, #f9e3ad, #d7ad62); box-shadow: 0 4px 0 #8a682f, 0 12px 26px #0004; color: #102b37; font-size: 14px; font-weight: 700; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.payday-november a.payday-november__button:hover { transform: translateY(-2px); box-shadow: 0 6px 0 #8a682f, 0 16px 28px #0005; }
.payday-november__button > span { font-size: 22px; line-height: 1; }
.payday-november a.payday-november__text-link { padding: 12px 0; font-size: 13px; font-weight: 600; text-decoration: none; }
.payday-november__text-link > span { padding-left: 8px; }
.payday-november a.payday-november__text-link:hover { text-decoration: underline; text-underline-offset: 6px; }
.payday-november__prize-ticket { position: absolute; right: 5.5%; bottom: 63px; width: 285px; padding: 18px 24px; border: 1px solid #e6c789; border-radius: 7px; background: radial-gradient(ellipse at 0 0, #497e89, transparent 65%), linear-gradient(145deg, #17485b, #082e3e); box-shadow: 8px 10px 0 #041a25, 9px 11px 0 #a78b54, 16px 22px 35px #0009; transform: perspective(900px) rotateY(-12deg) rotateZ(5deg); transition: transform .3s, box-shadow .3s; }
.payday-november__prize-ticket::before { position: absolute; inset: 7px; border: 1px solid #e5c78966; border-radius: 3px; content: ''; pointer-events: none; }
.payday-november__prize-ticket:hover, .payday-november__prize-ticket:focus-within, .payday-november__prize-ticket[open] { transform: perspective(900px) rotateY(0) rotateZ(0) translateY(-6px); }
.payday-november__prize-ticket summary { position: relative; display: block; padding: 3px 0; cursor: pointer; list-style: none; }
.payday-november__prize-ticket summary::-webkit-details-marker { display: none; }
.payday-november__ticket-kicker { display: block; color: #eddbb8; font-size: 9px; font-weight: 600; letter-spacing: .16em; }
.payday-november__ticket-value { display: block; margin-top: 13px; color: #ffedb9; font-size: 43px; font-weight: 600; line-height: 1.3; letter-spacing: -.045em; }
.payday-november__ticket-value small { display: block; font-size: 12px; font-weight: 400; letter-spacing: 0; }
.payday-november__ticket-winner { display: block; color: #d2dfe3; font-size: 11px; }
.payday-november__ticket-prompt { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; padding-top: 12px; border-top: 1px dashed #c6b78288; color: #f9e5af; font-size: 11px; }
.payday-november__ticket-prompt > span { font-size: 20px; transition: transform .2s; }
.payday-november__prize-ticket[open] .payday-november__ticket-prompt > span { transform: rotate(45deg); }
.payday-november__ticket-inside { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-top: 16px; font-size: 9px; }
.payday-november__ticket-inside strong { display: block; font-size: 24px; font-weight: 600; line-height: 1.3; }
.payday-november__ticket-inside small { flex-basis: 100%; margin-top: 6px; color: #bccfd6; font-size: 8px; }
.payday-november__video-toggle { position: absolute; right: 28px; top: 24px; min-height: 40px; padding: 8px 13px; border: 1px solid #fff5; border-radius: 30px; background: #041c28cc; color: #fff5da; font-size: 11px !important; cursor: pointer; }
.payday-november__calendar { position: relative; display: grid; grid-template-columns: 1fr 1.5fr; align-items: center; gap: 40px; padding: 37px 5.2%; border-block: 1px solid #7a725044; background: linear-gradient(100deg, #0c4357, #082f40); }
.payday-november__calendar-intro h2 { margin-block: 8px; font-size: clamp(23px, 2.4vw, 31px); }
.payday-november__calendar-intro > p:last-child { color: var(--pn-muted); font-size: 12px; }
.payday-november__dates { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.payday-november__dates li { padding: 7px 12px; border-left: 1px dashed #e5d2a34d; text-align: center; }
.payday-november__dates time { display: block; }
.payday-november__dates time span { display: block; color: var(--pn-gold); font-size: 10px; letter-spacing: .16em; }
.payday-november__dates time strong { display: block; color: #fff0c8; font-size: clamp(32px, 4vw, 51px); font-weight: 500; letter-spacing: -.04em; line-height: 1.3; }
.payday-november__draw-label { color: var(--pn-muted); font-size: 9px; letter-spacing: .05em; }
.payday-november__section { padding: 65px 5.2%; }
.payday-november__entry { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; }
.payday-november__entry-intro h2 { margin-top: 17px; }
.payday-november .payday-november__single { margin-top: 18px; color: var(--pn-muted); font-size: 14px; }
.payday-november__equation { display: flex; align-items: center; gap: 28px; width: fit-content; margin-top: 32px; padding: 16px 27px; border: 1px solid #b39a6055; border-radius: 4px; background: linear-gradient(135deg, #0c3e51, #082b3b); box-shadow: 5px 5px 0 #0004; }
.payday-november__equation strong, .payday-november__equation small { display: block; }
.payday-november__equation strong { color: var(--pn-gold); font-size: 47px; font-weight: 500; line-height: 1.2; letter-spacing: -.045em; }
.payday-november__equation small { max-width: 110px; color: var(--pn-muted); font-size: 10px; }
.payday-november__equals { color: #83a5b0; font-size: 32px; }
.payday-november__steps { margin: 0; padding: 0; list-style: none; }
.payday-november__steps li { display: flex; gap: 22px; padding: 22px 0; border-bottom: 1px solid #afc8d129; }
.payday-november__steps li:first-child { padding-top: 0; }
.payday-november__steps li:last-child { border-bottom: 0; padding-bottom: 0; }
.payday-november__step-number { color: #a8c8ce; font-size: 12px; letter-spacing: .1em; }
.payday-november__steps h3 { margin-bottom: 9px; color: #f7edcf; font-size: 17px; font-weight: 500; }
.payday-november__steps p { color: var(--pn-muted); font-size: 13px; line-height: 1.8; }
.payday-november__account { padding-block: 0 50px; scroll-margin-top: 30px; }
.payday-november__account > .payday-november__eyebrow { letter-spacing: .07em; font-size: 10px; }
.payday-november .chase-my-tickets { margin: 15px 0; border-color: #83b6c057; border-radius: 10px; background: #0a3041; box-shadow: none; }
.payday-november .chase-my-tickets::before { opacity: .07; }
.payday-november .chase-my-tickets__title { color: #fff4d9; font-family: inherit; font-size: 25px; }
.payday-november .chase-my-tickets__loading, .payday-november .chase-my-tickets__empty { min-height: 145px; border-color: #8fd8d544; border-radius: 5px; }
.payday-november .chase-my-tickets__empty-title { color: #fff4d9; }
.payday-november .chase-my-tickets__empty-text, .payday-november .chase-my-tickets__count { color: #c0cdd3; }
.payday-november .chase-my-tickets .raffle-ticket { --ticket-cutout: #0a3041; }
.payday-november .chase-my-tickets__header-icon,
.payday-november .chase-my-tickets__nav { border-color: #8fd8d547; background: #8fd8d512; color: var(--pn-aqua); }
.payday-november .chase-my-tickets__nav:hover { border-color: #8fd8d580; background: #8fd8d520; }
.payday-november .chase-my-tickets__spinner { border-color: #8fd8d52e; border-top-color: var(--pn-aqua); }
.payday-november .chase-my-tickets__show-all { border-color: #a7d7db; background: linear-gradient(145deg, #9acbd0, #6aa6b1); box-shadow: 0 6px 17px #00111e40; color: #062434; font-family: inherit; }
.payday-november .chase-my-tickets__show-all:hover { box-shadow: 0 8px 20px #00111e50; color: #062434; }
.payday-november__account-link { color: var(--pn-muted); font-size: 11px; }
.payday-november__account-link a { text-underline-offset: 4px; }
/* November awards board. Shared October styles and result data remain untouched. */
.payday-november .payday-november__results { margin: 0 5.2% 40px; padding: 36px; border: 1px solid #93bdc33d; border-radius: 12px; background: radial-gradient(ellipse at 100% 0, #2055684d, transparent 65%), #082b3b; box-shadow: inset 0 1px #c5e0dc0a; opacity: 1; transform: none; }
.payday-november__results::before { display: none; }
.payday-november__results .lottery-payday-winners__intro { padding-right: 0; margin-bottom: 28px; }
.payday-november__results .lottery-payday-winners__eyebrow { margin-bottom: 10px; color: var(--pn-aqua); font-size: 10px; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; }
.payday-november__results h2 { margin-bottom: 10px; color: #fff1d3; font-size: clamp(29px, 3.1vw, 42px); font-weight: 500; line-height: 1.15; letter-spacing: -.035em; text-shadow: none; }
.payday-november__results .lottery-payday-winners__description { color: #bed2da; font-size: 12px; font-weight: 400; letter-spacing: .015em; line-height: 1.7; }
.payday-november__results .lottery-payday-winners__draws { align-items: stretch; gap: 16px; }
.payday-november__results .lottery-payday-winners__draw { position: relative; display: flex; flex-direction: column; border: 1px solid #b5cdd529; border-radius: 7px; background: linear-gradient(160deg, #0c3546, #072532); box-shadow: 0 8px 18px #00000018; animation: none; }
.payday-november__results .lottery-payday-winners__draw.is-active { border-color: #cdb47d88; box-shadow: 0 8px 18px #00000018; }
.payday-november__results .lottery-payday-winners__date,
.payday-november__results .lottery-payday-winners__draw.is-active .lottery-payday-winners__date { min-height: 100px; align-items: flex-start; gap: 13px; padding: 20px 18px 18px; border-top: 2px solid #8fd8d53d; border-bottom: 1px solid #dcc99d33; background: transparent; color: #fff1d3; text-align: left; animation: none; }
.payday-november__results .lottery-payday-winners__draw.is-active .lottery-payday-winners__date { border-top-color: #e1c58e; }
.payday-november__results .lottery-payday-winners__date::after { display: none; }
.payday-november__results .lottery-payday-winners__date strong { color: #a8c9cf; font-size: 10px; font-weight: 500; letter-spacing: .13em; line-height: 1.3; text-transform: uppercase; }
.payday-november__results .lottery-payday-winners__date span { font-size: clamp(15px, 1.35vw, 19px); font-weight: 500; letter-spacing: -.025em; line-height: 1.35; }
.payday-november__results .lottery-payday-winners__pending { display: flex; flex: 1; min-height: 186px; flex-direction: column; align-items: center; justify-content: center; padding: 26px 16px; text-align: center; }
.payday-november__results .lottery-payday-winners__pending-seal { position: relative; width: 27px; height: 27px; margin-bottom: 26px; border: 1px solid #bfa87580; transform: rotate(45deg); }
.payday-november__results .lottery-payday-winners__pending-seal::before { position: absolute; inset: 5px; border: 1px solid #8fd8d54d; content: ''; }
.payday-november__results .lottery-payday-winners__pending-title { color: #e3dcc7; font-size: 12px; font-weight: 500; line-height: 1.6; }
.payday-november__results .lottery-payday-winners__pending-detail { margin-top: 8px; color: #a8c3ce; font-size: 10px; line-height: 1.65; }
.payday-november__results .lottery-payday-winners__list { display: block; padding: 0 16px; }
.payday-november__results .lottery-payday-winners__row { min-height: 81px; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 6px 9px; padding: 15px 0; border: 0; border-bottom: 1px solid #a8c3ce24; border-radius: 0; background: none; animation: none; }
.payday-november__results .lottery-payday-winners__row:last-child { border-bottom: 0; }
.payday-november__results .lottery-payday-winners__number { width: 21px; height: 23px; border: 1px solid #d9c38e55; border-radius: 3px; background: none; color: #e2cc9b; font-size: 10px; font-weight: 500; }
.payday-november__results .lottery-payday-winners__name { color: #f5ecd7; font-size: 15px; font-weight: 500; line-height: 1.3; letter-spacing: .02em; }
.payday-november__results .lottery-payday-winners__login { margin-top: 4px; color: #a4c5cf; font-size: 10px; letter-spacing: .06em; line-height: 1.4; overflow-wrap: anywhere; }
.payday-november__results .lottery-payday-winners__prize { color: #f1d79e; font-size: clamp(16px, 1.45vw, 20px); font-weight: 500; letter-spacing: -.035em; line-height: 1.3; font-variant-numeric: tabular-nums; }
.payday-november__results .lottery-payday-winners__split { color: #abc6d0; font-size: 10px; line-height: 1.65; overflow-wrap: anywhere; }
.payday-november__results .lottery-payday-winners__footnote { margin-top: 23px; padding-top: 17px; border-top: 1px solid #dcc99d33; color: #a9c2ce; font-size: 11px; line-height: 1.8; }
.payday-november__prizes { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; border-top: 1px solid #afc8d129; background: radial-gradient(ellipse at 0 60%, #0c526380, transparent 65%); }
.payday-november__prizes h2 { margin-top: 17px; }
.payday-november .payday-november__split { display: flex; align-items: center; gap: 20px; margin-top: 30px; }
.payday-november__split > span { color: var(--pn-gold); font-size: 12px; }
.payday-november__split > span:nth-child(2) { font-size: 27px; }
.payday-november__split strong { display: block; color: #fce3a5; font-size: clamp(35px, 4vw, 53px); font-weight: 500; line-height: 1.25; letter-spacing: -.04em; }
.payday-november .payday-november__max { margin-top: 18px; color: var(--pn-muted); font-size: 10px; }
.payday-november__prize-terms p { margin-bottom: 20px; color: var(--pn-muted); font-size: 13px; line-height: 1.85; }
.payday-november__prize-terms p strong { color: #f6ecd1; font-weight: 500; }
.payday-november__prize-terms p:last-child { margin-bottom: 0; }
.payday-november__rules { padding-top: 0; }
.payday-november__rules h2 { padding-top: 34px; border-top: 1px solid #afc8d129; margin-bottom: 22px; font-size: 23px; }
.payday-november__rules > p { max-width: 1080px; margin-top: 15px; color: var(--pn-muted); font-size: 12px; line-height: 1.9; }
.payday-november__footer { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 23px; border-top: 1px solid #afc8d129; color: #a5bbc5; font-size: 10px; text-align: center; }
.payday-november__footer > span { color: var(--pn-gold); font-size: 18px; }
@media (min-width: 1100px) { .payday-november__cinema, .payday-november__video { object-position: center; background-position: center; } }
@media (max-width: 1050px) {
    .payday-november__hero { min-height: 755px; }
    .payday-november__hero-copy { max-width: 470px; }
    .payday-november__prize-ticket { right: 4%; width: 245px; }
    .payday-november__ticket-value { font-size: 36px; }
    .payday-november__calendar { grid-template-columns: 1fr 1.25fr; gap: 22px; }
    .payday-november__entry, .payday-november__prizes { gap: 6%; }
}
@media (max-width: 760px) {
    .payday-november { margin: 10px auto 25px; border-radius: 14px; }
    .payday-november__hero { min-height: 970px; padding: 27px 7% 350px; }
    .payday-november__hero-copy { max-width: 100%; }
    .payday-november__hero::before { background: linear-gradient(180deg, #072c3c 0%, #072c3ced 38%, #072c3c88 56%, transparent 76%, #061f2b 100%); }
    .payday-november__cinema { inset: 36% 0 0; background-position: 72% center; }
    .payday-november__video { object-position: 60% center; }
    .payday-november__logo { width: 255px; margin-top: 17px; }
    .payday-november .payday-november__tagline { font-size: 14px; }
    .payday-november__pool strong { font-size: clamp(60px, 12vw, 85px); }
    .payday-november__pool > span { font-size: 10px; letter-spacing: .09em; }
    .payday-november .payday-november__weekly { margin-top: 20px; }
    .payday-november__weekly strong { font-size: 20px; }
    .payday-november__weekly span { font-size: 12px; }
    .payday-november__prize-ticket { left: 7%; right: auto; bottom: 36px; width: 220px; padding: 15px 20px; transform: perspective(900px) rotateY(-8deg) rotateZ(-5deg); }
    .payday-november__ticket-value { font-size: 34px; }
    .payday-november__ticket-prompt { margin-top: 10px; padding-top: 9px; font-size: 10px; }
    .payday-november__video-toggle { top: auto; right: 16px; bottom: 22px; max-width: 140px; font-size: 9px !important; }
    .payday-november__calendar { display: block; padding: 29px 7%; }
    .payday-november__calendar-intro { margin-bottom: 24px; }
    .payday-november__dates li:first-child { border-left: 0; }
    .payday-november__dates li { padding: 5px 6px; }
    .payday-november__dates time strong { font-size: 42px; }
    .payday-november__section { padding: 42px 7%; }
    .payday-november__entry, .payday-november__prizes { display: block; }
    .payday-november__steps { margin-top: 38px; }
    .payday-november__entry-intro h2 { font-size: 33px; }
    .payday-november__equation { margin-top: 25px; }
    .payday-november__account { padding-top: 0; }
    .payday-november .chase-my-tickets { padding: 21px 14px; }
    .payday-november .chase-my-tickets__title { font-size: 22px; }
    .payday-november .payday-november__results { margin-inline: 7%; padding: 25px 20px; }
    .payday-november__results .lottery-payday-winners__draws { gap: 14px; }
    .payday-november__results .lottery-payday-winners__date span { font-size: 19px; }
    .payday-november__results .lottery-payday-winners__pending { min-height: 168px; }
    .payday-november__prize-terms { margin-top: 30px; }
    .payday-november__rules { padding-top: 0; }
    .payday-november__footer { gap: 13px; padding: 20px 7%; font-size: 9px; }
}
@media (max-width: 380px) {
    .payday-november__hero { padding-inline: 6%; padding-bottom: 325px; min-height: 945px; }
    .payday-november__logo { width: 225px; }
    .payday-november__pool strong { font-size: 61px; }
    .payday-november__actions { gap: 18px; }
    .payday-november a.payday-november__button { min-width: 153px; padding-inline: 16px; gap: 15px; }
    .payday-november a.payday-november__text-link { font-size: 11px; }
    .payday-november__prize-ticket { width: 190px; padding: 13px 17px; }
    .payday-november__ticket-kicker { font-size: 8px; letter-spacing: .1em; }
    .payday-november__ticket-value { font-size: 31px; }
    .payday-november__video-toggle { max-width: 85px; right: 10px; }
    .payday-november__dates time strong { font-size: 34px; }
    .payday-november__split { gap: 12px !important; }
    .payday-november__split strong { font-size: 36px; }
    .payday-november__split > span { font-size: 10px; }
    .payday-november .payday-november__eyebrow { font-size: 9px; letter-spacing: .1em; }
    .payday-november__entry-intro h2 { font-size: 29px; }
}
@media (prefers-reduced-motion: reduce) {
    .payday-november *, .payday-november *::before, .payday-november *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    .payday-november__prize-ticket { transform: none !important; }
    .payday-november__video { display: none; }
}
