/* Preserve the desktop composition and reveal on small screens. */
@media(max-width:700px){
  .home{padding-bottom:0}
  .home-cta{bottom:6%;min-width:112px;min-height:36px;padding:7px 14px;gap:15px;font-size:13px;border-radius:4px;box-shadow:0 3px 0 #153e73}
  .home-cta span{font-size:18px}
  .collection .intro{padding-top:38px}
  .gallery{touch-action:pan-y}
  .collection-bottom{display:grid;grid-template-columns:1fr auto;gap:20px;margin:28px 6% 25px}
  .scroll-hint{display:flex;font-size:8px;letter-spacing:.5px}
  .rare-label{display:block;grid-column:1/-1;text-align:center;font-size:8px}
  footer{gap:10px;flex-wrap:wrap;font-size:8px}
  footer>span:last-child{display:block}
  .dialog-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .dialog-art{height:300px;aspect-ratio:258/364;width:auto;max-width:100%}
  .reveal-aura{width:140vw;height:140vw}
  .reveal-burst{width:135vw;height:135vw}
  .reveal-card{transform-origin:50% 50%;will-change:transform,opacity}
}
@media(max-width:360px){
  :root{--card-width:216px;--card-height:324px;--gap:242px}
  .prev{left:9px}.next{right:9px}
  .card-name{font-size:13px}
  .art{height:161px}
  .selection p{margin-left:16px;margin-right:16px}
}