:root { color-scheme: dark; }
.game-replayer-page { margin: 0; overflow-x: hidden; background: #080c14; color: #eef3fb; }
.game-replayer-main { width: min(100%, 1180px); margin: 0 auto; padding: clamp(12px, 2vw, 28px); box-sizing: border-box; }
.game-replayer-banner { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: clamp(18px, 3vw, 30px); padding: 14px 18px; border: 1px solid rgba(255,183,77,.42); border-radius: 12px; background: linear-gradient(120deg,rgba(255,152,0,.16),rgba(74,158,255,.08)); }
.game-replayer-banner p { margin: 4px 0 0; color: #c7d1df; }
.game-replayer-banner a,.game-replayer-disclosure a,.game-replayer-footer a,.game-replayer-error a,.game-replayer-noscript a { color: #77b8ff; }
.game-replayer-heading { margin: 0 auto 18px; text-align: center; }
.game-replayer-heading h1 { margin: 0 0 8px; font-size: clamp(1.65rem,3vw,2.45rem); }
.game-replayer-heading p { margin: 0; color: #c7d1df; }
.game-replayer-shell { position: relative; width: min(100%,1070px); min-height: 860px; margin: 0 auto; overflow: hidden; border: 1px solid #26344a; border-radius: 12px; background: #f4f4f4; color: #111; box-shadow: 0 18px 48px rgba(0,0,0,.3); }
.game-replayer-shell iframe { display: block; width: 100%; height: 900px; border: 0; }
.game-replayer-status,.game-replayer-error { position: absolute; inset: 0; z-index: 2; display: grid; place-content: center; gap: 12px; padding: 24px; text-align: center; background: #101827; color: #eef3fb; }
.game-replayer-shell.is-ready .game-replayer-status { display: none; }
.game-replayer-error[hidden] { display: none; }
.game-replayer-error button { justify-self: center; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 7px; font-weight: 700; cursor: pointer; }
.game-replayer-disclosure,.game-replayer-noscript { max-width: 940px; margin: 18px auto 0; color: #c7d1df; line-height: 1.55; }
.game-replayer-disclosure p { margin: 8px 0; }
.game-replayer-footer { padding: 22px 16px 32px; text-align: center; color: #9eabba; }
.game-replayer-footer p { margin: 6px 0; }
@media (max-width:800px) { .game-replayer-main { padding: 10px; } .game-replayer-banner { align-items:flex-start; flex-direction:column; } .game-replayer-shell { min-height:900px; border-radius:8px; } .game-replayer-shell iframe { height:900px; } }
@media (max-width:480px) { .game-replayer-shell { min-height:760px; overflow:auto; } .game-replayer-shell iframe { min-width:360px; height:760px; } }
@media (max-width:340px) { .game-replayer-shell iframe { min-width:320px; } }