/* ==========================================================================
   ndrp pagcor - dynamic-424191-viewport.css
   Mobile-first stylesheet for the ndrppagcor.click phone canvas (320-430px).
   Palette reference: #1A1A1A ink / #7FFF00 accent.
   Direction: humanist serif headings + clear sans body, stroke-led cards,
   compact square game catalogue, scenario-branch rhythm, short transitions.
   ========================================================================== */

/* ---------- Design tokens ---------- */
:root {
  --c19164-ink: #1a1a1a;            /* canvas background */
  --c19164-ink-deep: #0f0f0f;       /* behind the canvas */
  --c19164-panel: #202020;          /* raised panels */
  --c19164-panel-2: #262626;        /* hover panel */
  --c19164-accent: #7fff00;         /* chartreuse accent */
  --c19164-accent-dim: #5cbf00;     /* pressed accent */
  --c19164-accent-ink: #0e1a04;     /* text on accent fills */
  --c19164-accent-wash: rgba(127, 255, 0, 0.10);
  --c19164-accent-line: rgba(127, 255, 0, 0.42);
  --c19164-line: #3a3a34;           /* standard stroke */
  --c19164-line-soft: #2c2c28;
  --c19164-text: #e9eddf;           /* primary reading text */
  --c19164-mute: #a8b299;           /* secondary text */
  --c19164-faint: #7c8472;
  --c19164-serif: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --c19164-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --c19164-r-s: 5px;                /* small stroke radius */
  --c19164-r-m: 8px;                /* control radius */
  --c19164-top-h: 56px;             /* fixed header height */
  --c19164-nav-h: 58px;             /* fixed bottom nav height */
  --c19164-canvas: 480px;           /* phone canvas ceiling */
  --c19164-ease: 160ms ease;
}

/* ---------- Base ---------- */
* { box-sizing: border-box; }

html {
  background: var(--c19164-ink-deep);
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0 auto;
  max-width: var(--c19164-canvas);
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--c19164-ink);
  color: var(--c19164-text);
  font-family: var(--c19164-sans);
  font-size: 15px;
  line-height: 1.62;
  border-left: 1px solid var(--c19164-line-soft);
  border-right: 1px solid var(--c19164-line-soft);
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }

h1, h2, h3 {
  font-family: var(--c19164-serif);
  font-weight: 700;
  line-height: 1.22;
  color: var(--c19164-text);
  margin: 0 0 0.5em;
  overflow-wrap: break-word;
}

h1 { font-size: 1.62rem; letter-spacing: -0.01em; }
h2 { font-size: 1.28rem; }
h3 { font-size: 1.02rem; }

p { margin: 0 0 0.85em; }
p:last-child { margin-bottom: 0; }

a {
  color: var(--c19164-accent);
  text-decoration: none;
  border-bottom: 1px solid rgba(127, 255, 0, 0.35);
  transition: color var(--c19164-ease), border-color var(--c19164-ease);
}
a:hover { color: #b3ff5c; border-bottom-color: #b3ff5c; }

button {
  font-family: inherit;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

::selection { background: var(--c19164-accent); color: var(--c19164-accent-ink); }

:focus-visible {
  outline: 2px solid var(--c19164-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

.c19164-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;
}

/* ---------- Fixed top bar ---------- */
.c19164-topbar {
  position: fixed;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--c19164-canvas);
  height: var(--c19164-top-h);
  z-index: 60;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  background: rgba(15, 15, 15, 0.96);
  border-bottom: 1px solid var(--c19164-accent-line);
  backdrop-filter: blur(6px);
}

.c19164-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin-right: auto;
}

.c19164-logo {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  border: 1px solid var(--c19164-accent-line);
  border-radius: var(--c19164-r-s);
  object-fit: cover;
  background: var(--c19164-panel);
}

.c19164-brand-name {
  font-family: var(--c19164-serif);
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
  color: var(--c19164-text);
}
.c19164-brand-name b { color: var(--c19164-accent); font-weight: 700; }

.c19164-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

/* CTA pair: solid primary + outlined secondary */
.c19164-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 6px 12px;
  border-radius: var(--c19164-r-m);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  border: 1px solid transparent;
  transition: background var(--c19164-ease), color var(--c19164-ease),
              border-color var(--c19164-ease), transform var(--c19164-ease);
}
.c19164-btn:active { transform: translateY(1px); }

.c19164-btn--solid {
  background: var(--c19164-accent);
  color: var(--c19164-accent-ink);
  border-color: var(--c19164-accent);
}
.c19164-btn--solid:hover {
  background: #99ff2e;
  color: var(--c19164-accent-ink);
  border-color: #99ff2e;
}

.c19164-btn--ghost {
  background: transparent;
  color: var(--c19164-accent);
  border-color: var(--c19164-accent-line);
}
.c19164-btn--ghost:hover {
  background: var(--c19164-accent-wash);
  color: #b3ff5c;
  border-color: #b3ff5c;
}

/* Compact header fits 320px: shrink action labels before the menu key */
.c19164-btn--top { padding: 6px 9px; font-size: 0.76rem; }

.c19164-menu-key {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 36px;
  height: 36px;
  padding: 8px 7px;
  border: 1px solid var(--c19164-line);
  border-radius: var(--c19164-r-m);
  transition: border-color var(--c19164-ease), background var(--c19164-ease);
}
.c19164-menu-key span {
  display: block;
  height: 2px;
  background: var(--c19164-text);
  border-radius: 1px;
  transition: transform var(--c19164-ease), opacity var(--c19164-ease),
              background var(--c19164-ease);
}
.c19164-menu-key:hover { border-color: var(--c19164-accent-line); background: var(--c19164-accent-wash); }
.c19164-menu-key:hover span { background: var(--c19164-accent); }
.c19164-menu-key[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.c19164-menu-key[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.c19164-menu-key[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ---------- Layered dropdown menu ---------- */
.c19164-drop {
  position: absolute;
  top: calc(var(--c19164-top-h) - 1px);
  left: 0;
  right: 0;
  background: #161616;
  border-bottom: 1px solid var(--c19164-accent-line);
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.55);
  max-height: 0;
  overflow: hidden;
  transition: max-height 240ms ease;
  z-index: 55;
}
.c19164-drop.is-open { max-height: 560px; overflow-y: auto; }

.c19164-drop-inner { padding: 8px 12px 16px; }

.c19164-drop-label {
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--c19164-faint);
  margin: 12px 0 4px;
  padding-left: 2px;
}
.c19164-drop-label:first-child { margin-top: 2px; }

.c19164-drop-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.c19164-drop-group a {
  display: block;
  min-height: 44px;
  padding: 10px 10px;
  font-size: 0.8rem;
  line-height: 1.25;
  color: var(--c19164-text);
  background: var(--c19164-panel);
  border: 1px solid var(--c19164-line-soft);
  border-radius: var(--c19164-r-s);
  border-bottom: 1px solid var(--c19164-line-soft);
  transition: background var(--c19164-ease), color var(--c19164-ease),
              border-color var(--c19164-ease);
}
.c19164-drop-group a:hover,
.c19164-drop-group a:focus-visible {
  background: var(--c19164-accent-wash);
  border-color: var(--c19164-accent-line);
  color: var(--c19164-accent);
}

/* ---------- Main column ---------- */
.c19164-main {
  padding: calc(var(--c19164-top-h) + 14px) 14px
           calc(var(--c19164-nav-h) + 26px + env(safe-area-inset-bottom));
}

.c19164-section { margin: 0 0 26px; }
.c19164-section--tight { margin: 0 0 18px; }

/* Short-distance sectional reveal (respects reduced motion below) */
@keyframes c19164-rise {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.c19164-rise { animation: c19164-rise 320ms ease both; }

/* ---------- Kicker labels (ticket-stub style) ---------- */
.c19164-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c19164-accent);
  margin: 0 0 8px;
}
.c19164-kicker::before {
  content: "";
  width: 16px;
  height: 6px;
  border: 1px solid var(--c19164-accent-line);
  border-radius: 2px;
  background: var(--c19164-accent-wash);
}

/* ---------- Hero ---------- */
.c19164-hero {
  border: 1px solid var(--c19164-line);
  border-radius: var(--c19164-r-m);
  padding: 16px 14px 14px;
  background:
    linear-gradient(180deg, rgba(127, 255, 0, 0.06), rgba(127, 255, 0, 0) 46%),
    var(--c19164-panel);
  margin: 0 0 16px;
}

.c19164-hero-lead {
  color: var(--c19164-mute);
  font-size: 0.88rem;
  margin: 0 0 12px;
}

.c19164-cta-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.c19164-cta-row .c19164-btn { flex: 1 1 140px; min-height: 44px; }

/* ---------- Trust strip ---------- */
.c19164-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 0 0 18px;
}
.c19164-stat {
  border: 1px solid var(--c19164-line-soft);
  border-radius: var(--c19164-r-s);
  padding: 8px 6px;
  text-align: center;
  background: rgba(32, 32, 32, 0.6);
}
.c19164-stat b {
  display: block;
  font-family: var(--c19164-serif);
  font-size: 0.98rem;
  color: var(--c19164-accent);
}
.c19164-stat span {
  display: block;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c19164-faint);
  margin-top: 2px;
}

/* ---------- Carousel ---------- */
.c19164-carousel {
  position: relative;
  margin: 0 0 18px;
  border: 1px solid var(--c19164-line);
  border-radius: var(--c19164-r-m);
  overflow: hidden;
  background: var(--c19164-panel);
}

.c19164-track {
  display: flex;
  width: 100%;
  transition: transform 420ms ease;
}
.c19164-carousel.is-static .c19164-track { transition: none; }

.c19164-slide {
  flex: 0 0 100%;
  width: 100%;
  display: block;
  position: relative;
  text-align: left;
}
.c19164-slide img {
  width: 100%;
  aspect-ratio: 16 / 8.4;
  object-fit: cover;
}
.c19164-slide-cap {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 26px 12px 10px;
  background: linear-gradient(180deg, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.92));
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c19164-text);
}
.c19164-slide-cap em {
  font-style: normal;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--c19164-accent);
  white-space: nowrap;
}

.c19164-dots {
  position: absolute;
  right: 10px;
  bottom: 8px;
  display: flex;
  gap: 6px;
  z-index: 2;
}
.c19164-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border-radius: 50%;
  background: rgba(233, 237, 223, 0.35);
  border: 1px solid rgba(15, 15, 15, 0.6);
  transition: background var(--c19164-ease), transform var(--c19164-ease);
}
.c19164-dot.is-on { background: var(--c19164-accent); transform: scale(1.25); }

/* ---------- Scenario branch cards ---------- */
.c19164-paths {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0 0 24px;
}
.c19164-path {
  display: block;
  border: 1px solid var(--c19164-line);
  border-radius: var(--c19164-r-s);
  background: transparent;
  padding: 10px 10px 9px;
  color: var(--c19164-text);
  transition: border-color var(--c19164-ease), background var(--c19164-ease),
              transform var(--c19164-ease);
}
.c19164-path:hover,
.c19164-path:focus-visible {
  border-color: var(--c19164-accent-line);
  background: var(--c19164-accent-wash);
  transform: translateY(-2px);
}
.c19164-path b {
  display: block;
  font-family: var(--c19164-serif);
  font-size: 0.86rem;
  margin: 0 0 3px;
  color: var(--c19164-text);
}
.c19164-path span { font-size: 0.7rem; color: var(--c19164-mute); line-height: 1.4; display: block; }

/* Internal path cards (real hrefs) keep the accent as a text link */
a.c19164-path { border-bottom: 1px solid var(--c19164-line); }
a.c19164-path:hover { border-color: var(--c19164-accent-line); border-bottom-color: var(--c19164-accent-line); }

/* ---------- Game shelves ---------- */
.c19164-shelf-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 4px;
}
.c19164-shelf-head h2 { margin: 0; }
.c19164-count {
  flex: 0 0 auto;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--c19164-faint);
  border: 1px solid var(--c19164-line-soft);
  border-radius: 999px;
  padding: 2px 8px;
}

.c19164-shelf-lead {
  font-size: 0.86rem;
  color: var(--c19164-mute);
  margin: 8px 0 12px;
}

.c19164-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.c19164-tile {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--c19164-line-soft);
  border-radius: var(--c19164-r-s);
  background: var(--c19164-panel);
  padding: 4px 4px 6px;
  text-align: center;
  transition: border-color var(--c19164-ease), background var(--c19164-ease),
              transform var(--c19164-ease);
}
.c19164-tile:hover,
.c19164-tile:focus-visible {
  border-color: var(--c19164-accent-line);
  background: var(--c19164-panel-2);
  transform: translateY(-2px);
}
.c19164-tile:active { transform: translateY(0) scale(0.97); }

.c19164-tile img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 3px;
  background: #101010;
}

.c19164-tile-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.64rem;
  line-height: 1.3;
  color: var(--c19164-text);
  margin-top: 5px;
  min-height: 1.7em;
  overflow-wrap: break-word;
}

.c19164-shelf-more {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px dashed var(--c19164-line);
  font-size: 0.76rem;
}
.c19164-shelf-more span {
  color: var(--c19164-faint);
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  align-self: center;
}

/* ---------- Content modules ---------- */
.c19164-mod {
  border: 1px solid var(--c19164-line);
  border-radius: var(--c19164-r-m);
  background: var(--c19164-panel);
  padding: 14px 13px 12px;
  margin: 0 0 16px;
}
.c19164-mod > p { font-size: 0.88rem; color: var(--c19164-mute); }
.c19164-mod > p:first-of-type {
  color: var(--c19164-text);
  border-left: 3px solid var(--c19164-accent);
  padding-left: 10px;
}

.c19164-mod h3 {
  font-size: 0.95rem;
  margin: 14px 0 4px;
  color: #d7e6bd;
}
.c19164-mod h3::before {
  content: "?";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  border: 1px solid var(--c19164-accent-line);
  border-radius: 50%;
  font-family: var(--c19164-sans);
  font-size: 0.62rem;
  line-height: 15px;
  text-align: center;
  color: var(--c19164-accent);
  vertical-align: 1px;
}

/* Payment partner strip */
.c19164-wallets {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 10px 2px 4px;
  margin: 4px 0 10px;
  scrollbar-width: thin;
  scrollbar-color: var(--c19164-line) transparent;
}
.c19164-wallet {
  flex: 0 0 auto;
  width: 74px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--c19164-line-soft);
  border-radius: var(--c19164-r-s);
  background: #161616;
}
.c19164-wallet img { max-width: 62px; max-height: 32px; object-fit: contain; }

/* Comparison dimension rows */
.c19164-dim {
  border: 1px solid var(--c19164-line-soft);
  border-radius: var(--c19164-r-s);
  padding: 9px 11px;
  margin: 0 0 8px;
}
.c19164-dim:last-child { margin-bottom: 0; }
.c19164-dim dt {
  font-family: var(--c19164-serif);
  font-weight: 700;
  color: var(--c19164-accent);
  font-size: 0.88rem;
  margin-bottom: 2px;
}
.c19164-dim dd {
  margin: 0;
  font-size: 0.82rem;
  color: var(--c19164-mute);
}
.c19164-dims { margin: 10px 0 4px; }

/* Checklist */
.c19164-check {
  list-style: none;
  margin: 10px 0 4px;
  padding: 0;
}
.c19164-check li {
  position: relative;
  padding: 0 0 0 26px;
  margin: 0 0 9px;
  font-size: 0.84rem;
  color: var(--c19164-mute);
}
.c19164-check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  border: 1px solid var(--c19164-accent-line);
  border-radius: 3px;
  background: var(--c19164-accent-wash);
}
.c19164-check li b { color: var(--c19164-text); font-weight: 600; }

/* ---------- Extended footer (homepage only) ---------- */
.c19164-xfoot {
  margin: 26px 0 14px;
  border: 1px solid var(--c19164-line);
  border-radius: var(--c19164-r-m);
  overflow: hidden;
}
.c19164-xfoot-brand {
  padding: 12px 13px;
  border-bottom: 1px solid var(--c19164-line-soft);
  background: linear-gradient(180deg, rgba(127, 255, 0, 0.05), rgba(127, 255, 0, 0));
}
.c19164-xfoot-brand p {
  font-size: 0.78rem;
  color: var(--c19164-mute);
  margin: 0;
}

.c19164-xfoot-dir {
  padding: 12px 13px;
  border-bottom: 1px solid var(--c19164-line-soft);
}
.c19164-xfoot-dir .c19164-kicker { margin-bottom: 10px; }
.c19164-dir-cols {
  columns: 2;
  column-gap: 16px;
}
.c19164-dir-cols li {
  break-inside: avoid;
  margin: 0 0 8px;
  font-size: 0.76rem;
  line-height: 1.35;
  list-style: none;
}
.c19164-dir-cols { margin: 0; padding: 0; }
.c19164-dir-cols li a { display: inline-block; min-height: 24px; }

.c19164-xfoot-promos {
  padding: 12px 13px;
  border-bottom: 1px solid var(--c19164-line-soft);
}
.c19164-xfoot-promos .c19164-kicker { margin-bottom: 10px; }
.c19164-promo-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.c19164-promo-row .c19164-btn { width: 100%; min-height: 44px; font-size: 0.76rem; }
.c19164-promo-row .c19164-btn:nth-last-child(-n + 1):nth-child(odd) {
  grid-column: 1 / -1;
}

.c19164-xfoot-note {
  padding: 10px 13px;
  font-size: 0.7rem;
  color: var(--c19164-faint);
  line-height: 1.5;
  background: #161616;
}

/* ---------- Common footer bar ---------- */
.c19164-footbar {
  text-align: center;
  padding: 4px 14px 2px;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  color: var(--c19164-faint);
}
.c19164-footbar b { color: var(--c19164-mute); font-weight: 600; }

/* ---------- Fixed bottom navigation ---------- */
.c19164-bottomnav {
  position: fixed;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--c19164-canvas);
  height: calc(var(--c19164-nav-h) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 60;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  background: rgba(15, 15, 15, 0.97);
  border-top: 2px solid var(--c19164-accent); /* brand accent band */
  backdrop-filter: blur(6px);
}

.c19164-bn-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-height: 44px;
  padding-top: 4px;
  color: var(--c19164-mute);
  font-size: 0.6rem;
  letter-spacing: 0.04em;
  border-bottom: none;
  transition: color var(--c19164-ease);
}
.c19164-bn-item:hover { color: var(--c19164-text); border-bottom: none; }
.c19164-bn-item svg { width: 21px; height: 21px; display: block; }

.c19164-bn-item.is-on { color: var(--c19164-accent); }
.c19164-bn-item.is-on::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 22px;
  height: 2px;
  background: var(--c19164-accent);
  border-radius: 0 0 2px 2px;
}
.c19164-bn-item.is-on svg { filter: drop-shadow(0 0 5px rgba(127, 255, 0, 0.5)); }

/* ---------- Wide-phone and desktop guardrails ---------- */

/* 375px and up: a little more air in the shelves */
@media (min-width: 375px) {
  body { font-size: 15.5px; }
  .c19164-tile-name { font-size: 0.68rem; }
  .c19164-hero-lead { font-size: 0.92rem; }
}

/* 430px breakpoint: the top of the target phone canvas */
@media (min-width: 430px) {
  :root { --c19164-canvas: 430px; }
  .c19164-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  h1 { font-size: 1.74rem; }
}

/* Between 320-374px keep everything readable and unclipped */
@media (max-width: 359px) {
  .c19164-brand-name { font-size: 0.92rem; }
  .c19164-btn--top { padding: 6px 7px; font-size: 0.7rem; }
  .c19164-stats { grid-template-columns: 1fr 1fr 1fr; gap: 5px; }
  .c19164-stat span { letter-spacing: 0.02em; }
  .c19164-promo-row { grid-template-columns: 1fr; }
}

/* Reduced motion: keep color transitions, drop movement */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .c19164-rise { animation: none; }
  .c19164-track { transition: none; }
  .c19164-drop { transition: none; }
  .c19164-tile:hover,
  .c19164-path:hover { transform: none; }
  * { transition-duration: 1ms !important; }
}