/* R13 only: exact portrait artwork, no perspective-distorting CSS table zoom. */
@media (max-width: 960px) {
  .r13-home .r7-hero { background:#071018; min-height:var(--r7-height); padding:0; }
  .r13-home .r7-hero::before { display:none; }
  .r13-home .r7-canvas { background:#071018; }
  .r13-home .r7-film,.r13-home .r7-base { transform:none!important; clip-path:none!important; object-fit:contain; }
  .r13-home .r7-base { opacity:1; }
  .r13-home .r7-paddle { display:none; }
  .r13-home .r7-hero>.wrap { left:14px;top:calc(var(--r7-safe-top) + 16px);width:calc(100% - 28px);height:calc(100% - var(--r7-safe-top) - 55px); }
  .r13-home .r7-copy { padding:0; column-gap:20px; row-gap:22px; text-shadow:0 2px 9px rgba(0,0,0,.9); }
  .r13-home .r7-copy .kicker { color:#eef4ff; }
  .r13-home .r7-copy h1 { font-size:clamp(1.55rem,6.8vw,3.25rem); }
  .r13-home .r7-copy .lead { font-size:.875rem;line-height:1.36; }
  .r13-home .r7-skip { bottom:39px; }
  .r13-ball { transform:translateZ(0);will-change:transform,opacity; }
}
@media (max-width:960px) and (max-height:650px) and (orientation:portrait) {
  .r13-home .r7-hero { min-height:max(var(--r7-height),610px); }
}
@media (max-width:350px) and (orientation:portrait) {
  .r13-home .r7-copy { grid-template-rows:auto auto 1fr;gap:10px 14px; }
  .r13-home .r8-heading { grid-column:1 / -1;grid-row:1; }
  .r13-home .r8-message { grid-column:1 / -1;grid-row:2; }
  .r13-home .r7-copy h1 { font-size:1.65rem; }
  .r13-home .r7-copy .kicker { margin-bottom:.3rem; }
  .r13-home .r7-copy .btn-primary,.r13-home .r7-copy .btn-ghost { grid-row:3; }
}
@media (max-width:960px) and (orientation:landscape) {
  .r13-home .r7-hero { min-height:max(var(--r7-height),320px); }
  .r13-home .r7-hero>.wrap { left:45%;top:calc(var(--r7-safe-top) + 12px);width:calc(55% - 18px);height:calc(100% - var(--r7-safe-top) - 42px); }
  .r13-home .r7-copy { display:flex;flex-direction:column;gap:9px; }
  .r13-home .r8-heading,.r13-home .r8-message { flex:0 0 auto; }
  .r13-home .r7-copy .kicker { font-size:.58rem;margin-bottom:.25rem; }
  .r13-home .r7-copy h1 { font-size:clamp(1.6rem,3.3vw,2rem);line-height:1.03; }
  .r13-home .r7-copy .lead { font-size:.82rem;line-height:1.3; }
  .r13-home .r7-copy .hero-actions { display:flex;gap:8px;margin:0;margin-top:auto;width:100%; }
  .r13-home .r7-copy .btn { font-size:.77rem;flex:1;min-height:44px; }
}
