/* V20: visibly rendered five-champion draft and differentiated in-session Summoner's Rift scenery */
/* restore images at tablet widths (older redesign.css hid entire draft under 900px) */
@media (min-width:601px) and (max-width:1120px){
 .landing-content{grid-template-columns:1fr;gap:18px;align-content:center}
 .landing-art{display:flex!important;opacity:1!important;min-height:320px;width:100%}
 .draft-five{height:275px}
}
@media (max-width:600px){
 .landing-art{display:flex!important;opacity:1!important;min-height:240px;width:100%}
 .draft-five{height:205px}
}
.draft-card{background:#132b35;isolation:isolate}
.draft-photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center;display:block;filter:saturate(1.12) contrast(1.06)}
.draft-card-1 .draft-photo{object-position:45% center}
.draft-card-2 .draft-photo{object-position:43% center}
.draft-card-3 .draft-photo{object-position:56% center}
.draft-card-4 .draft-photo{object-position:44% center}
.draft-card-5 .draft-photo{object-position:45% center}
/* keep fallback splash rendered whenever images cannot load */
.draft-visual{z-index:0;background-image:linear-gradient(0deg,#06141cf5 0%,#06141c40 35%,#06141c18 80%),var(--splash);background-size:cover;background-position:50% center;opacity:1;pointer-events:none}
.draft-photo+.draft-visual{background-image:linear-gradient(0deg,#06141cf5 0%,#06141c2a 44%,transparent 82%)}
.draft-card-meta{z-index:2}
.draft-headline,.draft-footer{flex-shrink:0}
.landing-art{z-index:2}
.landing-shell:before{background-image:url('https://img.redbull.com/images/c_crop,w_2400,h_1200,x_0,y_167/c_auto,w_1200,h_600/f_auto,q_auto/redbullcom/2020/6/25/bfxfw8t2ofmrtlrnsxcz/lol-mapa');opacity:.75;filter:brightness(.85) saturate(.9);background-position:center;background-size:cover}
/* in-session map uses a separate panoramic composition from the landing cover */
body:has(#app:not([hidden])){background:#06121b}
#app{position:relative;isolation:isolate;min-height:95dvh}
#app:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:url('https://img.redbull.com/images/c_crop,w_2400,h_1200,x_0,y_167/c_auto,w_1200,h_600/f_auto,q_auto/redbullcom/2020/6/25/bfxfw8t2ofmrtlrnsxcz/lol-mapa');background-repeat:no-repeat;background-size:cover;background-position:62% 38%;filter:saturate(.8) contrast(1.07) brightness(.85);opacity:.66}
#app:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06141aee 0%,#071720ad 48%,#06131aa0 100%),linear-gradient(0deg,#06131cdb 0%,transparent 55%,#06151bc9 100%)}
#app .sessionbar,#app .v11-nav{background:#071b26e6;backdrop-filter:blur(16px)}
#app .panel{background:linear-gradient(145deg,#0b202bdc,#0a1723ef);backdrop-filter:blur(16px);border-color:#5b7b7c6b;box-shadow:0 14px 42px #0009}
#app .option{background:#0a1b27c9}
#app .top{background:#07192377;border-radius:9px;padding:12px 18px}
#app .tab-page{position:relative}
@media (max-width:900px){#app:before{background-position:53% center;opacity:.52}#app:after{background:#06131bd9}}
@media (prefers-reduced-transparency:reduce){#app .panel,#app .v11-nav,#app .sessionbar{backdrop-filter:none}}