:root[data-theme="arcade"] main > .page-head {
  position: relative; background: none; border: 0; color: var(--ar-text);
  padding: clamp(112px, 14vw, 164px) 0 0;
}
:root[data-theme="arcade"] main > .page-head h1 {
  font-size: clamp(2.8rem, 7vw, 5.6rem); line-height: 1; letter-spacing: -0.01em; margin: 0 0 18px; max-width: 16ch; text-wrap: balance;
}
:root[data-theme="arcade"] main > .page-head .lede { max-width: 40ch; margin: 0; }

:root:not([data-theme="arcade"]) .ar-pstage { display: none; }
:root[data-theme="arcade"] .ar-pstage {
  --u: var(--ar-u, 4);
  --ar-floor: calc(var(--u) * 12px);
  --ar-hintH: 52px;
  position: relative; overflow: hidden; touch-action: pan-y; -webkit-tap-highlight-color: transparent;
  height: var(--ar-stageH, 360px);
}
:root[data-theme="arcade"] .ar-pstage::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 58% 62% at 50% 62%, rgba(47, 123, 255, 0.34), rgba(47, 123, 255, 0.1) 48%, transparent 74%),
    radial-gradient(ellipse 120% 40% at 50% 100%, rgba(47, 123, 255, 0.18), transparent 70%);
}
:root[data-theme="arcade"] .ar-cv {
  position: absolute; display: block; image-rendering: pixelated; pointer-events: none; touch-action: pan-y;
}
:root[data-theme="arcade"] .ar-ledge { position: absolute; height: 4px; pointer-events: none; }
:root[data-theme="arcade"] .ar-ladder { position: absolute; width: 2px; pointer-events: none; }
:root[data-theme="arcade"] .ar-pstage .ar-hit { position: absolute; inset: 0; z-index: 1; cursor: pointer; }

:root[data-theme="arcade"] main .sec { padding-block: clamp(72px, 9vw, 128px); }
:root[data-theme="arcade"] main .sec.tight { padding-top: clamp(32px, 4vw, 64px); }
:root[data-theme="arcade"] main .prose p { font-size: 1.125rem; line-height: 1.65; color: var(--ar-dim); max-width: 46ch; }
:root[data-theme="arcade"] main .prose p + p { margin-top: 1em; }
:root[data-theme="arcade"] .close .big-quote { max-width: 24ch; }

:root[data-theme="arcade"] main .v-index { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; border: 0; }
:root[data-theme="arcade"] main .v-index > li { border: 0; }
:root[data-theme="arcade"] main .v-index .v-row {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.5fr) auto auto; align-items: center; gap: 8px 28px;
  padding: 26px 28px; min-height: 0; color: var(--ar-text); text-decoration: none;
  background: var(--ar-panel); border: 2px solid var(--ar-blue); box-shadow: 0 6px 0 var(--ar-blue-d);
  transition: transform 90ms var(--ar-ease), box-shadow 90ms var(--ar-ease), background-color 160ms linear;
}
:root[data-theme="arcade"] main .v-index .v-name { font-family: var(--font-serif); font-weight: 400; font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.05; color: var(--ar-text); }
:root[data-theme="arcade"] main .v-index .v-what { font-size: 1.125rem; line-height: 1.45; color: var(--ar-dim); }
:root[data-theme="arcade"] main .v-index .v-when { font-family: var(--font-px); font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ar-blue-l); white-space: nowrap; }
:root[data-theme="arcade"] main .v-index .v-arrow { width: 24px; height: 24px; color: var(--ar-blue-l); flex: none; }
:root[data-theme="arcade"] main .v-index .v-row:hover { background: var(--ar-raise); }
:root[data-theme="arcade"] main .v-index .v-row:hover .v-name { color: var(--ar-melon); }
:root[data-theme="arcade"] main .v-index .v-row:hover .v-arrow { color: var(--ar-melon); }
:root[data-theme="arcade"] main .v-index .v-row:active { transform: translateY(6px); box-shadow: 0 0 0 transparent; }
:root[data-theme="arcade"] main .v-index .v-row:focus-visible { outline: 3px solid var(--ar-melon); outline-offset: 4px; border-radius: 0; }
@media (max-width: 759px) {
  :root[data-theme="arcade"] main .v-index .v-row { grid-template-columns: minmax(0, 1fr) auto; padding: 22px 20px; }
  :root[data-theme="arcade"] main .v-index .v-what { grid-column: 1 / -1; grid-row: 2; }
  :root[data-theme="arcade"] main .v-index .v-when { grid-column: 1; grid-row: 3; }
  :root[data-theme="arcade"] main .v-index .v-arrow { grid-column: 2; grid-row: 1; }
}
:root[data-theme="arcade"] main .spec { border: 0; margin: 0; }
:root[data-theme="arcade"] main .spec > div { border-top: 1px solid var(--ar-line); padding: 22px 0; }
:root[data-theme="arcade"] main .spec > div:last-child { border-bottom: 1px solid var(--ar-line); }
:root[data-theme="arcade"] main .spec dt { font-family: var(--font-px); font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ar-blue-l); }
:root[data-theme="arcade"] main .spec dd { font-family: var(--font-serif); font-weight: 400; font-size: clamp(1.5rem, 2.8vw, 2.2rem); line-height: 1.15; color: var(--ar-text); margin: 6px 0 0; }

:root[data-theme="arcade"] main :is(.shot, .w-tall, .portrait, .bleed-shot) img {
  border: 2px solid rgba(127, 176, 255, 0.5); border-radius: 0; filter: none; opacity: 1; background: #000;
}
:root[data-theme="arcade"] main .bleed-shot img { border-width: 2px 0; }
:root[data-theme="arcade"] main .jgal .shot { border-radius: 0; }

@media (max-width: 899px) {
  :root[data-theme="arcade"] main > .page-head { padding-top: 104px; }
  :root[data-theme="arcade"] .ar-pstage { --ar-hintH: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  :root[data-theme="arcade"] main .v-index .v-row { transition: none; }
  :root[data-theme="arcade"] .ar-pstage .ar-hint { visibility: hidden; }
}