/* Challenge Arena Frontend Experience Engine v1 · Front Page Center 1.0.8 */

.arena-speedrun-experience[hidden],
.arena-speedrun-footer[hidden],
.arena-experience-modal[hidden] { display: none !important; }

body.arena-experience-speedrun main > section:not(.arena-speedrun-experience) { display: none !important; }
body.arena-experience-speedrun .arena-footer[data-experience-panel="completionist"] { display: none !important; }
body.arena-experience-speedrun .arena-nav-links { display: none !important; }
body.arena-experience-speedrun .arena-nav-panel { grid-template-columns: 1fr auto !important; }
body.arena-experience-speedrun .arena-nav-actions { grid-column: 2; }

/* Floating new-quest launcher */
.arena-quest-launcher {
  position: fixed;
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 380;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  filter: drop-shadow(0 14px 34px rgba(0,0,0,.52));
  -webkit-tap-highlight-color: transparent;
}
.arena-quest-launcher--right { right: max(18px, env(safe-area-inset-right)); flex-direction: row-reverse; }
.arena-quest-launcher--left { left: max(18px, env(safe-area-inset-left)); }

.arena-quest-icon {
  position: relative;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(255,255,255,.72);
  border-radius: 20px;
  color: #fff;
  font-size: 1.55rem;
  background:
    linear-gradient(145deg, rgba(255,255,255,.18), transparent 38%),
    linear-gradient(135deg, var(--arena-pink), #d83cff 52%, var(--arena-orange));
  box-shadow:
    0 9px 0 rgba(91, 12, 88, .92),
    0 16px 34px rgba(255,47,146,.34),
    inset 0 0 0 1px rgba(255,255,255,.16);
  animation: arenaQuestJiggle 3.6s ease-in-out infinite;
}
.arena-quest-icon::before,
.arena-quest-icon::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 2px solid rgba(255,139,43,.54);
  border-radius: 25px;
  opacity: 0;
  animation: arenaQuestPulse 2.4s ease-out infinite;
}
.arena-quest-icon::after { animation-delay: 1.2s; }
.arena-quest-icon b {
  position: absolute;
  top: -9px;
  inset-inline-end: -8px;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #1a0712;
  background: #fff36c;
  border: 2px solid #fff;
  font: 900 .72rem/1 Arial, sans-serif;
  box-shadow: 0 5px 16px rgba(0,0,0,.34);
}

.arena-quest-bubble {
  min-width: 154px;
  max-width: 210px;
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 15px;
  text-align: start;
  background: rgba(15, 6, 28, .94);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 45px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,47,146,.08);
  transform-origin: center;
}
.arena-quest-launcher--right .arena-quest-bubble { animation: arenaQuestPopLeft 4.6s ease-in-out infinite; }
.arena-quest-launcher--left .arena-quest-bubble { animation: arenaQuestPopRight 4.6s ease-in-out infinite; }
.arena-quest-bubble strong {
  display: block;
  color: #fff36c;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.arena-quest-bubble small {
  display: block;
  margin-top: 2px;
  color: #fff;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.25;
}
.arena-quest-launcher:hover .arena-quest-icon,
.arena-quest-launcher:focus-visible .arena-quest-icon {
  transform: translateY(3px);
  box-shadow: 0 5px 0 rgba(91, 12, 88, .92), 0 12px 28px rgba(255,47,146,.38);
}
.arena-quest-launcher:focus-visible { outline: 3px solid rgba(37,216,255,.65); outline-offset: 6px; border-radius: 24px; }

.arena-quest-launcher.is-mode-switch .arena-quest-icon { animation: arenaQuestFloat 4.2s ease-in-out infinite; }
.arena-quest-launcher.is-mode-switch .arena-quest-icon b { display: none; }
.arena-quest-launcher.is-mode-switch .arena-quest-icon::before,
.arena-quest-launcher.is-mode-switch .arena-quest-icon::after { display: none; }
.arena-quest-launcher.is-mode-switch .arena-quest-bubble { animation: none; min-width: 128px; opacity: .9; }
.arena-quest-launcher.is-mode-switch .arena-quest-bubble strong { color: var(--arena-cyan); }

/* Experience modal */
body.arena-experience-modal-open { overflow: hidden !important; }
.arena-experience-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 18px;
}
.arena-experience-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3,1,8,.82);
  backdrop-filter: blur(18px);
}
.arena-experience-dialog {
  position: relative;
  z-index: 2;
  width: min(980px, calc(100vw - 28px));
  max-height: min(900px, calc(100dvh - 28px));
  overflow: auto;
  overscroll-behavior: contain;
  padding: clamp(22px, 3vw, 40px);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(27,9,49,.97), rgba(8,3,16,.98)),
    radial-gradient(circle at 85% 8%, rgba(255,47,146,.28), transparent 26%);
  box-shadow: 0 40px 120px rgba(0,0,0,.68), inset 0 0 0 1px rgba(255,47,146,.08);
  isolation: isolate;
  animation: arenaExperienceSpawn .48s cubic-bezier(.2,.9,.28,1.18) both;
}
.arena-experience-dialog::before {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: -1;
  pointer-events: none;
  border: 1px dashed rgba(37,216,255,.16);
  border-radius: 24px;
}
.arena-experience-dialog::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 15%, rgba(255,255,255,.05) 42%, transparent 68%);
  background-size: 220% 100%;
  animation: arenaExperienceScan 5.5s linear infinite;
}
.arena-experience-close {
  position: sticky;
  top: 0;
  margin-inline-start: auto;
  z-index: 5;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 13px;
  color: #fff;
  background: rgba(255,255,255,.06);
  cursor: pointer;
}
.arena-experience-particles i {
  position: absolute;
  color: rgba(255,255,255,.18);
  pointer-events: none;
  animation: arenaQuestFloat 4.8s ease-in-out infinite;
}
.arena-experience-particles i:nth-child(1) { top: 28px; left: 6%; font-size: 1.4rem; }
.arena-experience-particles i:nth-child(2) { top: 16%; right: 5%; color: rgba(255,139,43,.28); font-size: 1.8rem; animation-delay: -.8s; }
.arena-experience-particles i:nth-child(3) { bottom: 26%; left: 3%; color: rgba(37,216,255,.24); font-size: 1.55rem; animation-delay: -1.6s; }

.arena-experience-heading { max-width: 780px; margin: -30px auto 22px; text-align: center; }
.arena-experience-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid rgba(255,243,108,.38);
  border-radius: 999px;
  color: #fff36c;
  background: rgba(255,243,108,.07);
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.arena-experience-heading h2 { margin: 14px 0 8px; font-size: clamp(2rem, 5vw, 4.3rem); line-height: .98; letter-spacing: -.045em; }
.arena-experience-heading p { max-width: 720px; margin: 0 auto; color: var(--arena-muted); font-size: clamp(.92rem, 1.6vw, 1.08rem); line-height: 1.68; }

.arena-experience-mode-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.arena-experience-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 58px minmax(0,1fr);
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  background: rgba(255,255,255,.035);
}
.arena-experience-card-speed { border-color: rgba(255,47,146,.3); background: linear-gradient(145deg,rgba(255,47,146,.09),rgba(125,60,255,.08)); }
.arena-experience-card-full { border-color: rgba(37,216,255,.25); background: linear-gradient(145deg,rgba(37,216,255,.07),rgba(125,60,255,.06)); }
.arena-experience-card-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 16px; font-size: 1.45rem; background: rgba(255,255,255,.08); }
.arena-experience-card-speed .arena-experience-card-icon { color: #fff36c; box-shadow: inset 0 0 0 1px rgba(255,243,108,.18); }
.arena-experience-card-full .arena-experience-card-icon { color: var(--arena-cyan); box-shadow: inset 0 0 0 1px rgba(37,216,255,.18); }
.arena-experience-card small { color: var(--arena-muted); font-weight: 900; letter-spacing: .08em; }
.arena-experience-card h3 { margin: 4px 0 6px; font-size: 1.15rem; }
.arena-experience-card p { margin: 0; color: var(--arena-muted); line-height: 1.48; font-size: .86rem; }

.arena-cheat-console {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgba(168,255,62,.22);
  border-radius: 20px;
  background: linear-gradient(180deg,rgba(6,18,13,.78),rgba(5,9,9,.88));
  box-shadow: inset 0 0 32px rgba(168,255,62,.035);
}
.arena-cheat-copy { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 14px; }
.arena-cheat-copy span { color: var(--arena-lime); font-weight: 950; letter-spacing: .04em; }
.arena-cheat-copy small { color: #9ab3a3; }
.arena-cheat-sequence { margin-top: 13px; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.arena-cheat-sequence kbd {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.19);
  border-bottom-width: 4px;
  border-radius: 10px;
  color: #fff;
  background: #151b18;
  font: 900 1rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  transition: transform .14s ease, border-color .14s ease, background .14s ease, color .14s ease;
}
.arena-cheat-sequence kbd.is-complete { color: #0c1608; border-color: #d4ff9e; background: var(--arena-lime); transform: translateY(2px); }
.arena-cheat-sequence kbd.is-next { border-color: var(--arena-cyan); box-shadow: 0 0 16px rgba(37,216,255,.28); }
.arena-cheat-progress { margin-top: 10px; display: flex; justify-content: space-between; gap: 12px; color: #8fa49a; font-size: .75rem; }
.arena-cheat-progress b { color: #d7e9dc; }
.arena-cheat-progress b.is-success { color: var(--arena-lime); }
.arena-cheat-progress b.is-error { color: #ff879d; }

.arena-cheat-pad {
  width: 154px;
  margin: 16px auto 0;
  display: grid;
  grid-template-columns: repeat(3,46px);
  grid-template-rows: repeat(2,46px);
  justify-content: center;
  gap: 7px;
}
.arena-cheat-pad button {
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.2);
  border-bottom-width: 5px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(180deg,#282b31,#15161a);
  box-shadow: 0 7px 16px rgba(0,0,0,.26);
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 950;
}
.arena-cheat-pad button:active { transform: translateY(3px); border-bottom-width: 2px; }
.arena-cheat-pad [data-cheat-input="up"] { grid-column: 2; grid-row: 1; }
.arena-cheat-pad [data-cheat-input="left"] { grid-column: 1; grid-row: 2; }
.arena-cheat-pad [data-cheat-input="down"] { grid-column: 2; grid-row: 2; }
.arena-cheat-pad [data-cheat-input="right"] { grid-column: 3; grid-row: 2; }

.arena-experience-actions { margin-top: 18px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.arena-experience-note { margin: 12px 0 0; text-align: center; color: #8f839d; font-size: .74rem; }
.arena-experience-note i { margin-inline-end: 6px; color: var(--arena-purple); }

/* Speedrun page */
.arena-speedrun-experience {
  position: relative;
  min-height: 100vh;
  padding: 112px 0 70px;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 0%, rgba(125,60,255,.2), transparent 30%),
    radial-gradient(circle at 85% 18%, rgba(255,47,146,.14), transparent 28%),
    linear-gradient(180deg,#06020c,#090312 70%,#05020a);
}
.arena-speedrun-grid-bg {
  position: absolute;
  inset: 0;
  opacity: .16;
  pointer-events: none;
  background-image: linear-gradient(rgba(37,216,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,216,255,.08) 1px,transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom,#000 0%,transparent 72%);
}
.arena-speedrun-shell { position: relative; z-index: 2; width: min(1260px,calc(100vw - 28px)); }
.arena-speedrun-toolbar {
  position: sticky;
  top: 90px;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 18px;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(9,4,18,.82);
  backdrop-filter: blur(16px);
}
.arena-speedrun-mode-chip,
.arena-speedrun-timer,
.arena-speedrun-full-map { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; border-radius: 12px; }
.arena-speedrun-mode-chip { padding: 0 12px; color: #fff36c; font-size: .72rem; font-weight: 950; letter-spacing: .05em; }
.arena-speedrun-timer { padding: 5px 10px; border: 1px solid rgba(168,255,62,.18); background: rgba(168,255,62,.05); }
.arena-speedrun-timer span { color: #7d9584; font-size: .62rem; font-weight: 900; }
.arena-speedrun-timer strong { font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: .9rem; }
.arena-speedrun-timer b { min-width: 28px; color: var(--arena-lime); text-align: center; }
.arena-speedrun-full-map {
  padding: 0 12px;
  border: 1px solid rgba(37,216,255,.22);
  color: var(--arena-cyan);
  background: rgba(37,216,255,.06);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 850;
}

.arena-speedrun-hero {
  display: grid;
  grid-template-columns: minmax(0,1.18fr) minmax(320px,.82fr);
  align-items: center;
  gap: clamp(24px,4vw,64px);
  padding: clamp(34px,6vw,72px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 32px;
  background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow: var(--arena-shadow), inset 0 0 0 1px rgba(255,47,146,.05);
}
.arena-speedrun-kicker { display: inline-flex; align-items: center; gap: 8px; color: #fff36c; font-size: .72rem; font-weight: 950; letter-spacing: .08em; }
.arena-speedrun-copy h1 { margin: 12px 0 13px; font-size: clamp(2.6rem,7vw,6.2rem); line-height: .91; letter-spacing: -.055em; }
.arena-speedrun-copy p { max-width: 720px; margin: 0; color: var(--arena-muted); font-size: clamp(.98rem,1.7vw,1.18rem); line-height: 1.68; }
.arena-speedrun-actions { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px; }

.arena-speedrun-console { min-width: 0; border: 1px solid rgba(37,216,255,.28); border-radius: 22px; overflow: hidden; background: #04090d; box-shadow: 0 25px 70px rgba(0,0,0,.44),0 0 42px rgba(37,216,255,.08); transform: rotate(1.2deg); }
.arena-speedrun-console-top { min-height: 38px; display: flex; align-items: center; gap: 6px; padding: 0 12px; border-bottom: 1px solid rgba(255,255,255,.08); background: #0c1116; }
.arena-speedrun-console-top span { width: 9px; height: 9px; border-radius: 50%; background: #ff667c; }
.arena-speedrun-console-top span:nth-child(2) { background: #ffd55c; }
.arena-speedrun-console-top span:nth-child(3) { background: #8dff70; }
.arena-speedrun-console-top b { margin-inline-start: auto; color: #6e8b91; font: 800 .61rem/1 ui-monospace,monospace; }
.arena-speedrun-console-screen { min-height: 260px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; gap: 8px 10px; padding: 30px; color: var(--arena-lime); text-align: center; font: 900 clamp(.82rem,1.6vw,1.05rem)/1.3 ui-monospace,monospace; }
.arena-speedrun-console-screen i { flex: 0 0 100%; color: var(--arena-cyan); font-size: 5rem; margin-bottom: 18px; animation: arenaQuestFloat 3.4s ease-in-out infinite; }
.arena-speedrun-console-screen span { color: #68766d; }

.arena-speedrun-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.arena-speedrun-facts article { min-width: 0; display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 12px; padding: 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.025); }
.arena-speedrun-facts article > i { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px; color: var(--arena-cyan); background: rgba(37,216,255,.08); }
.arena-speedrun-facts h2 { margin: 0 0 4px; font-size: .95rem; }
.arena-speedrun-facts p { margin: 0; color: var(--arena-muted); font-size: .78rem; line-height: 1.4; }

.arena-speedrun-block { margin-top: 38px; }
.arena-speedrun-block > header { margin-bottom: 14px; text-align: center; }
.arena-speedrun-block > header span { color: var(--arena-pink); font-size: .7rem; font-weight: 950; letter-spacing: .1em; }
.arena-speedrun-block > header h2 { margin: 5px 0 0; font-size: clamp(1.7rem,4vw,2.8rem); }
.arena-speedrun-audiences { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.arena-speedrun-audiences article { min-width: 0; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018)); }
.arena-speedrun-audiences i { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 13px; color: #fff; background: linear-gradient(135deg,var(--arena-purple),var(--arena-pink)); }
.arena-speedrun-audiences h3 { margin: 0 0 7px; font-size: .98rem; }
.arena-speedrun-audiences p { margin: 0; color: var(--arena-muted); font-size: .79rem; line-height: 1.48; }

.arena-speedrun-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.arena-speedrun-steps article { position: relative; min-width: 0; padding: 20px 16px 17px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.025); }
.arena-speedrun-steps article > b { position: absolute; top: 10px; inset-inline-end: 11px; color: rgba(255,255,255,.12); font-size: 2.4rem; line-height: 1; }
.arena-speedrun-steps article > i { color: #fff36c; font-size: 1.5rem; }
.arena-speedrun-steps h3 { margin: 16px 0 6px; font-size: 1rem; }
.arena-speedrun-steps p { margin: 0; color: var(--arena-muted); font-size: .78rem; line-height: 1.43; }

.arena-speedrun-games { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.arena-speedrun-games span { display: inline-flex; align-items: center; gap: 7px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.11); border-radius: 999px; color: #f7efff; background: rgba(255,255,255,.035); font-size: .8rem; font-weight: 800; }
.arena-speedrun-games i { color: var(--arena-orange); }

.arena-speedrun-finish { margin-top: 38px; padding: clamp(30px,5vw,60px); border: 1px solid rgba(255,47,146,.25); border-radius: 28px; text-align: center; background: radial-gradient(circle at 50% 0%,rgba(255,47,146,.15),transparent 42%),rgba(255,255,255,.025); }
.arena-speedrun-finish > span { color: #fff36c; font-size: .72rem; font-weight: 950; letter-spacing: .1em; }
.arena-speedrun-finish h2 { margin: 8px 0; font-size: clamp(2rem,5vw,4rem); }
.arena-speedrun-finish p { max-width: 740px; margin: 0 auto; color: var(--arena-muted); line-height: 1.6; }
.arena-speedrun-finish .arena-speedrun-actions { justify-content: center; }
.arena-speedrun-score { width: fit-content; margin: 18px auto 0; display: flex; align-items: center; gap: 12px; padding: 9px 16px; border: 1px solid rgba(168,255,62,.25); border-radius: 14px; background: rgba(168,255,62,.06); }
.arena-speedrun-score[hidden] { display: none !important; }
.arena-speedrun-score strong { color: var(--arena-lime); font-size: 1.6rem; }
.arena-speedrun-score span { font: 900 .9rem/1 ui-monospace,monospace; }

.arena-speedrun-footer { padding: 20px 0 28px; border-top: 1px solid rgba(255,255,255,.08); background: #05020a; color: var(--arena-muted); }
.arena-speedrun-footer .arena-container { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.arena-speedrun-footer button { border: 0; color: var(--arena-cyan); background: transparent; cursor: pointer; font-weight: 800; }
.arena-speedrun-footer button i { margin-inline-end: 6px; }

.arena-experience-toast {
  position: fixed;
  left: 50%;
  bottom: max(28px, env(safe-area-inset-bottom));
  z-index: 1400;
  width: min(560px,calc(100vw - 28px));
  padding: 13px 16px;
  border: 1px solid rgba(168,255,62,.34);
  border-radius: 14px;
  color: #efffe2;
  background: rgba(7,20,10,.96);
  box-shadow: 0 20px 55px rgba(0,0,0,.5),0 0 30px rgba(168,255,62,.1);
  transform: translate(-50%,16px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
  text-align: center;
  font-weight: 850;
}
.arena-experience-toast.is-visible { opacity: 1; transform: translate(-50%,0); }

@keyframes arenaQuestJiggle {
  0%,75%,100% { transform: translate3d(0,0,0) rotate(0); }
  79% { transform: translate3d(-3px,-2px,0) rotate(-5deg); }
  83% { transform: translate3d(4px,0,0) rotate(5deg); }
  87% { transform: translate3d(-2px,1px,0) rotate(-3deg); }
  91% { transform: translate3d(2px,0,0) rotate(2deg); }
}
@keyframes arenaQuestPulse { 0% { transform: scale(.86); opacity: .45; } 80%,100% { transform: scale(1.28); opacity: 0; } }
@keyframes arenaQuestPopLeft { 0%,12%,74%,100% { transform: translateX(8px) scale(.96); opacity:.82; } 18%,65% { transform: translateX(0) scale(1); opacity:1; } }
@keyframes arenaQuestPopRight { 0%,12%,74%,100% { transform: translateX(-8px) scale(.96); opacity:.82; } 18%,65% { transform: translateX(0) scale(1); opacity:1; } }
@keyframes arenaQuestFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes arenaExperienceSpawn { from { transform: translateY(22px) scale(.95); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } }
@keyframes arenaExperienceScan { from { background-position: 160% 0; } to { background-position: -120% 0; } }

@media (max-width: 920px) {
  body.arena-experience-speedrun .arena-nav-panel { grid-template-columns: 1fr !important; }
  .arena-speedrun-hero { grid-template-columns: 1fr; }
  .arena-speedrun-console { max-width: 620px; width: 100%; margin-inline: auto; transform: none; }
  .arena-speedrun-facts { grid-template-columns: 1fr; }
  .arena-speedrun-audiences,
  .arena-speedrun-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .arena-experience-mode-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .arena-quest-launcher { bottom: max(14px, env(safe-area-inset-bottom)); }
  .arena-quest-launcher--right { right: max(12px, env(safe-area-inset-right)); }
  .arena-quest-launcher--left { left: max(12px, env(safe-area-inset-left)); }
  .arena-quest-icon { width: 56px; height: 56px; flex-basis: 56px; border-radius: 17px; font-size: 1.35rem; }
  .arena-quest-bubble { min-width: 0; max-width: 150px; padding: 9px 10px; }
  .arena-quest-bubble strong { font-size: .62rem; }
  .arena-quest-bubble small { font-size: .64rem; }

  .arena-experience-modal { padding: 7px; }
  .arena-experience-dialog { width: calc(100vw - 14px); max-height: calc(100dvh - 14px); padding: 18px 13px 22px; border-radius: 23px; }
  .arena-experience-heading { margin-top: -24px; }
  .arena-experience-heading h2 { font-size: clamp(2rem,12vw,3.3rem); }
  .arena-experience-card { grid-template-columns: 48px minmax(0,1fr); padding: 14px; gap: 10px; }
  .arena-experience-card-icon { width: 48px; height: 48px; }
  .arena-cheat-console { padding: 14px 10px; }
  .arena-cheat-sequence { gap: 4px; }
  .arena-cheat-sequence kbd { width: 30px; height: 32px; font-size: .86rem; }
  .arena-experience-actions .arena-btn { width: 100%; justify-content: center; }

  .arena-speedrun-experience { padding-top: 94px; }
  .arena-speedrun-toolbar { top: 76px; flex-wrap: wrap; }
  .arena-speedrun-mode-chip { flex: 1 1 100%; justify-content: center; }
  .arena-speedrun-hero { padding: 24px 17px; border-radius: 24px; }
  .arena-speedrun-copy h1 { font-size: clamp(2.8rem,15vw,4.4rem); }
  .arena-speedrun-actions .arena-btn { flex: 1 1 100%; justify-content: center; }
  .arena-speedrun-console-screen { min-height: 210px; padding: 22px 14px; }
  .arena-speedrun-console-screen i { font-size: 4rem; }
  .arena-speedrun-audiences,
  .arena-speedrun-steps { grid-template-columns: 1fr; }
  .arena-speedrun-footer .arena-container { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .arena-quest-icon,
  .arena-quest-icon::before,
  .arena-quest-icon::after,
  .arena-quest-bubble,
  .arena-experience-dialog,
  .arena-experience-dialog::after,
  .arena-experience-particles i,
  .arena-speedrun-console-screen i { animation: none !important; }
  .arena-quest-launcher,
  .arena-cheat-sequence kbd,
  .arena-experience-toast { transition: none !important; }
}


/* Front Page Center 1.0.9 — Speedrun readability + capability detail */
.arena-speedrun-copy>p{line-height:1.3!important;max-width:72ch}
.arena-speedrun-capabilities-block>header>p{max-width:820px;margin:.55rem auto 0;line-height:1.45;color:var(--arena-muted,#a8a8b8)}
.arena-speedrun-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.arena-speedrun-capabilities article{display:flex;align-items:flex-start;gap:.9rem;padding:1.05rem;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.055);min-width:0}
.arena-speedrun-capabilities article>i{font-size:1.35rem;flex:0 0 auto;color:var(--arena-accent,#8b5cf6)}
.arena-speedrun-capabilities h3{margin:0 0 .3rem;font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.25}
.arena-speedrun-capabilities p{margin:0;color:var(--arena-muted,#b6b6c6);font-size:.9rem;line-height:1.45}
@media(max-width:900px){.arena-speedrun-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.arena-speedrun-capabilities{grid-template-columns:1fr}.arena-speedrun-copy>p{line-height:1.35!important}}