/* Neutral charcoal glass, with restrained plum light and preserved depth. */
:root{--glass:rgba(21,22,26,.8);--panel:rgba(19,20,24,.7);--panel2:rgba(28,29,34,.84);--glass-edge:rgba(255,255,255,.23);--line:rgba(255,255,255,.18);--muted:#bcbcc6;--glass-shadow:0 24px 65px #0006,inset 0 1px 0 #ffffff20,inset 0 -1px 0 #ffffff05}
body{background:linear-gradient(135deg,#101113,#17171c 48%,#101014)}
body::before{background:radial-gradient(ellipse at 6% 8%,#38393d 0,transparent 48%),radial-gradient(ellipse at 88% 18%,#322d42 0,transparent 46%),radial-gradient(ellipse at 54% 74%,#252c2b 0,transparent 50%),radial-gradient(ellipse at 3% 96%,#2c2935 0,transparent 48%),linear-gradient(145deg,#111214,#1b1b20 60%,#111214)}
.topbar,.mobile-dock{background:rgba(19,20,24,.72)!important;backdrop-filter:blur(42px) saturate(115%);-webkit-backdrop-filter:blur(42px) saturate(115%)}
.club-banner,.account-shell,.free-draw-feature,.home-pass-strip,.story-pass-card,.cta-panel,.chance-shell{background:linear-gradient(125deg,#ffffff08,#c9bcff04),rgba(19,20,24,.65)!important;backdrop-filter:blur(34px) saturate(110%);-webkit-backdrop-filter:blur(34px) saturate(110%)}
.discover-card,.prize-tile,.account-tile,.account-identity,.account-panel,.account-fields,.discover-plans article,.discover-community,.benefit-card,.event-card,.draw-card,.metric,.story-steps article,.faq-item,.saved-list article,.plan-card,.winner-card{background:linear-gradient(135deg,#ffffff08,transparent 70%),rgba(23,24,28,.84)!important;border-color:#ffffff33!important}
.account-identity{background:linear-gradient(130deg,#ffffff0d,#b7a4f10c),#1b1b22cc!important}.account-avatar,.avatar{background:linear-gradient(135deg,#57545f,#463f59);border-color:#ffffff38}.brand-mark{background:linear-gradient(150deg,#ffffff22,#c1aaff1c);border-color:#ffffff55;box-shadow:0 6px 25px #0003}
.nav a{color:#ceced9}.nav a.active,.mobile-dock-item.active{background:linear-gradient(135deg,#ffffff18,#c6b7ff15);border-color:#ffffff40}.brand-copy small{color:#bbb8ca}
.btn-primary{background:linear-gradient(130deg,#514571,#625082);border-color:#ffffff55;box-shadow:inset 0 1px 0 #ffffff2b,0 7px 20px #0003}.btn-secondary,.btn-ghost,.icon-btn{background:#ffffff0a;border-color:#ffffff33;color:#ecebf3}.user-chip{background:#ffffff0a;border-color:#ffffff40}.btn-white{background:#eeeeF3;color:#202027}
.catalog-callout,.catalog-empty{background:#22212988;border-color:#ffffff38}.prize-filter{background:#26272eaa;border-color:#ffffff40}.prize-filter [aria-pressed=true]{background:#eeeef4;color:#1a1b22}.prize-picture>span{background:#17181ecc;border-color:#ffffff40}.prize-tile-body small{background:#ffffff0b;color:#d3d2df;border-color:#ffffff20}.prize-tile-body>span,.edition-copy,.discover-section-head p,.catalog-heading p{color:#b9b8c6}
.club-banner-slide:after{background:linear-gradient(90deg,#11121aed,#13131b99 58%,#18192322)}.club-banner-controls button{background:#25242fbb;border-color:#ffffff44}.prize-dialog,.modal-panel{background:linear-gradient(125deg,#ffffff08,transparent),rgba(20,21,26,.88)!important;backdrop-filter:blur(38px) saturate(110%);-webkit-backdrop-filter:blur(38px) saturate(110%)}.prize-dialog::backdrop{background:#05050999}.prize-close{background:#ffffff10;border-color:#ffffff55}.prize-detail-copy h2{color:#eeedf7}
.account-fields input,#redeem-code input,.modal-form input,.search-box{background:#0e0f13aa;border-color:#ffffff33}.account-eyebrow,.story-kicker{color:#ccc3e8}.account-switch{background:#ffffff09;border-color:#ffffff33}.account-breadcrumb,.account-facts small{color:#c0bacf}.account-switch[aria-checked=true]{background:#364a413d}
footer{background:#15161b99;border-top-color:#ffffff30}.footer-social a{background:#ffffff0b;border-color:#ffffff40}.footer-bottom{color:#aeadbc}.toast{background:#25242fdf;border-color:#ffffff50}
@media(hover:hover) and (pointer:fine){.account-tile:hover{background:#33313ddd!important}}
.member-menu{position:fixed;inset:auto;margin:0;padding:16px;border:1px solid #ffffff35;border-radius:25px;background:linear-gradient(140deg,#ffffff08,transparent),rgba(15,16,20,.92);color:#f2f0f7;box-shadow:0 25px 70px #0009,inset 0 1px 0 #ffffff20;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);overflow-y:auto}
.member-menu-label{display:block;font-size:11px;letter-spacing:.1em;font-weight:700;color:#a3a0af;padding:8px 12px 6px}.member-menu a,.member-menu button{display:flex;align-items:center;gap:14px;width:100%;min-height:48px;padding:12px;border:1px solid transparent;border-radius:12px;background:none;color:#f0eef6;text-align:left;font-size:15px}.member-menu svg{width:23px;height:23px;flex-shrink:0;color:#d2cada}.member-menu a:hover,.member-menu button:hover{background:#ffffff0b}.member-menu .member-logout{justify-content:center;background:#ffffff0c;border-color:#ffffff35;margin-top:12px;font-weight:650}.contact-links{display:grid;gap:10px}.member-menu a:focus-visible,.member-menu button:focus-visible{outline:2px solid #cbb7ff;outline-offset:-2px}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.topbar,.mobile-dock,.account-shell,.club-banner,.prize-dialog,.modal-panel,.account-panel,.account-tile,.account-identity,.account-fields,.prize-tile,.discover-card,.benefit-card,.event-card,footer,.member-menu{background:#1b1c21!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar,.mobile-dock,.account-shell,.prize-dialog,.modal-panel,.member-menu{background:#1b1c21!important}}
/* Prize hover treatment supplied for STEELSHOT CLUB. */
.steel-prize-card {
  overflow: hidden;
  border: 1px solid #ffffff15;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease, box-shadow 0.4s ease;
}
.steel-prize-card img {
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
@media(hover: hover) {
  .steel-prize-card:hover {
    transform: translateY(-6px);
    border-color: #ffffff40;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
  }
  .steel-prize-card:hover img {
    transform: scale(1.04);
  }
}
/* Resolve older glass-theme overrides without changing other cards. */
.steel-prize-card.prize-tile {
  border-color: #ffffff15 !important;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease, box-shadow 0.4s ease;
}
@media (hover: hover) {
  .steel-prize-card.prize-tile:hover {
    transform: translateY(-6px);
    border-color: #ffffff40 !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
  }
}
@media (prefers-reduced-motion: reduce) {
  .steel-prize-card.prize-tile { transition: border-color 160ms ease, box-shadow 160ms ease; }
  .steel-prize-card.prize-tile img { transition: none; }
  .steel-prize-card.prize-tile:hover, .steel-prize-card.prize-tile:hover img { transform: none; }
}
/* Events and benefits share the prize-card hover treatment. */
.js .steel-content-card:is(.event-card,.benefit-card,.discover-card) {
  overflow: hidden;
  transform: none !important;
  border: 1px solid #ffffff15 !important;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease, box-shadow 0.4s ease;
}
.steel-content-card img, .steel-content-card .benefit-brand {
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (hover: hover) and (pointer: fine) {
  .js .steel-content-card:is(.event-card,.benefit-card,.discover-card):hover {
    transform: translateY(-6px) !important;
    border-color: #ffffff40 !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
  }
  .steel-content-card:is(.event-card,.benefit-card,.discover-card):hover img, .steel-content-card:hover .benefit-brand {
    transform: scale(1.04);
  }
}
@media (prefers-reduced-motion: reduce) {
  .js .steel-content-card:is(.event-card,.benefit-card,.discover-card) {
    transition: border-color 160ms ease, box-shadow 160ms ease;
  }
  .steel-content-card img, .steel-content-card .benefit-brand { transition: none; }
  .js .steel-content-card:is(.event-card,.benefit-card,.discover-card):hover { transform: none !important; }
  .steel-content-card:is(.event-card,.benefit-card,.discover-card):hover img, .steel-content-card:hover .benefit-brand { transform: none; }
}
.steel-nav-container {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.03);
  padding: 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  position: relative;
}
.steel-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 999px;
  transition: color 0.3s ease;
  background: transparent;
  border: none;
  cursor: pointer;
}
.steel-nav-item img, .steel-nav-item svg {
  width: 18px;
  height: 18px;
  opacity: 0.6;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.steel-nav-item:hover { color: rgba(255, 255, 255, 0.95); }
.steel-nav-item:hover img, .steel-nav-item:hover svg { opacity: 0.95; transform: scale(1.05); }
.steel-nav-item.is-active { color: #ffffff; }
.steel-nav-item.is-active img, .steel-nav-item.is-active svg { opacity: 1; }
.steel-nav-indicator {
  position: absolute;
  height: calc(100% - 12px);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
  z-index: 0;
}
.steel-user-pill {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 16px 6px 6px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  transition: border-color 0.3s ease, background 0.3s ease;
}
.steel-user-pill:hover { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.2); }
/* Integrate the capsule with the existing desktop/mobile navigation. */
.nav.steel-nav-container { isolation: isolate; gap: 8px; }
.nav .steel-nav-item { z-index: 1; font-size: .9375rem; padding: 10px 20px; border: none; white-space: nowrap; color: #ffffff99; background: transparent; box-shadow: none; }
.nav .steel-nav-item:is(.active,.is-active) { color: white; background: transparent; box-shadow: none; border: none; }
.nav .steel-nav-item:after { display: none; }
.nav .steel-nav-item img { filter: none; opacity: .6; transform: none; }
.nav .steel-nav-item.is-active img { opacity: 1; }
.steel-nav-indicator { top: 6px; left: 6px; visibility: hidden; }
.user-chip.steel-user-pill { border-radius: 999px; padding: 6px 16px 6px 6px; gap: 12px; }
.steel-user-pill .avatar { border-radius: 50%; }
@media (hover: hover) and (pointer: fine) {
  .nav .steel-nav-item:hover { color: #fffffff2; background: transparent; }
  .nav .steel-nav-item:hover img { opacity: .95; transform: scale(1.05); }
}
@media (min-width:1051px) and (max-width:1270px) {
  .nav.steel-nav-container { gap: 4px; }
  .nav .steel-nav-item { padding: 10px 10px; font-size: .875rem; gap: 6px; }
}
@media (max-width:1050px) {
  .nav.steel-nav-container { display: none; }
  .nav.steel-nav-container.open { display: flex; position: absolute; flex-direction: column; align-items: stretch; border-radius: 22px; gap: 4px; }
  .nav.steel-nav-container.open .steel-nav-item.is-active { background: #ffffff14; }
  .nav.steel-nav-container .steel-nav-indicator { display: none; }
  .user-chip.steel-user-pill { gap: 7px; padding: 4px 10px 4px 4px; }
}
@media (hover: none) {
  .nav .steel-nav-item:hover img { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .steel-nav-indicator { transition: none; }
  .nav .steel-nav-item img { transition: opacity 160ms ease; }
  .nav .steel-nav-item:hover img { transform: none; }
}
.prize-dialog .steel-ticket-merchant {
  margin: 20px 0;
  padding: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.steel-ticket-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.steel-ticket-stepper {
  display: grid;
  grid-template-columns: 44px minmax(32px, auto) 44px;
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}
.steel-ticket-step {
  width: 44px;
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  font: inherit;
  font-size: 1.25rem;
  cursor: pointer;
  transition: background 160ms ease, transform 160ms cubic-bezier(.25,1,.5,1);
}
.steel-ticket-step:disabled { opacity: .35; cursor: not-allowed; }
.steel-ticket-step:active:not(:disabled) { transform: scale(.97); }
.steel-ticket-count { padding: 0 8px; text-align: center; color: #fff; font-size: 1rem; font-variant-numeric: tabular-nums; }
.prize-dialog .steel-ticket-buy {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  flex: 1 1 160px;
  width: auto;
  min-height: 46px;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  background: #fff;
  color: #15151a;
  font-size: 1rem;
  transition: background 160ms ease, border-color 160ms ease;
}
.steel-ticket-buy span { position: relative; z-index: 1; }
.prize-dialog .steel-ticket-merchant[data-plan-type="quarterly"] .steel-ticket-buy { background: #302439; color: #fff; }
.steel-ticket-merchant[data-plan-type="quarterly"] .steel-ticket-buy::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg,rgba(255,255,255,.14),rgba(163,121,205,.2));
  opacity: 0;
  transition: opacity 160ms ease;
}
.steel-ticket-step:focus-visible, .steel-ticket-buy:focus-visible { outline: 2px solid #e3d5f5; outline-offset: 3px; }
.prize-dialog .steel-ticket-notice { margin: 12px 0 0; font-size: .875rem; line-height: 1.5; }
@media (hover: hover) and (pointer: fine) {
  .steel-ticket-step:hover:not(:disabled) { background: rgba(255,255,255,.1); }
  .prize-dialog .steel-ticket-buy:hover { background: rgba(255,255,255,.88); }
  .prize-dialog .steel-ticket-merchant[data-plan-type="quarterly"] .steel-ticket-buy:hover { background: #302439; }
  .steel-ticket-merchant[data-plan-type="quarterly"] .steel-ticket-buy:hover::before { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .steel-ticket-step, .prize-dialog .steel-ticket-buy, .steel-ticket-buy::before { transition: none; }
  .steel-ticket-step:active:not(:disabled) { transform: none; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .prize-dialog .steel-ticket-merchant, .steel-ticket-stepper, .steel-ticket-step { background: #202025; border-color: #ffffff70; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
.prize-label-cover {
  width: 100%; height: 100%; min-height: 180px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  padding: 20px; border-radius: inherit; text-align: center;
  background: radial-gradient(ellipse at 75% 20%, #79628b38, transparent 65%), linear-gradient(145deg,#282830,#101116);
  color: #f4f3fa;
}
.prize-label-cover strong { font: 800 clamp(28px,4vw,64px)/1.05 Inter,system-ui,sans-serif; letter-spacing: -.03em; }
.prize-label-cover small { color: #d1cbd9; font-size: 14px; }
.prize-label-cover.account-prize-image { height: 220px; border-radius: 18px; }
.prize-edition + .prize-edition { margin-top: 36px; }
.discover-section[data-prize-browser] .discover-section-head{flex-wrap:wrap;align-items:center;gap:16px}
.steel-renewal-notice{display:flex;align-items:flex-start;gap:16px;max-width:420px;margin:32px 0 12px;padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:rgba(67,23,35,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 16px 40px rgba(0,0,0,.25);animation:steelRenewalFloat 4s var(--ease-in-out,cubic-bezier(.77,0,.175,1)) infinite}
.steel-renewal-notice>img{flex:none;width:44px;height:44px;object-fit:contain}
.steel-renewal-notice small{font-size:.75rem;letter-spacing:.08em;color:#f0b7c6}
.steel-renewal-notice h3{margin:8px 0;font-size:1.125rem;color:#fff}
.steel-renewal-notice p{margin:0 0 16px;font-size:1rem;line-height:1.5;color:#e7cdd5}
.steel-renewal-notice .btn{min-height:44px}
.renewal-pause{display:block;margin-top:12px;padding:6px 0;border:0;background:none;color:#e7cdd5;font:inherit;font-size:.875rem;text-decoration:underline;cursor:pointer;min-height:44px}
.steel-renewal-notice:is(:focus-within,.is-paused,.is-offscreen,.is-page-hidden){animation-play-state:paused}
@keyframes steelRenewalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(hover:hover) and (pointer:fine){.steel-renewal-notice:hover{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){.steel-renewal-notice{animation:none}.renewal-pause{display:none}}
.btn.steel-main-cta{background:linear-gradient(135deg,#bfa4ec,#9b7bc6)!important;color:#191022!important;border:1px solid #e3cfffa6!important;box-shadow:0 0 28px #b18adb30,inset 0 1px 0 #ffffff55;font-weight:750;min-height:48px;padding:13px 22px;text-align:center}
.topbar .steel-header-cta{white-space:nowrap;font-size:.875rem;padding:11px 17px}
.home-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px}
.club-banner .home-banner-actions .steel-explore-link{background:transparent!important;border:0!important;box-shadow:none!important;color:#e0d9ed!important;font-size:.875rem;font-weight:550;padding:10px 0;text-decoration:underline;text-decoration-color:#e0d9ed55;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.steel-main-cta:focus-visible,.steel-explore-link:focus-visible{outline:3px solid #9fe3ff;outline-offset:5px}
.steel-home-conversion .steel-plan-buy:not(:disabled){background:#ffffff0b!important;border:1px solid #ffffff42!important;box-shadow:none!important;color:#ece7f5!important}
@media(max-width:1000px){.topbar .steel-header-cta{display:none}}
@media(max-width:700px){.home-banner-actions{align-items:flex-start;flex-direction:column;gap:4px}.club-banner .home-banner-actions .steel-explore-link{padding:9px 0}.home-banner-actions .steel-main-cta{width:100%}}
/* Mobile profile stays on screen; the brand belongs to the page flow. */
@media(max-width:760px){
  .topbar{position:relative;top:auto;width:100%;height:calc(76px + env(safe-area-inset-top,0px));margin:0;padding:env(safe-area-inset-top,0px) max(14px,env(safe-area-inset-right,0px)) 0 max(14px,env(safe-area-inset-left,0px));background:transparent!important;border:0;border-radius:0;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .topbar>.brand{position:relative;top:auto;left:auto}
  .topbar>.brand .brand-copy small{display:block;font-size:9px;letter-spacing:.22em}
  .topbar>.header-actions{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));z-index:60;margin-left:0}
}

.benefit-brand img{width:100%;height:100%;object-fit:cover;border-radius:inherit}