:root {
  --b603x-ink: #090612;
  --b603x-ink-2: #130a20;
  --b603x-ink-3: #211033;
  --b603x-cream: #f6f0ff;
  --b603x-muted: #b8acc5;
  --b603x-lime: #a7da45;
  --b603x-lime-ink: #c6f46a;
  --b603x-rose: #ff6b4a;
  --b603x-cyan: #7d8cff;
  --b603x-amber: #f2b35b;
  --b603x-violet: #ce5eff;
  --b603x-line: rgba(246, 240, 255, .15);
}

* { box-sizing: border-box }
html { scroll-behavior: smooth }
body {
  margin: 0;
  color: var(--b603x-cream);
  background:
    radial-gradient(circle at 90% 2%, rgba(125, 140, 255, .18), transparent 30rem),
    radial-gradient(circle at 3% 38%, rgba(206, 94, 255, .12), transparent 28rem),
    var(--b603x-ink);
  font: 16px/1.65 "PT Root UI", "Segoe UI", system-ui, sans-serif;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: .035;
  background-image:
    linear-gradient(45deg, var(--b603x-cream) 25%, transparent 25%),
    linear-gradient(-45deg, var(--b603x-cream) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--b603x-cream) 75%),
    linear-gradient(-45deg, transparent 75%, var(--b603x-cream) 75%);
  background-size: 28px 28px;
  background-position: 0 0, 0 14px, 14px -14px, -14px 0;
}
img { display: block; max-width: 100%; height: auto }
a { color: inherit; text-decoration: none }
h1, h2, h3, p { margin-top: 0 }
h1, h2, h3 { font-family: "PT Root UI", "Segoe UI", system-ui, sans-serif; line-height: 1.13 }

.b603x-skip { position: fixed; left: 12px; top: -80px; z-index: 1000; padding: 10px 16px; background: var(--b603x-lime); color: var(--b603x-ink); border-radius: 0 0 10px 10px }
.b603x-skip:focus { top: 0 }
.b603x-topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 78px;
  padding: 8px clamp(18px, 4vw, 58px);
  border-bottom: 1px solid var(--b603x-line);
  background: rgba(9, 6, 18, .9);
  backdrop-filter: blur(18px);
}
.b603x-brand img { width: 158px }
.b603x-nav { display: flex; gap: 24px; margin-left: auto; color: var(--b603x-muted) }
.b603x-nav a { padding: 10px 0; border-bottom: 2px solid transparent }
.b603x-nav a:nth-child(1):hover { color: var(--b603x-lime); border-color: var(--b603x-lime) }
.b603x-nav a:nth-child(2):hover { color: var(--b603x-cyan); border-color: var(--b603x-cyan) }
.b603x-nav a:nth-child(3):hover { color: var(--b603x-rose); border-color: var(--b603x-rose) }
.b603x-nav a:nth-child(4):hover { color: var(--b603x-amber); border-color: var(--b603x-amber) }
.b603x-nav a:nth-child(5):hover { color: var(--b603x-violet); border-color: var(--b603x-violet) }
.b603x-nav a:nth-child(6):hover { color: var(--b603x-orange); border-color: var(--b603x-orange) }
.b603x-topactions { display: flex; align-items: center; gap: 8px }

.b603x-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--b603x-ink);
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease;
}
.b603x-button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 0, 0, .24) }
.b603x-button--compact { min-height: 42px; background: var(--b603x-cream); color: var(--b603x-ink); padding: 9px 18px }
.b603x-button--play { background: var(--b603x-lime) }
.b603x-button--lime { background: var(--b603x-lime) }
.b603x-button--cream { background: var(--b603x-cream); color: var(--b603x-ink) }
.b603x-button--cyan { background: var(--b603x-cyan) }
.b603x-button--rose { background: var(--b603x-rose); color: var(--b603x-ink) }
.b603x-textlink { display: inline-flex; margin-top: 22px; color: var(--b603x-cyan); font-weight: 700; border-bottom: 1px solid currentColor }

.b603x-hero,
.b603x-section {
  width: min(1260px, calc(100% - 40px));
  margin: 0 auto;
}
.b603x-hero {
  display: block;
  min-height: 690px;
  padding: clamp(90px, 11vw, 160px) 0;
  text-align: center;
}
.b603x-hero__copy { max-width: 1080px; margin: 0 auto }
.b603x-kicker {
  margin-bottom: 18px;
  color: var(--b603x-amber);
  font: 600 12px/1.4 "Sometype Mono", monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.b603x-hero h1 { max-width: 21ch; margin: 0 auto 24px; font-size: clamp(42px, 6vw, 78px); letter-spacing: -.055em }
.b603x-hero h1::first-line { color: var(--b603x-cyan) }
.b603x-hero__lead { max-width: 900px; margin: 0 auto 18px; color: var(--b603x-muted); font-size: clamp(17px, 1.8vw, 21px) }
.b603x-hero__detail { max-width: 880px; margin: 0 auto; color: #d4c9de }
.b603x-detail { max-width: 980px; margin: 24px 0 0; color: var(--b603x-muted) }
.b603x-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 30px }
.b603x-ticker { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin: 0; padding: 0 clamp(18px, 4vw, 58px); background: linear-gradient(90deg, rgba(125, 140, 255, .08), rgba(255, 107, 74, .07)); border-bottom: 1px solid var(--b603x-line) }
.b603x-ticker div { padding: 17px 20px; border-right: 1px solid var(--b603x-line); background: rgba(19, 10, 32, .68) }
.b603x-ticker div:last-child { border-right: 0 }
.b603x-ticker span { display: block; color: var(--b603x-cyan); font: 600 22px/1.1 "Sometype Mono", monospace }
.b603x-ticker div:nth-child(2) span { color: var(--b603x-rose) }
.b603x-ticker div:nth-child(3) span { color: var(--b603x-lime-ink) }
.b603x-ticker div:nth-child(4) span { color: var(--b603x-amber) }
.b603x-ticker div:nth-child(5) span { color: var(--b603x-violet) }
.b603x-ticker small { display: block; margin-top: 7px; color: var(--b603x-muted); font-size: 11px }

.b603x-counter { position: relative; padding: 18px; border: 1px solid rgba(60, 83, 183, .42); background: linear-gradient(145deg, rgba(60, 83, 183, .12), rgba(255, 90, 54, .08)); box-shadow: 20px 24px 0 rgba(168, 216, 77, .18) }
.b603x-counter::before,
.b603x-counter::after { content: ""; position: absolute; left: -8px; right: -8px; height: 5px; background: linear-gradient(90deg, var(--b603x-cream), #7f8791, var(--b603x-cream), #5f6870) }
.b603x-counter::before { top: -6px }
.b603x-counter::after { bottom: -6px }
.b603x-counter__rail { display: flex; align-items: center; gap: 12px; color: var(--b603x-lime-ink); font: 600 11px "Sometype Mono", monospace }
.b603x-counter__rail i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--b603x-lime), transparent) }
.b603x-counter__screen { margin-top: 16px; padding: 28px; border-radius: 18px 18px 4px 4px; background: var(--b603x-cream); color: var(--b603x-ink) }
.b603x-counter__screen > p { color: var(--b603x-rose); font: 600 13px "Sometype Mono", monospace; text-transform: uppercase }
.b603x-counter__balance { display: flex; justify-content: space-between; align-items: end; padding: 18px 0 24px; border-bottom: 1px dashed rgba(34, 19, 41, .35) }
.b603x-counter__balance small { color: #61556a }
.b603x-counter__balance span { font: 600 38px "Sometype Mono", monospace }
.b603x-counter__screen a { display: flex; justify-content: space-between; gap: 18px; padding: 17px 0; border-bottom: 1px dashed rgba(34, 19, 41, .24); font-weight: 600 }
.b603x-counter__screen a span { color: var(--b603x-rose) }
.b603x-receipt { margin: 18px 0 0; color: var(--b603x-cyan); font: 500 11px "Sometype Mono", monospace; text-align: center; text-transform: uppercase }

.b603x-section { padding: clamp(78px, 9vw, 132px) 0; border-top: 1px solid var(--b603x-line) }
.b603x-section__head { max-width: 900px; margin-bottom: 38px }
.b603x-section__head h2,
.b603x-mobile__copy h2,
.b603x-final h2 { margin-bottom: 20px; font-size: clamp(30px, 4.4vw, 58px); letter-spacing: -.045em }
.b603x-section__head > p:last-child,
.b603x-mobile__copy > p,
.b603x-final p { color: var(--b603x-muted); font-size: 18px }

.b603x-stepgrid,
.b603x-ticketgrid,
.b603x-livegrid,
.b603x-controlgrid,
.b603x-supportgrid { display: grid; gap: 14px }
.b603x-stepgrid { grid-template-columns: repeat(3, 1fr) }
.b603x-stepgrid article { position: relative; min-height: 280px; padding: 28px; overflow: hidden; border: 1px solid var(--b603x-line); background: var(--b603x-ink-2) }
.b603x-stepgrid article > span { position: absolute; right: 15px; top: -22px; color: rgba(168, 216, 77, .12); font: 700 88px "PT Root UI", "Segoe UI", sans-serif }
.b603x-stepgrid h3 { position: relative; color: var(--b603x-lime); font-size: 20px }
.b603x-stepgrid article:nth-child(2) h3 { color: var(--b603x-cyan) }
.b603x-stepgrid article:nth-child(3) h3 { color: var(--b603x-rose) }
.b603x-stepgrid p { position: relative; color: var(--b603x-muted) }

.b603x-access { position: relative }
.b603x-statusboard { max-width: 880px; margin: 28px 0; border: 1px solid rgba(60, 83, 183, .35); background: rgba(60, 83, 183, .055) }
.b603x-statusboard div { display: grid; grid-template-columns: 12px 1fr auto; align-items: center; gap: 14px; padding: 14px 18px; border-bottom: 1px solid var(--b603x-line) }
.b603x-statusboard div:last-child { border-bottom: 0 }
.b603x-statusboard i { width: 9px; height: 9px; border-radius: 50%; background: var(--b603x-lime); box-shadow: 0 0 13px var(--b603x-lime) }
.b603x-statusboard em { color: var(--b603x-cyan); font: normal 500 12px "Sometype Mono", monospace }

.b603x-ticketgrid { grid-template-columns: repeat(4, 1fr) }
.b603x-ticket { position: relative; min-height: 300px; padding: 24px; color: var(--b603x-ink); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), 96% 100%, 92% calc(100% - 12px), 88% 100%, 84% calc(100% - 12px), 80% 100%, 76% calc(100% - 12px), 72% 100%, 68% calc(100% - 12px), 64% 100%, 60% calc(100% - 12px), 56% 100%, 52% calc(100% - 12px), 48% 100%, 44% calc(100% - 12px), 40% 100%, 36% calc(100% - 12px), 32% 100%, 28% calc(100% - 12px), 24% 100%, 20% calc(100% - 12px), 16% 100%, 12% calc(100% - 12px), 8% 100%, 4% calc(100% - 12px), 0 100%) }
.b603x-ticket::before { content: ""; position: absolute; inset: 10px; border: 1px dashed rgba(34, 19, 41, .42); pointer-events: none }
.b603x-ticket > * { position: relative }
.b603x-ticket--rose { background: var(--b603x-rose) }
.b603x-ticket--lime { background: var(--b603x-lime) }
.b603x-ticket--cyan { background: var(--b603x-cyan) }
.b603x-ticket--amber { background: var(--b603x-amber) }
.b603x-ticket > span { font: 600 11px "Sometype Mono", monospace; letter-spacing: .12em }
.b603x-ticket h3 { margin: 36px 0 18px; font-size: 28px }
.b603x-ticket p { min-height: 88px }
.b603x-ticket a { display: inline-block; padding-bottom: 2px; border-bottom: 2px solid currentColor; font-weight: 700 }
.b603x-bonusfacts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 20px }
.b603x-bonusfacts article { padding: 22px; border: 1px solid var(--b603x-line); background: var(--b603x-ink-2) }
.b603x-bonusfacts span { display: block; margin-bottom: 10px; color: var(--b603x-cyan); font: 600 25px "Sometype Mono", monospace }
.b603x-bonusfacts article:nth-child(2) span { color: var(--b603x-lime-ink) }
.b603x-bonusfacts article:nth-child(3) span { color: var(--b603x-rose) }
.b603x-bonusfacts p { margin: 0; color: var(--b603x-muted) }

.b603x-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px }
.b603x-filters span { padding: 8px 13px; border: 1px solid var(--b603x-line); color: var(--b603x-muted); border-radius: 999px; font: 500 12px "Sometype Mono", monospace }
.b603x-filters span:nth-child(2n) { color: var(--b603x-cyan) }
.b603x-filters span:nth-child(3n) { color: var(--b603x-lime) }
.b603x-gamegrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px }
.b603x-gamegrid article { padding: 10px 10px 18px; border: 1px solid var(--b603x-line); background: var(--b603x-ink-2) }
.b603x-gameart { display: grid; place-items: center; min-height: 150px; background: linear-gradient(135deg, var(--b603x-rose), #6e284c) }
.b603x-gameart--2 { background: linear-gradient(135deg, var(--b603x-lime), #45643a); color: var(--b603x-ink) }
.b603x-gameart--3 { background: linear-gradient(135deg, var(--b603x-cyan), #314f78); color: var(--b603x-ink) }
.b603x-gameart--4 { background: linear-gradient(135deg, var(--b603x-amber), #7a3f35); color: var(--b603x-ink) }
.b603x-gameart--5 { background: linear-gradient(135deg, #8e7ad9, #542d66) }
.b603x-gameart--6 { background: linear-gradient(135deg, #ee7552, #6c2530) }
.b603x-gameart--7 { background: linear-gradient(135deg, #6dd6a0, #235f63); color: var(--b603x-ink) }
.b603x-gameart--8 { background: linear-gradient(135deg, #f2d274, #98547a); color: var(--b603x-ink) }
.b603x-gameart--9 { background: linear-gradient(135deg, #7d8cff, #3b1e70) }
.b603x-gameart--10 { background: linear-gradient(135deg, #ff6b4a, #781f45) }
.b603x-gameart--11 { background: linear-gradient(135deg, #a7da45, #2f6645); color: var(--b603x-ink) }
.b603x-gameart--12 { background: linear-gradient(135deg, #ce5eff, #4d267f) }
.b603x-gameart span { font: 400 25px "Rubik Bubbles", "PT Root UI", sans-serif; letter-spacing: .08em }
.b603x-gamegrid h3 { margin: 16px 6px 8px; font-size: 15px }
.b603x-gamegrid p { margin: 0 6px 16px; color: var(--b603x-muted); font-size: 12px }
.b603x-gamegrid a { margin: auto 6px 0; color: var(--b603x-lime); font-weight: 700 }
.b603x-providerline { margin: 22px 0 0; padding: 18px; border-left: 4px solid var(--b603x-cyan); color: var(--b603x-muted); background: rgba(60, 83, 183, .06) }

.b603x-livegrid { grid-template-columns: repeat(3, 1fr) }
.b603x-livegrid article { min-height: 240px; padding: 24px; border: 1px solid rgba(255, 90, 54, .4); background: linear-gradient(155deg, rgba(255, 90, 54, .15), var(--b603x-ink-2) 58%) }
.b603x-livegrid article:nth-child(even) { border-color: rgba(60, 83, 183, .38); background: linear-gradient(155deg, rgba(60, 83, 183, .13), var(--b603x-ink-2) 58%) }
.b603x-live__on { color: var(--b603x-lime-ink); font: 600 11px "Sometype Mono", monospace; letter-spacing: .15em }
.b603x-livegrid h3 { margin-top: 42px; font-size: 18px }
.b603x-livegrid p { color: var(--b603x-muted) }
.b603x-livegrid a { color: var(--b603x-cyan); font-weight: 700 }

.b603x-levels { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background: var(--b603x-line); border: 1px solid var(--b603x-line) }
.b603x-levels div { min-height: 170px; padding: 20px; background: var(--b603x-ink-2) }
.b603x-levels div:nth-child(2n) { background: var(--b603x-ink-3) }
.b603x-levels span { display: block; min-height: 46px; font: 600 13px "PT Root UI", "Segoe UI", sans-serif }
.b603x-levels em { display: block; color: var(--b603x-lime-ink); font: normal 600 31px "Sometype Mono", monospace }
.b603x-levels div:nth-child(2) em,
.b603x-levels div:nth-child(5) em { color: var(--b603x-cyan) }
.b603x-levels div:nth-child(3) em,
.b603x-levels div:nth-child(6) em { color: var(--b603x-rose) }
.b603x-levels small { color: var(--b603x-muted) }
.b603x-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px }
.b603x-duo article { padding: 26px; border: 1px solid var(--b603x-line); background: var(--b603x-ink-2) }
.b603x-duo h3 { color: var(--b603x-amber); font-size: 19px }
.b603x-duo p { color: var(--b603x-muted) }

.b603x-scoreboard { display: grid; grid-template-columns: 1.2fr .7fr 1fr .7fr; margin: 26px 0; border: 1px solid var(--b603x-line); background: #0e0a12 }
.b603x-scoreboard div { padding: 22px; border-right: 1px solid var(--b603x-line) }
.b603x-scoreboard div:last-child { border: 0 }
.b603x-scoreboard small { display: block; color: var(--b603x-muted); text-transform: uppercase }
.b603x-scoreboard span { display: block; margin-top: 8px; color: var(--b603x-amber); font: 600 clamp(18px, 2.2vw, 30px) "Sometype Mono", monospace }

.b603x-cashgrid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--b603x-line) }
.b603x-cashgrid div { padding: 24px; border-right: 1px solid var(--b603x-line); border-bottom: 1px solid var(--b603x-line); background: var(--b603x-ink-2) }
.b603x-cashgrid div:nth-child(3n) { border-right: 0 }
.b603x-cashgrid div:nth-last-child(-n+3) { border-bottom: 0 }
.b603x-cashgrid span,
.b603x-cashgrid em,
.b603x-cashgrid small { display: block }
.b603x-cashgrid span { font-family: "PT Root UI", "Segoe UI", sans-serif; font-size: 14px }
.b603x-cashgrid em { margin: 8px 0; color: var(--b603x-cyan); font: normal 600 16px "Sometype Mono", monospace }
.b603x-cashgrid div:nth-child(even) em { color: var(--b603x-lime) }
.b603x-cashgrid small { color: var(--b603x-muted) }

.b603x-mobile { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); align-items: center; gap: clamp(34px, 8vw, 110px) }
.b603x-phone { width: min(310px, 100%); margin: auto; padding: 15px; border: 2px solid var(--b603x-cyan); border-radius: 42px; background: #0e0a12; box-shadow: 18px 18px 0 rgba(255, 90, 54, .16) }
.b603x-phone__top { display: flex; align-items: center; padding: 10px; color: var(--b603x-muted); font: 500 10px "Sometype Mono", monospace }
.b603x-phone__top i { width: 70px; height: 18px; margin: auto; border-radius: 99px; background: var(--b603x-ink) }
.b603x-phone__balance { padding: 34px 20px; border-radius: 26px; background: var(--b603x-lime); color: var(--b603x-ink) }
.b603x-phone__balance small,
.b603x-phone__balance span { display: block }
.b603x-phone__balance span { font: 600 36px "Sometype Mono", monospace }
.b603x-phone__tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px }
.b603x-phone__tiles span { padding: 22px 10px; border-radius: 14px; background: var(--b603x-ink-2); text-align: center; font-size: 12px }
.b603x-phone__tiles span:nth-child(2) { color: var(--b603x-cyan) }
.b603x-phone__tiles span:nth-child(3) { color: var(--b603x-rose) }
.b603x-phone__tiles span:nth-child(4) { color: var(--b603x-amber) }
.b603x-phone__nav { display: flex; justify-content: center; gap: 30px; padding: 18px }
.b603x-phone__nav i { width: 8px; height: 8px; border-radius: 50%; background: var(--b603x-muted) }
.b603x-mobile__copy { max-width: 760px }

.b603x-controlgrid { grid-template-columns: repeat(2, 1fr) }
.b603x-controlgrid article { padding: 25px; border-top: 4px solid var(--b603x-lime); background: var(--b603x-ink-2) }
.b603x-controlgrid article:nth-child(2) { border-color: var(--b603x-cyan) }
.b603x-controlgrid article:nth-child(3) { border-color: var(--b603x-rose) }
.b603x-controlgrid article:nth-child(4) { border-color: var(--b603x-amber) }
.b603x-controlgrid article:nth-child(5) { grid-column: 1 / -1; border-color: var(--b603x-violet) }
.b603x-controlgrid > article > span { color: var(--b603x-lime); font: 600 13px "Sometype Mono", monospace }
.b603x-controlgrid article:nth-child(2) > span { color: var(--b603x-cyan) }
.b603x-controlgrid article:nth-child(3) > span { color: var(--b603x-rose) }
.b603x-controlgrid article:nth-child(4) > span { color: var(--b603x-amber) }
.b603x-controlgrid article:nth-child(5) > span { color: var(--b603x-violet) }
.b603x-controlgrid h3 { margin-top: 35px; font-size: 17px }
.b603x-controlgrid p { color: var(--b603x-muted) }

.b603x-supportgrid { grid-template-columns: repeat(3, 1fr) }
.b603x-supportgrid article { padding: 26px; border: 1px solid var(--b603x-line); background: var(--b603x-ink-2) }
.b603x-supportgrid span { color: var(--b603x-cyan); font-family: "PT Root UI", "Segoe UI", sans-serif }
.b603x-supportgrid article:nth-child(2) span { color: var(--b603x-rose) }
.b603x-supportgrid article:nth-child(3) span { color: var(--b603x-lime) }
.b603x-supportgrid p { margin: 18px 0; color: var(--b603x-muted) }
.b603x-supportgrid a { color: var(--b603x-amber); font-weight: 700 }
.b603x-support__note { max-width: 860px; margin: 24px 0 0; color: var(--b603x-muted) }

.b603x-final { display: flex; justify-content: space-between; align-items: end; gap: 44px; width: min(1260px, calc(100% - 40px)); margin: 70px auto; padding: clamp(34px, 6vw, 70px); border: 1px solid var(--b603x-line); background: linear-gradient(120deg, rgba(255, 90, 54, .2), rgba(60, 83, 183, .12), rgba(168, 216, 77, .1)) }
.b603x-final > div:first-child { max-width: 800px }
.b603x-final .b603x-actions { min-width: 250px; flex-direction: column }
.b603x-final .b603x-button { width: 100% }

.b603x-faqgrid { columns: 2; column-gap: 14px }
.b603x-faq details { break-inside: avoid; margin: 0 0 14px; border: 1px solid var(--b603x-line); background: var(--b603x-ink-2) }
.b603x-faq summary { position: relative; padding: 21px 54px 21px 21px; cursor: pointer; font-weight: 700; list-style: none }
.b603x-faq summary::after { content: "+"; position: absolute; right: 20px; top: 12px; color: var(--b603x-lime); font: 500 28px "Sometype Mono", monospace }
.b603x-faq details[open] summary::after { content: "−"; color: var(--b603x-rose) }
.b603x-faq details p { padding: 0 21px 21px; color: var(--b603x-muted) }

.b603x-footer { padding: 56px max(20px, calc((100vw - 1260px) / 2)); border-top: 1px solid var(--b603x-line); background: #06040c; color: var(--b603x-cream) }
.b603x-footer__brand { display: flex; align-items: center; gap: 24px }
.b603x-footer__brand img { width: 132px }
.b603x-footer__brand p { margin: 0; color: #b9c9c5 }
.b603x-footer__links { display: flex; flex-wrap: wrap; gap: 22px; margin: 30px 0; color: var(--b603x-cyan) }
.b603x-footer__links a:nth-child(2n) { color: var(--b603x-lime) }
.b603x-footer__links a:nth-child(3n) { color: var(--b603x-rose) }
.b603x-footer__legal { max-width: 900px; margin: 0; color: #9caaa7; font-size: 13px }

a:focus-visible,
summary:focus-visible { outline: 3px solid var(--b603x-cyan); outline-offset: 4px }

@media (max-width: 1050px) {
  .b603x-hero { grid-template-columns: 1fr; min-height: 0 }
  .b603x-counter { max-width: 680px }
  .b603x-ticketgrid,
  .b603x-gamegrid,
  .b603x-livegrid,
  .b603x-controlgrid { grid-template-columns: repeat(2, 1fr) }
  .b603x-levels { grid-template-columns: repeat(3, 1fr) }
  .b603x-final { align-items: flex-start; flex-direction: column }
}

@media (max-width: 760px) {
  .b603x-nav { display: none }
  .b603x-topbar { min-height: 66px; padding: 7px 16px }
  .b603x-brand img { width: 136px }
  .b603x-hero,
  .b603x-section,
  .b603x-final { width: min(100% - 28px, 1260px) }
  .b603x-ticker,
  .b603x-stepgrid,
  .b603x-bonusfacts,
  .b603x-cashgrid,
  .b603x-supportgrid { grid-template-columns: 1fr 1fr }
  .b603x-cashgrid div,
  .b603x-cashgrid div:nth-child(3n),
  .b603x-cashgrid div:nth-last-child(-n+3) { border-right: 1px solid var(--b603x-line); border-bottom: 1px solid var(--b603x-line) }
  .b603x-cashgrid div:nth-child(2n) { border-right: 0 }
  .b603x-cashgrid div:nth-last-child(-n+2) { border-bottom: 0 }
  .b603x-mobile { grid-template-columns: 1fr }
  .b603x-mobile__copy { order: -1 }
  .b603x-scoreboard { grid-template-columns: 1fr 1fr }
  .b603x-scoreboard div:nth-child(2) { border-right: 0 }
  .b603x-scoreboard div:nth-child(-n+2) { border-bottom: 1px solid var(--b603x-line) }
  .b603x-faqgrid { columns: 1 }
}

@media (max-width: 500px) {
  body { font-size: 15px }
  .b603x-topbar { gap: 10px }
  .b603x-topactions { margin-left: auto; gap: 6px }
  .b603x-button--compact { min-height: 40px; padding-inline: 13px }
  .b603x-hero { padding-top: 54px }
  .b603x-hero h1 { font-size: clamp(30px, 9vw, 42px); overflow-wrap: anywhere }
  .b603x-actions,
  .b603x-actions .b603x-button { width: 100% }
  .b603x-ticker,
  .b603x-stepgrid,
  .b603x-ticketgrid,
  .b603x-bonusfacts,
  .b603x-gamegrid,
  .b603x-livegrid,
  .b603x-levels,
  .b603x-duo,
  .b603x-cashgrid,
  .b603x-controlgrid,
  .b603x-supportgrid { grid-template-columns: 1fr }
  .b603x-controlgrid article:nth-child(5) { grid-column: auto }
  .b603x-cashgrid div,
  .b603x-cashgrid div:nth-child(2n),
  .b603x-cashgrid div:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--b603x-line) }
  .b603x-cashgrid div:last-child { border-bottom: 0 }
  .b603x-statusboard div { grid-template-columns: 12px 1fr }
  .b603x-statusboard em { grid-column: 2 }
  .b603x-counter__screen { padding: 21px }
  .b603x-ticker { grid-template-columns: repeat(2, 1fr) }
  .b603x-ticker div:last-child { grid-column: 1 / -1 }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto }
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important }
}