/* Pacer's selected human + AI reference, November 3. */
.event-design[data-activity=pacer-challenge]{background-image:url('/assets/design/stadium-pacer-ai.webp')}
.event-design[data-activity=pacer-challenge] .sitehead{height:90px;background:#001544de}
.event-design[data-activity=pacer-challenge][data-mode=participant] .shell{max-width:1240px;padding-top:30px}
.event-design[data-activity=pacer-challenge][data-mode=participant] .livebar{padding:0 30px;margin-bottom:14px;font-weight:500;font-size:15px;letter-spacing:0}
.event-design[data-activity=pacer-challenge][data-mode=participant] .livebar>span:last-child{display:none}
.event-design[data-activity=pacer-challenge][data-mode=participant] .heading{padding:0 30px;min-height:303px;margin:0;overflow:visible}
.event-design[data-activity=pacer-challenge][data-mode=participant] .heading>div{max-width:600px}
.event-design[data-activity=pacer-challenge] .heading .eyebrow{font-size:17px;letter-spacing:0;margin-bottom:4px}
.event-design[data-activity=pacer-challenge][data-mode=participant] .heading h1{font-size:84px;line-height:.98;letter-spacing:-2px;margin-bottom:16px;font-weight:750}
.event-design[data-activity=pacer-challenge][data-mode=participant] .pacer-name{display:block;padding-left:78px;position:relative}
.event-design[data-activity=pacer-challenge][data-mode=participant] .pacer-name::before{content:"";background:url('/assets/design/pacer-speed.webp') center/contain no-repeat;position:absolute;width:170px;height:80px;right:calc(100% - 78px);top:0}
.event-design[data-activity=pacer-challenge][data-mode=participant] .heading h1 em{display:table;margin:0 0 0 15px;padding:0 24px 7px;border-radius:15px}
.event-design[data-activity=pacer-challenge][data-mode=participant] .heading .intro{font-style:normal;font-size:27px;line-height:1.25;max-width:530px}
.event-design[data-activity=pacer-challenge] .hero-art{width:790px;height:430px;right:-60px;top:-66px;object-position:center}
.event-design .pacer-welcome{background:#052258f5;color:white;border:1px solid #6696fb;box-shadow:0 0 25px #1a67d826;border-radius:36px;grid-template-columns:1.16fr 1fr;gap:40px;padding:38px 40px;min-height:190px}
.event-design .pacer-welcome h2{font-style:normal;font-size:44px;line-height:1.15;letter-spacing:-1.3px;padding-left:170px;border-left:11px solid #ff7900;position:relative;display:flex;align-items:center}
.event-design .pacer-welcome h2::before{content:"";position:absolute;left:38px;top:50%;transform:translateY(-50%);width:100px;height:110px;background:url('/assets/design/pacer-ai-chip.webp') center/contain no-repeat}
.event-design .pacer-welcome p{color:white;font-size:22px;line-height:1.4;padding-left:40px;border-color:#c0d8ff}
.event-design[data-activity=pacer-challenge] #joinForm{margin-top:-1px!important;background:#021947f5;border:2px solid #235cce;border-radius:36px;padding:23px 44px;gap:8px 44px;position:relative;z-index:4}
.event-design[data-activity=pacer-challenge] #joinForm input{border:2px solid #4384f2;border-radius:30px;background:#00143d9c;min-height:52px;padding:11px 20px}
.event-design[data-activity=pacer-challenge] #joinForm label{font-size:18px}
.event-design[data-activity=pacer-challenge] #joinForm .primary{min-width:340px;min-height:64px;font-size:23px}
.event-design[data-activity=pacer-challenge] #joinForm .hint{font-size:14px;color:#bfcbe5}
.event-design[data-activity=pacer-challenge][data-phase=lobby] .count{font-size:18px;display:flex;align-items:center;gap:7px;margin-top:25px}
.event-design[data-activity=pacer-challenge][data-phase=lobby] .count::before{content:"";width:36px;height:36px;background:url('/assets/design/users-three-white.svg') center/contain no-repeat}
.event-design[data-activity=pacer-challenge][data-phase=lobby] .count b{font-size:18px;font-weight:500;margin:0}
.event-design[data-activity=pacer-challenge] .screenlink{font-size:18px;margin-top:26px}
.event-design[data-activity=pacer-challenge][data-mode=participant] footer{display:none}
.event-design[data-activity=pacer-challenge][data-mode=participant]:not([data-phase=lobby]) .heading{min-height:0;margin-bottom:24px}
.event-design[data-activity=pacer-challenge][data-mode=participant]:not([data-phase=lobby]) .heading h1{font-size:48px}
.event-design[data-activity=pacer-challenge][data-mode=participant]:not([data-phase=lobby]) .pacer-name{display:inline;padding:0}
.event-design[data-activity=pacer-challenge][data-mode=participant]:not([data-phase=lobby]) .pacer-name::before{display:none}
.event-design[data-activity=pacer-challenge][data-mode=participant]:not([data-phase=lobby]) .heading h1 em{display:inline-block;margin:0}
.event-design[data-activity=pacer-challenge][data-mode=screen] .pacer-welcome h2{font-size:32px;padding-left:120px}
.event-design[data-activity=pacer-challenge][data-mode=screen] .pacer-welcome h2::before{left:22px;width:75px;height:90px}
.event-design[data-activity=pacer-challenge][data-mode=screen] .pacer-welcome p{font-size:22px}
@media(min-width:701px) and (max-width:1250px){
 .event-design[data-activity=pacer-challenge][data-mode=participant] .heading h1{font-size:68px}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .heading{min-height:280px}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .heading>div{max-width:52%}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .heading .intro{font-size:22px}
 .event-design[data-activity=pacer-challenge] .hero-art{width:62%;height:360px;right:-15px;top:-25px}
 .event-design .pacer-welcome{padding:28px;gap:25px;grid-template-columns:1.1fr 1fr}
 .event-design .pacer-welcome h2{font-size:34px;padding-left:110px;border-left-width:8px}
 .event-design .pacer-welcome h2::before{left:20px;width:70px;height:85px}
 .event-design .pacer-welcome p{font-size:20px;padding-left:25px}
 .event-design[data-activity=pacer-challenge] #joinForm{padding:22px 28px;gap:8px 25px}
 .event-design[data-activity=pacer-challenge] #joinForm .primary{min-width:270px;font-size:20px}
}
@media(max-width:700px){
 .event-design[data-activity=pacer-challenge] .sitehead{height:72px}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .shell{padding-top:24px}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .livebar{padding:0;font-size:11px;margin-bottom:18px}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .heading{padding:0 0 175px;min-height:0;overflow:hidden}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .heading>div{max-width:100%}
 .event-design[data-activity=pacer-challenge] .heading .eyebrow{font-size:12px;margin-bottom:9px}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .heading h1{font-size:56px;line-height:.98;margin-bottom:14px;letter-spacing:-1.5px}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .pacer-name{padding-left:65px}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .pacer-name::before{width:100px;height:52px;right:calc(100% - 65px)}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .heading h1 em{margin-left:0;padding:0 14px 5px;border-radius:11px}
 .event-design[data-activity=pacer-challenge][data-mode=participant] .heading .intro{font-size:19px;line-height:1.35}
 .event-design[data-activity=pacer-challenge] .hero-art{width:360px;max-width:110%;height:205px;right:-4px;top:auto;bottom:-12px;object-position:center}
 .event-design .pacer-welcome{display:block;min-height:0;border-radius:26px;padding:23px 20px}
 .event-design .pacer-welcome h2{font-size:26px;letter-spacing:-.7px;padding-left:70px;border-left-width:6px;min-height:80px}
 .event-design .pacer-welcome h2::before{left:10px;width:47px;height:62px}
 .event-design .pacer-welcome p{font-size:17px;border-left:0;border-top:1px solid #7b9bcd;padding:18px 0 0;margin-top:18px}
 .event-design[data-activity=pacer-challenge] #joinForm{padding:23px 20px;border-radius:26px;margin-top:14px!important;gap:14px}
 .event-design[data-activity=pacer-challenge] #joinForm .primary{min-width:0;width:100%;min-height:54px;font-size:18px}
 .event-design[data-activity=pacer-challenge] #joinForm label{font-size:16px}
 .event-design[data-activity=pacer-challenge] #joinForm .hint{font-size:12px;line-height:1.4}
 .event-design[data-activity=pacer-challenge][data-phase=lobby] .count{font-size:15px;float:none;margin-top:18px}
 .event-design[data-activity=pacer-challenge][data-phase=lobby] .count b{font-size:15px}
 .event-design[data-activity=pacer-challenge] .screenlink{font-size:15px}
 .event-design[data-activity=pacer-challenge][data-mode=participant]:not([data-phase=lobby]) .heading{padding-bottom:0}
 .event-design[data-activity=pacer-challenge][data-mode=screen] .pacer-welcome h2{font-size:25px;padding-left:65px}
 .event-design[data-activity=pacer-challenge][data-mode=screen] .pacer-welcome h2::before{left:9px;width:45px;height:62px}
 .event-design[data-activity=pacer-challenge][data-mode=screen] .pacer-welcome p{font-size:18px}
}
@media(max-width:360px){.event-design[data-activity=pacer-challenge][data-mode=participant] .heading h1{font-size:47px}.event-design .pacer-welcome h2{font-size:24px;padding-left:60px}.event-design .pacer-welcome h2::before{width:40px;left:8px}}
@media(min-width:1251px){.event-design[data-activity=pacer-challenge][data-mode=participant] .heading h1 em{font-size:88px;padding-left:30px;padding-right:30px}.event-design[data-activity=pacer-challenge][data-mode=participant] .heading h1{margin-bottom:8px}.event-design .pacer-welcome h2::before{left:18px;width:140px;height:130px}}
.event-design .pacer-welcome h2::before{background-image:url('/assets/design/pacer-ai-chip-black.webp');filter:brightness(0) invert(1)}
@media(min-width:1251px){.event-design .pacer-welcome h2::before{left:38px;width:100px;height:110px}}