.league-banner{margin:30px 0 28px;border-radius:24px;overflow:hidden;background:#092920}
.banner-stage{display:grid;aspect-ratio:1536/932;align-items:center;background:#092920}
.banner-slide{grid-area:1/1;min-width:0;width:100%}
.banner-slide[hidden]{display:none}
.league-banner .banner-slide img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.banner-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:#173d33;color:#fff}
.banner-controls[hidden]{display:none}
.banner-controls button{font:inherit;cursor:pointer;min-width:44px;min-height:44px;border:1px solid #ffffff50;border-radius:10px;background:transparent;color:#fff;padding:6px 12px}
.banner-controls button:hover{background:#ffffff20}
.banner-controls button:focus-visible{outline:3px solid #f2d585;outline-offset:2px}
.banner-controls .banner-dot{padding:0;min-width:44px;position:relative;border:0}
.banner-dot:after{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#ffffff66;margin:auto}
.banner-dot[aria-pressed=true]:after{background:#f2d585;width:23px;border-radius:8px}
.banner-controls .banner-toggle{margin-left:8px;font-size:13px}
@media(max-width:700px){.league-banner{margin:20px 0;border-radius:18px}.banner-controls{gap:2px;padding:6px}.banner-controls button{padding:4px 8px}}