#game.hero{padding-top:24px}
#game .hero-intro.intro-player{display:block;padding-bottom:32px;min-height:0}
#game #game-title.intro-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Preserve the full original composition; only the two links overlay it. */
.intro-player-frame{position:relative;width:min(95%,calc((100svh - 160px)*16/9*.95));margin-inline:auto;aspect-ratio:16/9;background:#090c14;border-radius:20px;overflow:hidden}
.intro-player-frame video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:20px;clip-path:inset(0 round 20px)}
/* The opening title occupies only the film's right half, with room above the star. */
.intro-opening-art{position:absolute;inset:0 0 0 50%;overflow:hidden;border-radius:0 20px 20px 0;background:#40c7f4;pointer-events:none;opacity:1;transition:opacity .3s ease}
.intro-opening-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.intro-opening-finished .intro-opening-art{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}
.intro-player .hero-actions{position:absolute;z-index:1;left:6%;bottom:12%;width:44%;margin:0;gap:12px;transform:none;flex-wrap:nowrap}
.intro-player .hero-actions .button{font-size:13px;padding:11px 17px;white-space:nowrap}
.intro-player-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:min(95%,calc((100svh - 160px)*16/9*.95));margin:12px auto 0}
.intro-player-controls button,.trailer-player-controls button{padding:9px 14px;min-height:42px;border:1px solid #32ebff40;border-radius:24px;background:#101b2b;color:#c7f8ff;font-size:13px}
#intro-player-status,#trailer-player-status{font-size:12px;color:#94a3b8}
@media(max-width:640px){
  #game.hero{display:flex;flex-direction:column;justify-content:flex-start;padding-top:32px;padding-bottom:24px;min-height:calc(100svh - 88px);min-height:calc(100dvh - 88px)}
  #game .hero-intro.intro-player{padding-bottom:0;flex:0 0 auto}
  .intro-player-frame{width:100%;aspect-ratio:auto;border-radius:0;background:transparent;overflow:visible}
  .intro-player-frame video{position:relative;inset:auto;height:auto;aspect-ratio:16/9;border-radius:15px;clip-path:inset(0 round 15px);background:#090c14}
  .intro-opening-art{bottom:auto;aspect-ratio:8/9;border-radius:0 15px 15px 0}
  .intro-player .hero-actions{position:static;width:100%;margin:12px 0 0;gap:8px;flex-direction:row;align-items:stretch}
  .intro-player .hero-actions .button{flex:1;min-width:0;font-size:12px;line-height:1.4;padding:10px 8px;gap:5px;min-height:44px}
  .intro-player-controls{width:100%;gap:8px}
  .intro-player-controls button,.trailer-player-controls button{font-size:12px;padding:8px 12px}
  #intro-player-status,#trailer-player-status{flex-basis:100%}
}
@media(max-width:360px){.intro-player .hero-actions .button{font-size:11px}}

.trailer-player-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:87%;margin:12px auto 0}
.trailer-player-controls[hidden]{display:none}
@media(max-width:640px){.trailer-player-controls{width:95%;gap:8px}}