/* Refined black arch, satin-gold actions and deep-crimson navigation. */
.campaign-header{background:linear-gradient(105deg,#85051f,#ad0a2b 55%,#85051f);box-shadow:0 5px 22px #34000c26}
.masthead{position:relative;background:radial-gradient(ellipse at 50% -80%,#37352d,#10110f 65%);border-radius:0 0 50% 50% / 0 0 22px 22px;border-bottom:1px solid #d7b77855}
.campaign-header .header-inner{min-height:106px;padding:19px 0 27px}
.campaign-header .header-app,.campaign-header .account-link{background:linear-gradient(125deg,#c5a052 0%,#f0dca1 26%,#fffcef 46%,#e1c27d 72%,#bea05f 100%);color:#241c12;border:1px solid #f9e6b3;border-radius:7px;box-shadow:inset 0 1px 0 #ffffffc9,0 4px 14px #0004;font-weight:700;transition:box-shadow .2s,filter .2s}
.campaign-header .header-app:hover,.campaign-header .account-link:hover{background:linear-gradient(125deg,#d7b978,#fff9e4 45%,#e5c885);color:#241c12;box-shadow:inset 0 1px 0 #fff,0 5px 20px #d9bc6a26}
.campaign-header .account-link[aria-current=page]{box-shadow:0 0 0 2px #f2d98d55}
.mega-navigation{background:transparent;position:relative}
.mega-navigation:before{display:none}
.menu-row{display:block}
.campaign-header nav.primary-navigation{width:100%;height:62px;grid-template-columns:1fr 1fr 1.45fr 1fr .9fr 1fr;gap:0;margin:0}
.campaign-header nav.primary-navigation a{padding:12px 15px;font-size:13px;color:#fff4f2;background:transparent;letter-spacing:.05px}
.campaign-header nav.primary-navigation a:hover{color:#fbe1a1;background:#ffffff07}
.campaign-header nav.primary-navigation a[aria-current=page]{color:#ffe1a0;background:linear-gradient(180deg,#ffffff00,#ffffff09);text-shadow:0 0 22px #eac87524}
.campaign-header nav a[aria-current=page]:before{display:none}
.campaign-header nav.primary-navigation a[aria-current=page]:after{height:2px;bottom:10px;left:30%;right:30%;border-radius:3px;background:#e2bd70}
.mobile-menu-toggle,.campaign-header nav.mobile-menu{display:none}
.hero-film-controls{pointer-events:none}
.carousel-buttons{gap:10px}

/* A full-width prize banner; the coupon bridges the dark artwork and white page. */
.draw-countdown-banner{background:var(--page);padding:0 0 12px;overflow:visible;color:var(--ink);isolation:auto}
.draw-countdown-banner:before{display:none}
.live-draw-hero{position:relative;isolation:isolate;overflow:hidden;min-height:500px;background:radial-gradient(ellipse at 20% 30%,#b41536,#59011a 65%,#26000a)}
.live-draw-artwork{position:absolute;inset:0 0 0 34%;z-index:-2}
.live-draw-artwork img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.9)}
.live-draw-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#710520 6%,#710520f2 29%,#71052070 55%,#28000a1a 80%),linear-gradient(0deg,#32000edb,transparent 65%)}
.live-draw-hero-inner{min-height:500px;position:relative;display:flex;align-items:center;padding-block:55px 145px}
.live-draw-hero .countdown-heading{max-width:560px;margin:0;text-align:left;color:#fff}
.live-draw-hero .countdown-heading h1{font-size:clamp(34px,3.6vw,52px);letter-spacing:-1.7px;line-height:1.15;margin-bottom:22px}
.live-draw-hero h1 em{font-style:normal;color:#f4d898}
.live-draw-hero .countdown-heading p{font-size:13px;line-height:1.8;max-width:410px;color:#f0d9da}
.live-draw-prize-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px}
.live-draw-prize-pills>span{display:flex;align-items:center;gap:8px;border:1px solid #e1bf7855;border-radius:5px;background:#41031333;color:#f4d69a;font-size:10px;font-weight:700;padding:9px 13px}
.live-draw-prize-pills svg{width:16px;height:16px}
.live-banner-note{position:absolute;right:0;bottom:128px;font-size:8px;color:#fff6dcbd;max-width:230px;text-align:right}
.countdown-bridge{position:relative;z-index:2;margin-top:-110px}
.countdown-bridge .retro-ticket{filter:drop-shadow(0 16px 24px #4e260d1f)}
.countdown-bridge .countdown-note{color:#80676b;margin-top:20px}
.countdown-bridge .countdown-note>span{color:#96591d}
.live-videos-intro{padding-top:42px}

@media(max-width:1000px){
  .campaign-header .header-inner{min-height:94px;padding-block:16px 23px}
  .campaign-header nav.primary-navigation a{font-size:11px;padding:12px 8px}
  .live-draw-hero .countdown-heading{max-width:490px}
  .live-draw-hero .countdown-heading h1{font-size:42px}
  .live-draw-hero .countdown-heading p{max-width:360px;font-size:12px}
  .live-banner-note{bottom:124px;font-size:7px;max-width:180px}
}
@media(max-width:700px){
  html{scroll-padding-top:140px}
  .masthead{border-radius:0 0 50% 50% / 0 0 12px 12px}
  .campaign-header .header-inner{min-height:82px;padding:14px 0 20px;gap:10px;width:calc(100% - 30px)}
  .campaign-header .header-app,.campaign-header .account-link{border-radius:5px;font-size:9px;padding:9px 10px;min-height:35px}
  .campaign-header .account-link{gap:5px}
  .menu-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:5px;width:calc(100% - 20px)}
  .campaign-header nav.primary-navigation{height:49px;grid-template-columns:.95fr 1fr 1.5fr;gap:0}
  .campaign-header nav.primary-navigation>a:nth-child(n+4){display:none}
  .campaign-header nav.primary-navigation a{font-size:10px;padding:8px 5px;min-width:0;white-space:normal;line-height:1.3}
  .campaign-header nav.primary-navigation a[aria-current=page]:after{bottom:6px;left:25%;right:25%}
  .mobile-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:38px;height:38px;border:1px solid #f3d79966;border-radius:5px;color:#f8d99a;background:#53001826;padding:8px}
  .mobile-menu-toggle>span{display:block;width:18px;height:1.5px;background:currentColor;transform-origin:center;transition:transform .2s,opacity .2s}
  .mobile-menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(5.5px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}
  .mobile-menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-5.5px) rotate(-45deg)}
  .campaign-header nav.mobile-menu{position:absolute;display:grid;grid-template-columns:1fr;gap:0;top:calc(100% + 5px);right:10px;left:10px;bottom:auto;width:auto;height:auto;max-height:calc(100svh - 155px);overflow-y:auto;margin:0;padding:10px;border:1px solid #d7b57277;border-radius:9px;background:linear-gradient(140deg,#33080e,#181410);box-shadow:0 15px 35px #16000640;z-index:50;animation:menu-appear .18s ease-out}
  .campaign-header nav.mobile-menu a{display:flex;justify-content:space-between;align-items:center;min-height:43px;padding:12px 15px;font:500 12px/1.4 var(--heading);color:#fff3e8;text-align:left;white-space:normal;border-radius:4px;background:transparent}
  .campaign-header nav.mobile-menu a:hover{background:#ffffff08;color:#ffe2a5}
  .campaign-header nav.mobile-menu a[aria-current=page]{color:#ffe0a0;background:#e7c78610;font-weight:700}
  .campaign-header nav.mobile-menu a[aria-current=page]:after{display:none}
  .campaign-header nav.mobile-menu a>span{color:#e4c180;font-size:13px}

  .live-draw-hero,.live-draw-hero-inner{min-height:450px}
  .live-draw-hero-inner{width:calc(100% - 40px);padding-block:40px 155px;align-items:flex-start}
  .live-draw-artwork{inset:34% -10% 0 8%}
  .live-draw-artwork img{object-position:58% 55%}
  .live-draw-hero-shade{background:linear-gradient(180deg,#70051f 4%,#70051fbd 44%,#3f001240 72%,#35000dcb),linear-gradient(90deg,#71052070,transparent)}
  .live-draw-hero .countdown-heading{max-width:440px;padding:0}
  .live-draw-hero .countdown-heading .eyebrow{font-size:7px;margin-bottom:17px}
  .live-draw-hero .countdown-heading h1{font-size:clamp(29px,7.8vw,41px);letter-spacing:-1.2px;margin-bottom:15px;max-width:400px}
  .live-draw-hero .countdown-heading p{font-size:10px;line-height:1.75;max-width:300px;margin:0}
  .live-draw-prize-pills{margin-top:17px;gap:7px}
  .live-draw-prize-pills>span{font-size:8px;padding:7px 9px;gap:6px}
  .live-draw-prize-pills svg{width:13px;height:13px}
  .live-banner-note{font-size:6px;bottom:100px;right:0;max-width:180px}
  .countdown-bridge{margin-top:-82px}
  .countdown-bridge .countdown-note{margin-top:17px}
  .draw-countdown-banner{padding-bottom:0}
  .live-videos-intro{padding-top:27px}

  /* Mobile-only choreography: shorter journey, horizontal phone slides,
     fast text crossfades and no expensive blur during touch scrolling. */
  .loyalty-story.is-enhanced.is-mobile-story{height:240svh;min-height:1200px}
  .is-mobile-story.is-enhanced .loyalty-stage{position:sticky;top:var(--story-top);height:calc(100svh - var(--story-top) - 10px);min-height:0;max-height:850px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-block:0 10px}
  .is-mobile-story .loyalty-panels{overflow:hidden}
  .is-mobile-story.is-enhanced .loyalty-panel{position:absolute;inset:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:7px;padding:15px 0 10px;pointer-events:none}
  .is-mobile-story.is-enhanced .loyalty-art{height:100%;min-height:0}
  .is-mobile-story.is-enhanced .loyalty-panel .loyalty-phone{transition:transform .42s cubic-bezier(.22,.75,.25,1),opacity .3s;filter:none;will-change:transform,opacity}
  .is-mobile-story.is-enhanced .loyalty-panel .loyalty-copy{transition:opacity .25s,transform .32s ease-out;filter:none;opacity:0;transform:translateY(12px);padding:5px 2px 0}
  .is-mobile-story.is-enhanced .loyalty-panel .loyalty-copy h2{font-size:clamp(24px,6.4vw,32px);line-height:1.12;margin-bottom:11px}
  .is-mobile-story.is-enhanced .loyalty-panel .loyalty-copy>p{font-size:10.5px;line-height:1.65;margin-bottom:9px}
  .is-mobile-story.is-enhanced .loyalty-copy .eyebrow{margin-bottom:8px}
  .is-mobile-story.is-enhanced .loyalty-copy .text-button{margin-top:9px}
  .is-mobile-story.is-enhanced .loyalty-highlight{padding-top:9px}
  .is-mobile-story.is-enhanced .loyalty-panel[data-position=active]{pointer-events:auto}
  .is-mobile-story.is-enhanced .loyalty-panel[data-position=active] .loyalty-copy{opacity:1;transform:none}
  .is-mobile-story.is-enhanced .loyalty-panel[data-position=active] .loyalty-phone{opacity:1;transform:none}
  .is-mobile-story.is-enhanced .loyalty-panel[data-position=next] .loyalty-phone{opacity:0;transform:translateX(36px) scale(.96)}
  .is-mobile-story.is-enhanced .loyalty-panel[data-position=past] .loyalty-phone{opacity:0;transform:translateX(-36px) scale(.96)}
  .is-mobile-story.is-enhanced .story-controls{display:flex}
  .is-mobile-story .loyalty-story-footer{padding-top:6px}
  .is-mobile-story .loyalty-art-note{max-width:180px;font-size:6.5px}
}
@keyframes menu-appear{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:360px){
  .campaign-header .official-logo{width:104px;height:31px}
  .campaign-header .official-logo img{width:140px}
  .campaign-header .header-app,.campaign-header .account-link{font-size:8px;padding-inline:8px}
  .campaign-header nav.primary-navigation a{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .mobile-menu-toggle>span,.campaign-header .header-app,.campaign-header .account-link{transition:none}
  .campaign-header nav.mobile-menu{animation:none}
}