/* Welcome-card contrast is independent of the playing screen. */
.loader .splash-base{isolation:isolate}
.loader .splash-base:before{content:'';position:absolute;inset:-16px -8% -35px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#21082a66,transparent 72%)}
html[data-theme=zebra] .loader .splash-tag{color:#fff6c7;text-shadow:0 1px 1px #281030,0 -1px 1px #281030,1px 0 1px #281030,-1px 0 1px #281030,0 2px 4px #281030;max-width:100%;overflow-wrap:break-word}
html[data-theme=zebra] .loader .splash-base>p,html[data-theme=zebra] .loader .splash-base>small{color:#fff7db;text-shadow:0 1px 2px #210c32,0 0 4px #210c32;font-weight:800;max-width:100%;overflow-wrap:break-word}
html[data-theme=zebra] .loader #enterGame span{text-shadow:0 2px 0 #166038,0 0 2px #166038;line-height:1.15}
/* The other front cards follow Zebra's logo / character / tagline / button arrangement. */
html:not([data-theme=zebra]) .loader .lobby-edition,html:not([data-theme=zebra]) .loader .lobby-symbols,html:not([data-theme=zebra]) .loader .lobby-ticket{display:none}
html:not([data-theme=zebra]) .loader:after{display:none}
html:not([data-theme=zebra]) .loader .splash-logo{top:3%;left:6%;width:88%;height:23%;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;filter:drop-shadow(0 4px 2px #130b2b88)}
html:not([data-theme=zebra]) .loader .splash-logo>span{font-size:8cqw;line-height:1.1;letter-spacing:1cqw}
html:not([data-theme=zebra]) .loader .splash-logo>strong{font-size:18cqw;line-height:1.1;letter-spacing:-.6cqw}
html[data-theme=manchester] .loader .crest-splash{height:25%;width:70%;left:15%;top:2%}
.front-character{position:absolute;top:26%;left:50%;transform:translateX(-50%);width:100%;height:45%;z-index:2;pointer-events:none;filter:drop-shadow(0 8px 5px #091a3544)}
.front-character img{display:block;width:100%;height:100%;object-fit:contain}
html[data-theme=crude] .front-character{width:min(95cqw,45cqh);height:min(95cqw,45cqh);background:url('assets/sheikh-atlas.png') 0 0/200% 200% no-repeat}
html[data-theme=crude] .loader{background:linear-gradient(0deg,#410b80 0%,#681897aa 28%,transparent 65%),url('assets/skyline-only.png') center top/cover no-repeat;background-color:#53119c}
html[data-theme=manchester] .loader{background:linear-gradient(0deg,#071b39 0%,#064b8299 38%,transparent 70%),url('assets/stadium.png') center bottom/auto 210% no-repeat;background-color:#075689}
html:not([data-theme=zebra]) .loader .splash-base{top:auto;bottom:6%;left:7%;right:7%;display:flex;flex-direction:column;align-items:center;gap:0;z-index:4;text-align:center}
html:not([data-theme=zebra]) .loader .splash-base .lobby-line{position:static;display:flex;width:100%;height:auto;min-height:0;margin:0 0 12px;gap:2px;color:#fff4bf;text-shadow:0 1px 2px #17102c,0 0 4px #17102c}
html:not([data-theme=zebra]) .loader .lobby-line span{font-size:clamp(11px,3cqw,15px);line-height:1.2;color:#fff9df}
html:not([data-theme=zebra]) .loader .lobby-line strong{font-size:clamp(13px,3.7cqw,19px);line-height:1.2;color:#ffe788}
html:not([data-theme=zebra]) .loader #enterGame{width:100%;height:auto;min-height:9cqh;border-radius:100px;border:3px solid #fff3a0;gap:5cqw;font-size:clamp(17px,5.8cqw,29px);line-height:1.15;letter-spacing:0;box-shadow:inset 0 3px 0 #ffffff88,inset 0 -4px 0 #0002,0 5px 0 #b77723,0 8px 0 #23103a;flex-shrink:0}
html[data-theme=manchester] .loader #enterGame{background:linear-gradient(#68deff,#2baff3 45%,#0777ca);color:#fffbe6;text-shadow:0 2px 0 #065089}
html[data-theme=crude] .loader #enterGame{background:linear-gradient(#fff594,#ffd132 45%,#f39b10);color:#401568;text-shadow:0 1px 0 #fff39c}
html:not([data-theme=zebra]) .loader #enterGame:after{display:none}
html:not([data-theme=zebra]) .loader .loading-track{height:5px;margin:18px auto 0;width:68%;flex-shrink:0}
html:not([data-theme=zebra]) .loader.loaded .loading-track{display:block;visibility:hidden}
html:not([data-theme=zebra]) .loader .splash-base>p{font-size:10px;line-height:13px;margin:8px 0 14px;color:#fff4d4;text-shadow:0 1px 2px #160b2c;font-weight:700}
html:not([data-theme=zebra]) .loader .splash-base>small{font-size:9px;line-height:12px;letter-spacing:.2px;color:#fff3da;text-shadow:0 1px 2px #160b2c;font-weight:800}
@media(max-height:620px){html:not([data-theme=zebra]) .loader .splash-base{bottom:5%}html:not([data-theme=zebra]) .loader .loading-track{margin-top:10px}html:not([data-theme=zebra]) .loader .splash-base>p{margin:5px 0 10px}html:not([data-theme=zebra]) .loader .splash-base .lobby-line{margin-bottom:9px}}