/* home_cards.css - big cartoon picture cards (landscape) */
@media (orientation: landscape) {
  .rx-hit { width: 11.6% !important; height: 16.6% !important; gap: calc(var(--u)*5); padding: calc(var(--u)*7); border-radius: calc(var(--u)*24); }
  .rx-hit--journey  { left: 43.85% !important; top: 0.60% !important; }
  .rx-hit--puzzle4  { left: 19.02% !important; top: 12.87% !important; }
  .rx-hit--feeding  { left: 68.67% !important; top: 12.87% !important; }
  .rx-hit--tamay    { left: 5.26% !important; top: 28.60% !important; }
  .rx-hit--music    { left: 82.42% !important; top: 28.60% !important; }
  .rx-hit--trace    { left: 10.64% !important; top: 46.10% !important; }
  .rx-hit--pop      { left: 77.64% !important; top: 46.10% !important; }
  .rx-hit--shapes   { left: 36.79% !important; top: 56.30% !important; }
  .rx-hit--coloring { left: 51.57% !important; top: 56.30% !important; }
  .rx-hit .rx-ico { flex: 1 1 auto; width: auto; height: auto; aspect-ratio: 1; min-height: 0; max-height: 100%;
    border: 0; box-shadow: 0 calc(var(--u)*4) calc(var(--u)*10) rgba(0,0,0,.45); border-radius: calc(var(--u)*20); }
  .rx-hit .rx-ico svg { width: 100%; height: 100%; }
  .rx-hit .rx-lbl { font-size: max(10px, calc(var(--u)*17)); flex: 0 0 auto; white-space: nowrap; }
  .rx-hit:hover .rx-ico, .rx-hit:focus-visible .rx-ico { transform: scale(1.05) rotate(-2deg); transition: transform .2s; }
}

/* home background: the dark cartoon universe drawn by assets/rx-home-sky.js (no picture) */
body { background: #020109 !important; }
.rx-lobbyfull { background: #020109 !important; }