/* JIT ARCADE — ONE SHARED CATEGORY SHELL */
.section {
  min-height:100vh;
  box-sizing:border-box;
  position:relative;
  padding:clamp(16px,3vw,42px) clamp(12px,3vw,36px) 94px;
  color:#f6f8ff;
  border-top:4px solid var(--ja-glow);
  background:
    radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--ja-main) 38%,transparent),transparent 45%),
    linear-gradient(145deg,var(--ja-bg),var(--ja-panel));
  box-shadow:inset 0 0 90px color-mix(in srgb,var(--ja-main) 17%,transparent);
}
.section h1,.section h2 { color:var(--ja-warm); }

.section.action {
  --ja-bg:#080d26; --ja-panel:#162258; --ja-main:#6847f4;
  --ja-glow:#36dbff; --ja-warm:#ff5fa3;
}
.section.quick-play {
  --ja-bg:#201438; --ja-panel:#4a2474; --ja-main:#ff4d9a;
  --ja-glow:#ffcd45; --ja-warm:#59e3d1;
}
.section.board-cards {
  --ja-bg:#141b34; --ja-panel:#26365d; --ja-main:#b4435e;
  --ja-glow:#e8c66a; --ja-warm:#f4e4af;
}
.section.puzzles {
  --ja-bg:#15103a; --ja-panel:#322268; --ja-main:#9854f5;
  --ja-glow:#49ead0; --ja-warm:#c8f052;
}
.section.words {
  --ja-bg:#172235; --ja-panel:#254864; --ja-main:#287db4;
  --ja-glow:#78dbff; --ja-warm:#ffad50;
}
.section.sports {
  --ja-bg:#092a28; --ja-panel:#11534c; --ja-main:#23bb86;
  --ja-glow:#79f0a0; --ja-warm:#ffbe52;
}

/* Firefox-safe visible category backgrounds */
.section.action      { background:linear-gradient(135deg,#080d26,#162258) !important; }
.section.quick-play  { background:linear-gradient(135deg,#201438,#4a2474) !important; }
.section.board-cards { background:linear-gradient(135deg,#141b34,#26365d) !important; }
.section.puzzles     { background:linear-gradient(135deg,#15103a,#322268) !important; }
.section.words       { background:linear-gradient(135deg,#172235,#254864) !important; }
.section.sports      { background:linear-gradient(135deg,#092a28,#11534c) !important; }