html, body { width: 100%; height: 100%; margin: 0; }
.lol-stage { position: relative; width: 100%; height: 100%; overflow: clip; background: #1b2b7a; }
.slot { position: absolute; inset: 0; visibility: hidden; }
.slot.on { visibility: visible; animation: wipe .6s cubic-bezier(.2, .8, .2, 1) both; }
.slot iframe { display: block; width: 100%; height: 100%; border: 0; background: transparent; }
@keyframes wipe { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0); } }
@media (prefers-reduced-motion: reduce) { .slot.on { animation: none; } }