html, body { margin: 0; background: oklch(14% .017 190); }
#rb-store {
      color-scheme: dark;
      --ink: oklch(15% 0.018 255);
      --ink-muted: oklch(35% 0.026 255);
      --paper: oklch(93% 0.032 86);
      --paper-warm: oklch(88% 0.041 82);
      --paper-faint: oklch(96% 0.018 88);
      --night: oklch(13% 0.025 288);
      --night-2: oklch(18% 0.04 282);
      --deck: oklch(9% 0.025 244);
      --line: oklch(73% 0.03 86 / 0.36);
      --red: oklch(62% 0.2 27);
      --red-deep: oklch(43% 0.17 28);
      --orange: oklch(72% 0.18 53);
      --yellow: oklch(87% 0.17 94);
      --green: oklch(55% 0.14 142);
      --teal: oklch(73% 0.14 188);
      --blue: oklch(50% 0.17 257);
      --violet: oklch(42% 0.18 296);
      --magenta: oklch(56% 0.23 343);
      --shadow: 0 22px 44px oklch(5% 0.02 250 / 0.5);
      --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
      --font-display: "Bebas Neue", "Arial Narrow", Impact, sans-serif;
      --font-body: Rajdhani, "Arial Narrow", system-ui, sans-serif;
      --font-mono: "Share Tech Mono", "Courier New", monospace;
    }
#rb-store .tape-grid {
      max-width: 80rem;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.5rem), 1fr));
      gap: 1.35rem;
      align-items: stretch;
    }#rb-store .vhs-cover {
      position: relative;
      min-height: 31rem;
      display: grid;
      grid-template-rows: auto auto 1fr auto;
      gap: 0.75rem;
      padding: 1.25rem;
      overflow: hidden;
      color: var(--paper);
      background: var(--deck);
      border-radius: 3px;
      border: 1px solid oklch(94% 0.018 86 / 0.12);
      box-shadow: var(--shadow);
      text-decoration: none;
      transition: transform 240ms var(--ease-out), box-shadow 240ms var(--ease-out), filter 240ms var(--ease-out);
    }#rb-store .vhs-cover:hover {
      transform: translateY(-0.45rem);
      filter: saturate(1.05);
      box-shadow: 0 30px 52px oklch(5% 0.02 250 / 0.62);
    }#rb-store .cover-brand {
      position: relative;
      z-index: 2;
      display: flex;
      justify-content: space-between;
      gap: 0.7rem;
      color: oklch(91% 0.02 86 / 0.7);
      font: 400 0.76rem / 1.15 var(--font-mono);
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }#rb-store .cover-title {
      position: relative;
      z-index: 2;
      margin: 0;
      font: 400 4rem / 0.86 var(--font-display);
      letter-spacing: 0.01em;
      text-transform: uppercase;
      text-wrap: balance;
    }#rb-store .cover-subtitle {
      position: relative;
      z-index: 2;
      max-width: 30ch;
      margin: 0;
      color: oklch(91% 0.02 86 / 0.76);
      font: 600 0.98rem / 1.42 var(--font-body);
      letter-spacing: 0.005em;
    }#rb-store .cover-art {
      position: relative;
      z-index: 1;
      min-height: 8rem;
    }#rb-store .cover-footer {
      position: relative;
      z-index: 2;
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 0.8rem;
      padding-top: 0.75rem;
      border-top: 1px solid oklch(90% 0.02 86 / 0.16);
      color: oklch(92% 0.018 86 / 0.55);
      font: 400 0.78rem / 1 var(--font-mono);
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }#rb-store .vhs-badge {
      padding: 0.15rem 0.48rem;
      border: 1px solid currentColor;
      color: inherit;
    }#rb-store .cover--agent {
      background:
        radial-gradient(circle at 47% 45%, oklch(91% 0.17 88) 0 0.28rem, oklch(78% 0.18 67) 0.34rem 3.1rem, var(--violet) 3.8rem 4.7rem, transparent 4.9rem),
        radial-gradient(ellipse at 50% 66%, oklch(75% 0.11 78 / 0.24), transparent 5rem),
        linear-gradient(160deg, oklch(19% 0.085 292), oklch(10% 0.035 245));
    }#rb-store .cover--agent .cover-art::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 1rem;
      height: 0.28rem;
      background: linear-gradient(90deg, var(--red), var(--yellow), var(--green), var(--blue), var(--magenta));
    }#rb-store .cover--agent .cover-subtitle {
      text-shadow: 0 1px 4px oklch(5% 0.02 250 / 0.75), 0 0 12px oklch(5% 0.02 250 / 0.45);
    }#rb-store .cover--seed {
      color: var(--ink);
      background:
        linear-gradient(162deg, transparent 0 44%, var(--orange) 44.2% 55%, var(--yellow) 55.2% 72%, var(--green) 72.2% 89%, var(--blue) 89.2% 100%),
        linear-gradient(180deg, var(--paper-faint), var(--paper-warm));
    }#rb-store .cover--seed .cover-brand,
#rb-store .cover--seed .cover-subtitle,
#rb-store .cover--seed .cover-footer {
      color: oklch(35% 0.026 255 / 0.8);
    }#rb-store .cover--seed .cover-title {
      font-size: 4.6rem;
      color: var(--ink);
    }#rb-store .cover--seed .cover-art::after {
      content: "FEB 2025";
      position: absolute;
      left: 0;
      bottom: 0.5rem;
      color: var(--ink);
      font: 400 1.6rem / 1 var(--font-mono);
      letter-spacing: 0.06em;
    }#rb-store .cover--schedule {
      background:
        linear-gradient(180deg, oklch(11% 0.02 255) 0 52%, oklch(8% 0.016 245) 52% 100%),
        var(--deck);
    }#rb-store .cover--schedule .cover-brand,
#rb-store .cover--schedule .cover-title,
#rb-store .cover--schedule .cover-subtitle {
      text-shadow: 0 1px 4px oklch(5% 0.02 250 / 0.85), 0 0 14px oklch(5% 0.02 250 / 0.55);
    }#rb-store .cover--schedule::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(115deg, oklch(65% 0.24 292), var(--blue), var(--teal), var(--yellow), var(--red), var(--magenta));
      -webkit-mask-image: linear-gradient(180deg, black 0%, black 38%, transparent 72%);
      mask-image: linear-gradient(180deg, black 0%, black 38%, transparent 72%);
    }#rb-store .cover--schedule::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, oklch(8% 0.02 245 / 0.28) 1px, transparent 1px),
        linear-gradient(0deg, oklch(8% 0.02 245 / 0.28) 1px, transparent 1px);
      background-size: 2rem 2rem;
      -webkit-mask-image: linear-gradient(180deg, black 0%, black 50%, transparent 82%);
      mask-image: linear-gradient(180deg, black 0%, black 50%, transparent 82%);
    }#rb-store .cover--research {
      background:
        repeating-linear-gradient(90deg, oklch(94% 0.02 86 / 0.04) 0 1px, transparent 1px 2rem),
        linear-gradient(180deg, oklch(14% 0.035 88), oklch(8% 0.02 95));
    }#rb-store .cover--research .cover-art::before {
      content: "";
      position: absolute;
      left: -35%;
      right: -35%;
      top: 0;
      height: 11rem;
      background:
        radial-gradient(ellipse at center, transparent 0 42%, var(--teal) 43% 45%, transparent 46%),
        radial-gradient(ellipse at center, transparent 0 55%, var(--yellow) 56% 58%, transparent 59%),
        radial-gradient(ellipse at center, transparent 0 68%, var(--green) 69% 71%, transparent 72%),
        radial-gradient(ellipse at center, transparent 0 80%, var(--violet) 81% 83%, transparent 84%);
    }#rb-store .cover--nasa {
      background:
        linear-gradient(168deg, oklch(33% 0.1 145) 0 58%, oklch(8% 0.025 153) 58.2% 100%);
    }#rb-store .cover--nasa .cover-title {
      font-size: 4.8rem;
    }#rb-store .cover--nasa .cover-brand {
      color: oklch(93% 0.02 86 / 0.9);
    }#rb-store .cover--nasa .cover-subtitle {
      color: oklch(93% 0.02 86 / 0.92);
    }#rb-store .cover--nasa .cover-brand,
#rb-store .cover--nasa .cover-title,
#rb-store .cover--nasa .cover-subtitle,
#rb-store .cover--nasa .cover-footer {
      text-shadow: 0 1px 3px oklch(5% 0.02 250 / 0.55);
    }#rb-store .cover--nasa .cover-art::before {
      content: "";
      position: absolute;
      inset: 1.5rem 0 auto;
      height: 0.5rem;
      background: linear-gradient(90deg, var(--yellow), var(--teal), var(--blue));
      transform: rotate(-11deg);
      transform-origin: left center;
    }#rb-store .cover--agent-system {
      background:
        linear-gradient(180deg, var(--magenta) 0 4.2rem, oklch(10% 0.018 252) 4.25rem),
        var(--deck);
    }#rb-store .cover--agent-system .cover-art::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 42%;
      width: 5.5rem;
      aspect-ratio: 1;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 28%, oklch(89% 0.1 343), var(--magenta) 45%, oklch(37% 0.18 342));
      box-shadow: 0 0 2rem oklch(64% 0.22 343 / 0.46);
      transform: translate(-50%, -50%);
    }#rb-store .cover--agent-system .cover-art::after {
      content: "";
      position: absolute;
      left: 34%;
      top: 45%;
      width: 0.22rem;
      height: 6.5rem;
      background: var(--teal);
      transform: rotate(26deg);
      transform-origin: top center;
      opacity: 0.7;
    }#rb-store .cover--omakase {
      background:
        linear-gradient(180deg, var(--red-deep) 0 4rem, oklch(9% 0.022 30) 4.05rem),
        var(--deck);
    }#rb-store .cover--omakase .cover-brand {
      color: oklch(93% 0.02 86 / 0.88);
      text-shadow: 0 1px 2px oklch(5% 0.02 250 / 0.5);
    }#rb-store .cover--omakase .cover-art::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, oklch(8% 0.02 244 / 0.22) 1px, transparent 1px),
        linear-gradient(0deg, oklch(8% 0.02 244 / 0.22) 1px, transparent 1px);
      background-size: 2rem 2rem;
    }#rb-store .cover--omakase .cover-art::after {
      content: "";
      position: absolute;
      inset: -20% -10%;
      background: linear-gradient(
        145deg,
        transparent 0 36%,
        var(--red) 36.5% 40%,
        oklch(55% 0.18 28) 40.5% 44%,
        transparent 44.5%
      );
      opacity: 0.55;
    }


#rb-store .access-grid {
      max-width: 74rem;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
      gap: 0.95rem;
    }#rb-store .access-link {
      min-height: 8.6rem;
      display: grid;
      align-content: space-between;
      gap: 1rem;
      padding: 1rem;
      color: var(--ink);
      background: var(--paper);
      border: 2px solid var(--paper);
      box-shadow: 8px 8px 0 oklch(4% 0.016 250 / 0.48);
      text-decoration: none;
      transition: transform 180ms var(--ease-out), background 180ms var(--ease-out);
    }#rb-store .access-link:hover {
      transform: translateY(-0.25rem);
      background: var(--yellow);
    }#rb-store .access-link span {
      color: var(--red-deep);
      font: 700 0.75rem / 1 var(--font-mono);
      letter-spacing: 0.09em;
      text-transform: uppercase;
    }#rb-store .access-link strong {
      font: 400 2.6rem / 0.88 var(--font-display);
      letter-spacing: 0;
      text-transform: uppercase;
    }#rb-store .contact-form {
      max-width: 74rem;
      margin: 1.2rem auto 0;
      display: grid;
      gap: 0.8rem;
      padding: 1rem;
      color: var(--paper);
      background:
        linear-gradient(180deg, oklch(7% 0.02 260 / 0.64), transparent),
        repeating-linear-gradient(0deg, oklch(94% 0.02 86 / 0.04) 0 1px, transparent 1px 1.1rem),
        var(--deck);
      border: 1px solid oklch(90% 0.02 86 / 0.26);
      box-shadow: 8px 8px 0 oklch(4% 0.016 250 / 0.48);
    }#rb-store .contact-form__row {
      display: grid;
      gap: 0.4rem;
    }#rb-store .contact-form label {
      color: var(--yellow);
      font: 400 0.72rem / 1 var(--font-mono);
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }#rb-store .contact-form input,
#rb-store .contact-form textarea {
      width: 100%;
      color: var(--paper);
      background: oklch(5% 0.018 252 / 0.78);
      border: 1px solid oklch(90% 0.02 86 / 0.32);
      border-radius: 0;
      padding: 0.82rem 0.9rem;
      font: 500 1rem / 1.25 var(--font-body);
    }#rb-store .contact-form textarea {
      min-height: 8rem;
      resize: vertical;
    }#rb-store .contact-form input:focus,
#rb-store .contact-form textarea:focus {
      outline: 2px solid var(--yellow);
      outline-offset: 2px;
    }#rb-store .contact-form__submit {
      justify-self: start;
      min-height: 2.75rem;
      padding: 0.76rem 1rem 0.64rem;
      color: var(--ink);
      background: var(--yellow);
      border: 2px solid var(--paper);
      box-shadow: 5px 5px 0 var(--red-deep);
      font: 700 0.76rem / 1 var(--font-mono);
      letter-spacing: 0.08em;
      text-transform: uppercase;
      cursor: pointer;
      transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), opacity 180ms var(--ease-out);
    }#rb-store .contact-form__submit:hover {
      transform: translate(-2px, -2px);
      box-shadow: 7px 7px 0 var(--red-deep);
    }#rb-store .contact-form__submit:disabled {
      cursor: wait;
      opacity: 0.72;
    }#rb-store .form-status {
      min-height: 1.1rem;
      margin: 0;
      color: oklch(90% 0.025 86);
      font: 400 0.78rem / 1.35 var(--font-mono);
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }#rb-store .form-status[data-state="success"] {
      color: var(--teal);
    }#rb-store .form-status[data-state="error"] {
      color: var(--yellow);
    }


@media (max-width: 47.98rem) {
#rb-store .tape-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.8rem;
        align-items: start;
      }#rb-store .vhs-cover {
        min-height: 0;
        aspect-ratio: 2 / 3;
        gap: 0.45rem;
        padding: 0.7rem;
      }#rb-store .tape-grid .cover-brand {
        gap: 0.35rem;
        font-size: clamp(0.48rem, 1.8vw, 0.62rem);
        letter-spacing: 0.08em;
      }#rb-store .tape-grid .cover-title,
#rb-store .tape-grid .cover--seed .cover-title {
        font-size: clamp(1.9rem, 8.4vw, 2.45rem);
        line-height: 0.88;
      }#rb-store .tape-grid .cover-subtitle {
        font-size: clamp(0.64rem, 2.45vw, 0.76rem);
        line-height: 1.3;
      }#rb-store .tape-grid .cover-art {
        min-height: 0;
      }#rb-store .tape-grid .cover-footer {
        gap: 0.35rem;
        padding-top: 0.45rem;
        font-size: clamp(0.48rem, 1.75vw, 0.6rem);
        letter-spacing: 0.05em;
      }#rb-store .tape-grid .vhs-badge {
        padding: 0.12rem 0.3rem;
      }#rb-store .tape-grid .cover--seed .cover-art::after {
        font-size: 0.8rem;
      }


}

  #rb-store {
    --rb-paper: oklch(93% .032 86); --rb-ink: oklch(17% .018 175);
    --rb-dark: oklch(14% .017 190); --rb-line: oklch(69% .028 92 / .27);
    --rb-yellow: oklch(87% .17 94); --rb-red: oklch(46% .17 28);
    --rb-teal: oklch(64% .12 181); --rb-lcd: oklch(76% .096 118);
    --rb-lcd-ink: oklch(26% .045 128); --rb-plastic: oklch(85% .022 99);
    --rb-bezel: oklch(38% .021 122); --rb-button: oklch(37% .108 347);
    --rb-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
    --rb-mono: "Share Tech Mono", "Courier New", monospace;
    --rb-body: "Source Sans 3", system-ui, sans-serif;
    color-scheme: dark; color: var(--rb-paper); background: var(--rb-dark);
    font: 400 16px/1.4 var(--rb-body); container-type: inline-size;
    isolation: isolate; text-align: left; width: 100%;
  }
  #rb-store *, #rb-store *::before, #rb-store *::after { box-sizing: border-box; }
  #rb-store [hidden] { display: none !important; }
  #rb-store :is(h1,h2,h3,p) { margin: 0; }
  #rb-store button { cursor: pointer; }
  #rb-store a { color: inherit; }
  #rb-store .rb-home-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(360px,1fr); gap: 28px; align-items: start; max-width: 1720px; margin: 0 auto; padding: 26px 32px 20px; }
  #rb-store .rb-tapes-section { min-width: 0; }
  #rb-store .rb-home-layout > .rb-device { grid-column: 2; grid-row: 1; margin-top: 51px; }
  #rb-store .rb-home-layout > .rb-tapes-section { grid-column: 1; grid-row: 1; }
  #rb-store .rb-section-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 19px; }
  #rb-store .rb-section-heading h2 { font: 400 32px/1 var(--rb-display); }
  #rb-store .rb-tapes-section .tape-grid { max-width: none; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; align-items: stretch; }
  /* Give each size-contained cover its column width before applying its aspect ratio. */
  #rb-store .rb-tapes-section .vhs-cover { width: 100%; min-width: 0; justify-self: stretch; container-type: inline-size; min-height: 0; aspect-ratio: 2/3; gap: .45rem; padding: .7rem; grid-template-rows: auto auto auto minmax(0,1fr) auto; }
  #rb-store .rb-tapes-section .cover-brand { gap: .35rem; font-size: clamp(8px,4.2cqw,10px); letter-spacing: .08em; }
  #rb-store .rb-tapes-section .cover-title { font-size: clamp(26px,20cqw,46px); line-height: .88; }
  #rb-store .rb-tapes-section .cover-subtitle { font-size: clamp(11px,6cqw,14px); line-height: 1.3; }
  #rb-store .rb-tapes-section .cover-art { min-height: 0; }
  #rb-store .rb-tapes-section .cover-footer { gap: .35rem; padding-top: .45rem; font-size: clamp(8px,4.2cqw,10px); letter-spacing: .05em; }
  #rb-store .rb-tapes-section .vhs-badge { padding: .12rem .3rem; }
  #rb-store .rb-tapes-section .cover--seed .cover-art::after { font-size: .8rem; }
  #rb-store .rb-catalog-layout { width: 100%; max-width: 800px; margin: 0 auto; padding: 32px 32px 20px; }
  #rb-store .rb-pinned { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 32px; max-width: 1720px; margin: 0 auto; padding: 25px 32px 38px; }
  #rb-store[data-store-page=catalog] .rb-pinned { max-width: 1220px; }
  #rb-store .rb-pinned h2 { grid-column: 1/-1; font: 12px var(--rb-mono); color: var(--rb-yellow); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 11px; }
  #rb-store .rb-pin { display: grid; grid-template-columns: 64px minmax(0,1fr) 16px; align-items: baseline; gap: 12px; padding: 13px 0; border-top: 1px solid var(--rb-line); text-decoration: none; }
  #rb-store .rb-pin small { font: 11px var(--rb-mono); color: oklch(75% .028 90); text-transform: uppercase; }
  #rb-store .rb-pin strong { font: 500 16px/1.3 var(--rb-body); }
  #rb-store .rb-pin b { font-weight: 400; }
  #rb-store .rb-pin:hover strong { text-decoration: underline; }
  #rb-store .rb-device { --rb-mobile: 0; --rb-row-height: 70px; --rb-description-height: 84px; min-width: 0; color-scheme: light; color: var(--rb-ink); background: linear-gradient(128deg,oklch(92% .018 99),var(--rb-plastic) 70%,oklch(76% .023 99)); border: 1px solid oklch(71% .023 99); padding: 20px 20px 17px; border-radius: 15px 15px 48px 15px; box-shadow: inset 1px 2px 0 oklch(98% .012 94),inset -3px -4px 0 oklch(65% .018 100),5px 8px 0 oklch(8% .014 180),0 17px 24px oklch(5% .012 180 / .25); }
  #rb-store .rb-bezel { padding: 15px; background: var(--rb-bezel); border-radius: 7px 7px 22px 7px; box-shadow: inset 1px 2px 2px oklch(20% .022 120 / .65); }
  #rb-store .rb-screen { position: relative; padding: 16px; color: var(--rb-lcd-ink); background: repeating-linear-gradient(0deg,transparent 0 2px,oklch(35% .06 125 / .04) 2px 3px),var(--rb-lcd); box-shadow: inset 2px 3px 9px oklch(28% .05 124 / .35); }
  #rb-store .rb-screen-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 9px; border-bottom: 1px solid oklch(38% .055 124 / .35); }
  #rb-store .rb-screen-heading :is(h1,h2) { font: 400 11px/1.4 var(--rb-mono); text-transform: uppercase; letter-spacing: .04em; }
  #rb-store .rb-screen-heading span { font: 11px var(--rb-mono); white-space: nowrap; }
  #rb-store .rb-note-list { position: relative; height: calc(var(--rb-page-size) * var(--rb-row-height)); margin-top: 8px; padding-right: 8px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; scroll-snap-type: y proximity; }
  #rb-store .rb-note-list::-webkit-scrollbar { display: none; }
  #rb-store .rb-note-page { display: grid; grid-template-rows: repeat(var(--rb-page-size),var(--rb-row-height)); scroll-snap-align: start; }
  #rb-store .rb-note { display: flex; position: relative; flex-direction: column; justify-content: center; gap: 4px; min-width: 0; padding: 8px 10px 8px 25px; height: var(--rb-row-height); text-decoration: none; border-bottom: 1px solid oklch(38% .055 124 / .17); }
  #rb-store .rb-note strong { display: block; font: 600 18px/1.22 var(--rb-body); }
  #rb-store .rb-note small { display: block; font: 11px/1.3 var(--rb-mono); }
  #rb-store .rb-note .rb-cursor { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); opacity: 0; font: 12px var(--rb-mono); }
  #rb-store .rb-note.is-selected { background: var(--rb-lcd-ink); color: var(--rb-lcd); border-bottom-color: transparent; }
  #rb-store .rb-note.is-selected .rb-cursor { opacity: 1; }
  #rb-store [data-device=home] .rb-note small { display: none; }
  #rb-store .rb-selection { border-top: 1px solid oklch(38% .055 124 / .35); margin-top: 12px; padding-top: 12px; }
  #rb-store .rb-selection p { height: var(--rb-description-height); font: 400 15px/1.4 var(--rb-body); overflow-wrap: break-word; }
  #rb-store .rb-page-footer { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 11px; font: 11px/1.4 var(--rb-mono); white-space: nowrap; }
  #rb-store .rb-page-footer a { text-underline-offset: 3px; }
  #rb-store .rb-scroll-cue { margin-left: auto; }
  #rb-store .rb-mobile-pagination { display: none; }
  #rb-store .rb-controls { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 12px 0; }
  #rb-store .rb-dpad { --rb-pad: 32px; display: grid; grid-template-columns: repeat(3,var(--rb-pad)); grid-template-rows: repeat(3,var(--rb-pad)); filter: drop-shadow(1px 3px 1px oklch(34% .017 99 / .3)); }
  #rb-store .rb-dpad button { padding: 0; border: 0; border-radius: 2px; color: var(--rb-plastic); background: oklch(27% .018 110); font: 14px var(--rb-mono); }
  #rb-store .rb-dpad button:hover:enabled { background: oklch(34% .024 110); }
  #rb-store .rb-dpad button:disabled { color: oklch(48% .018 110); cursor: default; }
  #rb-store .rb-dpad button[data-move=up] { grid-area: 1/2; border-radius: 3px 3px 0 0; }
  #rb-store .rb-dpad button[data-move=left] { grid-area: 2/1; border-radius: 3px 0 0 3px; }
  #rb-store .rb-dpad button[data-move=right] { grid-area: 2/3; border-radius: 0 3px 3px 0; }
  #rb-store .rb-dpad button[data-move=down] { grid-area: 3/2; border-radius: 0 0 3px 3px; }
  #rb-store .rb-dpad-center { grid-area: 2/2; background: radial-gradient(circle,oklch(21% .018 110) 0 23%,oklch(27% .018 110) 25%); }
  #rb-store .rb-action { display: flex; flex-direction: column; align-items: center; gap: 7px; margin-left: auto; text-decoration: none; font: 11px var(--rb-mono); }
  #rb-store .rb-action b { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--rb-button); color: var(--rb-paper); font: 700 25px/1 var(--rb-body); box-shadow: inset 1px 2px 1px oklch(64% .1 346 / .5),1px 3px 0 oklch(26% .08 346); }
  #rb-store .rb-action:hover b { background: oklch(44% .13 347); }
  #rb-store .rb-grille { width: 60px; height: 34px; margin: 0 8px 0 13px; transform: rotate(-20deg); background: repeating-linear-gradient(90deg,transparent 0 6px,oklch(55% .016 100) 6px 9px); opacity: .65; }
  #rb-store .rb-contact-section { border-top: 1px solid var(--rb-line); padding: 37px 32px 55px; }
  #rb-store .rb-contact-section .section__header { max-width: 1156px; margin: 0 auto 25px; }
  #rb-store .rb-contact-section .kicker { font: 12px var(--rb-mono); color: var(--rb-yellow); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 10px; }
  #rb-store .rb-contact-section h2 { font: 400 42px/1 var(--rb-display); }
  #rb-store .rb-contact-section .access-grid { max-width: 1156px; }
  #rb-store .rb-contact-section .contact-form { max-width: 1156px; }
  #rb-store .rb-contact-section :is(input,textarea) { font-size: 16px; }
  #rb-store .rb-contact-section .form-status a { text-decoration: underline; }
  #rb-store .rb-footer { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 12px 32px; border-top: 2px solid var(--rb-teal); font: 11px var(--rb-mono); letter-spacing: .06em; text-transform: uppercase; }
  @container (max-width: 1240px) {
    #rb-store .rb-tapes-section .tape-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  }
  @container (max-width: 980px) {
    #rb-store .rb-home-layout { grid-template-columns: minmax(0,1fr); max-width: 800px; gap: 32px; padding: 26px 24px 15px; }
    #rb-store .rb-home-layout > .rb-device { grid-column: 1; grid-row: 1; width: 100%; max-width: 650px; margin: 0 auto; }
    #rb-store .rb-home-layout > .rb-tapes-section { grid-column: 1; grid-row: 2; }
    #rb-store .rb-tapes-section .tape-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  }
  @container (max-width: 850px) {
    #rb-store .rb-pinned { max-width: 800px; padding-left: 24px; padding-right: 24px; }
    #rb-store .rb-catalog-layout { max-width: 698px; padding: 26px 24px 15px; }
  }
  @container (max-width: 580px) {
    #rb-store .rb-home-layout { padding: 24px 12px 10px; }
    #rb-store .rb-tapes-section { padding: 0 5px; }
    #rb-store .rb-tapes-section .tape-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    #rb-store .rb-section-heading h2 { font-size: 29px; }
    #rb-store .rb-catalog-layout { padding: 24px 12px 10px; }
    #rb-store .rb-pinned { grid-template-columns: minmax(0,1fr); padding: 24px 17px 30px; }
    #rb-store .rb-device { padding: 13px 12px 15px; border-bottom-right-radius: 40px; }
    #rb-store .rb-bezel { padding: 10px; }
    #rb-store .rb-screen { padding: 11px 10px; }
    #rb-store .rb-note { padding: 8px 6px 8px 21px; }
    #rb-store .rb-note .rb-cursor { left: 7px; }
    #rb-store .rb-note strong { font-size: 17px; }
    #rb-store .rb-controls { padding: 13px 5px 0; gap: 10px; }
    #rb-store .rb-dpad { --rb-pad: 44px; }
    #rb-store .rb-grille { width: 43px; margin: 0 8px 0 4px; }
    #rb-store .rb-contact-section { padding: 28px 17px 40px; }
    #rb-store .rb-contact-section .access-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    #rb-store .rb-contact-section .access-link { min-width: 0; padding: 13px; }
    #rb-store .rb-contact-section .access-link strong { font-size: 25px; }
    #rb-store .rb-footer { padding: 12px 17px; }
  }
  @container (max-width: 760px) {
    #rb-store .rb-device { --rb-mobile: 1; }
    #rb-store .rb-note-list { padding-right: 0; overflow: visible; scroll-snap-type: none; }
    #rb-store .rb-note-page { display: block; scroll-snap-align: none; }
    #rb-store .rb-note { min-height: 52px; padding: 10px 6px 10px 21px; }
    #rb-store .rb-note .rb-cursor { left: 7px; }
    #rb-store .rb-selection,
    #rb-store .rb-scroll-cue,
    #rb-store [data-device=catalog] .rb-page-footer { display: none; }
    #rb-store .rb-page-footer { margin-top: 13px; }
    #rb-store .rb-page-footer a { margin-left: auto; display: flex; align-items: center; min-height: 44px; }
    #rb-store [data-device=catalog] .rb-mobile-pagination { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid oklch(38% .055 124 / .35); font: 11px var(--rb-mono); }
    #rb-store .rb-mobile-pagination button { min-height: 44px; padding: 8px; border: 1px solid var(--rb-lcd-ink); color: var(--rb-lcd); background: var(--rb-lcd-ink); font: inherit; white-space: nowrap; }
    #rb-store .rb-mobile-pagination button:disabled { color: var(--rb-lcd-ink); background: transparent; border-color: oklch(38% .055 124 / .35); opacity: .55; cursor: default; }
    #rb-store .rb-page-number { text-align: center; white-space: nowrap; }
    #rb-store .rb-controls { padding: 14px 5px 0; gap: 12px; }
    #rb-store .rb-dpad { --rb-pad: 44px; flex: 0 0 auto; }
    #rb-store .rb-action { flex: 0 0 auto; }
    #rb-store .rb-grille { width: 38px; height: 24px; margin: 0 3px 0 0; }
  }
  @media (pointer: coarse) { #rb-store .rb-dpad { --rb-pad: 44px; } }
  @media (prefers-reduced-motion: reduce) { #rb-store * { transition: none !important; scroll-behavior: auto !important; } }

  #rb-store :focus-visible { outline: 2px solid var(--rb-teal); outline-offset: 3px; }
  #rb-store .rb-device :focus-visible { outline-color: var(--rb-lcd-ink); outline-offset: -3px; }

  /* Without JavaScript, retain a readable list and the full site navigation. */
  #rb-store:not(.is-enhanced) :is(.rb-controls,.rb-selection,.rb-mobile-pagination,.rb-range,.rb-scroll-cue) { display: none; }
  #rb-store:not(.is-enhanced) .rb-device { padding: 0; border: 0; border-radius: 0; box-shadow: none; }
  #rb-store:not(.is-enhanced) .rb-bezel { padding: 0; border-radius: 0; box-shadow: none; }
  #rb-store:not(.is-enhanced) .rb-note-list { height: auto; overflow: visible; }
  #rb-store:not(.is-enhanced) .rb-note { height: auto; min-height: 60px; }