/* TiltMe VR page: additions on top of /tiltme/assets/tiltme.css */
.hero .cover { border-radius: 22px; box-shadow: 0 30px 80px rgb(0 0 0 / 60%), 0 0 0 1px var(--line), 0 0 60px rgb(255 46 154 / 18%); }
.ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.play.quest { background: linear-gradient(135deg, #1b1f2b, #0c0f16); color: #fff; border: 1px solid #2b3446; }
.btn.ghost { background: transparent; color: var(--teal); border: 2px solid var(--teal); padding: 14px 22px; }
.price { color: var(--muted); margin-top: 14px; }
.price b { color: var(--ink); font-size: 22px; }
.worlds { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.worlds figure { margin: 0; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.worlds img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.worlds figcaption { padding: 12px 16px 16px; display: grid; gap: 2px; }
.worlds figcaption b { font-size: 19px; }
.worlds figcaption span { color: var(--muted); font-size: 15px; }
.cta .btn { padding: 16px 28px; font-size: 18px; }
.cta .note { color: var(--muted); font-size: 14px; margin-top: 16px; }
.vr-teaser { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; background: linear-gradient(135deg, rgb(155 77 255 / 14%), rgb(46 230 214 / 8%)); border: 1px solid var(--line); border-radius: 22px; padding: 28px; }
.vr-teaser img { border-radius: 14px; }
.vr-teaser h2 { margin-top: 0; }
@media (max-width: 860px) {
  .worlds, .vr-teaser { grid-template-columns: 1fr; }
}