/* Local concept for the Bullity 2.0 first screen. */
#mapScreen.screen{padding-top:24px}
.welcome-hero{position:relative;isolation:isolate;overflow:hidden;min-height:530px;background:#101c21;border:1px solid #50616b;box-shadow:0 22px 46px #0005}
.welcome-photo{position:absolute;inset:0;z-index:-2;background:url('./assets/welcome-match-desktop-club.jpg') center top/cover no-repeat;filter:contrast(1.08) saturate(.92);transform:scale(1.015)}
.welcome-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071319f2 0%,#071319db 34%,#07131969 68%,#07131916 100%),linear-gradient(0deg,#071319ef 0%,transparent 34%,#07131954 100%)}
.welcome-content{min-height:530px;display:flex;flex-direction:column;padding:23px 33px 18px}
.welcome-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#f7f8f2;display:flex;align-items:center;gap:9px}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffd21c;box-shadow:0 0 14px #ffd21c}
.welcome-main{margin:auto 0 34px;max-width:560px}
.welcome-chapter{display:block;color:#ffd21c;font-size:12px;font-weight:900;letter-spacing:.22em;margin-bottom:15px}
.welcome-main h1{font-size:clamp(54px,7vw,86px);letter-spacing:-.055em;line-height:.93;margin:0 0 22px;max-width:none;text-transform:uppercase;text-wrap:balance}
.welcome-main h1 em{color:#ffd21c;font-style:normal}
.welcome-main p{font-size:17px;line-height:1.42;max-width:485px;color:#eef4f3;margin:0 0 25px;text-shadow:0 2px 9px #000}
.welcome-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.welcome-start{display:flex;align-items:center;justify-content:center;min-width:204px;min-height:57px;border:0;background:#ffd21c;color:#0b171d;padding:12px 19px;font-size:16px;font-weight:950;letter-spacing:.08em}
.welcome-start:hover,.welcome-start:focus-visible{background:#ffe66a;outline:2px solid #fff;outline-offset:3px}
.welcome-rules-link{font-weight:800;font-size:13px;color:#e9f1f0;text-decoration:none;border-bottom:1px solid #d6e7e7;padding:9px 0}
.welcome-rules-link:hover,.welcome-rules-link:focus-visible{color:#ffd21c;border-color:#ffd21c}
.welcome-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf5ee73;padding-top:14px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#e1e8e7}
.welcome-how{display:grid;grid-template-columns:1fr 2.2fr;gap:32px;margin:36px 0 48px;padding:0 4px}
.welcome-how h2,.chapter-label h2{font-size:27px;line-height:1.08;text-transform:uppercase;margin:8px 0 0;color:#f7f8f5}
.welcome-how ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0;counter-reset:step}
.welcome-how li{counter-increment:step;border-left:2px solid #d2ad20;padding:3px 8px 3px 14px;display:flex;flex-direction:column;gap:7px}
.welcome-how li:before{content:'0' counter(step);font-size:11px;font-weight:950;letter-spacing:.15em;color:#ffd21c}
.welcome-how li strong{font-size:15px;color:#fff}
.welcome-how li span{font-size:13px;line-height:1.42;color:#bdd1d1}
.chapter-label{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:-8px;padding-top:18px;border-top:1px solid #496068}
.chapter-label>span{font-size:12px;color:#b9cacc}
@media(max-width:700px){
  #mapScreen.screen{padding-top:12px}
  .welcome-hero,.welcome-content{min-height:620px}
  .welcome-photo{background-image:url('./assets/welcome-match-desktop-club.jpg');background-position:70% center;background-size:auto 112%}
  .welcome-hero:after{background:linear-gradient(0deg,#071319fa 0%,#071319e7 35%,#07131965 72%,#07131994 100%)}
  .welcome-content{padding:17px 20px 17px}
  .welcome-main{margin:auto 0 30px}
  .welcome-main h1{font-size:clamp(48px,12vw,74px)}
  .welcome-main p{font-size:15px;max-width:330px}
  .welcome-bottom{font-size:9px}
  .welcome-how{display:block;margin:28px 0 38px}
  .welcome-how ol{grid-template-columns:1fr;gap:17px;margin-top:22px}
  .welcome-how li{gap:4px}
  .chapter-label{align-items:start;flex-direction:column;gap:8px}
}
@media(max-width:420px){.welcome-hero,.welcome-content{min-height:570px}.welcome-content{padding:16px}.welcome-kicker{font-size:9px}.welcome-main h1{font-size:49px}.welcome-actions{gap:17px}.welcome-start{min-width:185px}.welcome-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:no-preference){.welcome-photo{animation:welcomeZoom 18s ease-in-out infinite alternate}@keyframes welcomeZoom{to{transform:scale(1.065)}}}