/* Galactic Power League: interactive cinematic hero prototype (GPL page only) */
body[data-page="gpl.html"] .game-page-hero.gpl-hero-interactive{position:relative;isolation:isolate;overflow:hidden;cursor:crosshair;min-height:660px}
body[data-page="gpl.html"] .game-page-hero.gpl-hero-interactive>img{z-index:0}
.gpl-hero-interactive>.gpl-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;z-index:1}
.gpl-hero-interactive>.gpl-hero-gradient{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(2,7,17,.96) 0%,rgba(2,7,17,.76) 30%,rgba(2,7,17,.14) 69%,transparent 100%),linear-gradient(0deg,rgba(3,8,18,.5),transparent 40%)}
.gpl-hero-interactive>.gpl-hero-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.gpl-hero-interactive>.wrap{position:relative;z-index:4;pointer-events:none}
.gpl-hero-interactive>.wrap a,.gpl-hero-interactive>.wrap button{pointer-events:auto;cursor:pointer}
.gpl-hero-interactive>.art-caption{z-index:4}
.gpl-hero-interactive>.gpl-hero-instruction{position:absolute;top:21px;right:3%;z-index:5;color:#a4e8ff;text-shadow:0 2px 14px #020816;pointer-events:none;font:700 10px/1.5 monospace;letter-spacing:.08em;text-align:right}
.gpl-hero-interactive>.gpl-hero-replay{position:absolute;right:4%;bottom:44px;z-index:5;color:#fff;background:#b92e49;border:1px solid #ff8899;padding:12px 18px;font:700 11px/1.3 monospace;letter-spacing:.07em;cursor:pointer;box-shadow:0 0 26px #bb304b80;transition:background .2s ease,transform .2s ease}
.gpl-hero-interactive>.gpl-hero-replay:hover,.gpl-hero-interactive>.gpl-hero-replay:focus-visible{background:#e33e59;transform:translateY(-2px)}
.gpl-hero-interactive>.gpl-hero-replay:focus-visible{outline:2px solid #b8efff;outline-offset:3px}
@media (max-width:767px){body[data-page="gpl.html"] .game-page-hero.gpl-hero-interactive{min-height:600px}.gpl-hero-interactive>.gpl-hero-video{object-position:66% center}.gpl-hero-interactive>.gpl-hero-instruction{top:12px;right:12px;font-size:8px}.gpl-hero-interactive>.gpl-hero-replay{right:14px;bottom:35px;padding:11px 12px}.gpl-hero-interactive>.gpl-hero-gradient{background:linear-gradient(90deg,rgba(2,7,17,.95),rgba(2,7,17,.53) 60%,rgba(2,7,17,.1)),linear-gradient(0deg,rgba(3,8,18,.55),transparent 50%)}}
@media (prefers-reduced-motion:reduce){.gpl-hero-interactive>.gpl-hero-video{display:none}.gpl-hero-interactive>.gpl-hero-replay{transition:none}}