/* rivetcove - band rhythm: navy, photo, red, navy, yellow, cream, navy */
:root{
  --navy:#032840;
  --navy-2:#012033;
  --navy-3:#0a3550;
  --asphalt:#0d1b26;
  --yellow:#ffd134;
  --yellow-2:#ffc600;
  --cream:#f2efe3;
  --red:#d7263d;
  --red-2:#9e1329;
  --paper:#ffffff;
  --ink:#4d4a4a;
  --mist:#c7d6e0;
  --hairline:rgba(255,209,52,.28);
  --slab:'Alfa Slab One', Georgia, serif;
  --script:'Lobster Two', cursive;
  --ui:'Noto Serif', serif;
  --text:'Inter', Arial, sans-serif;
  --shell:1220px;
  --pad:20px;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;
  background:var(--navy);
  color:var(--paper);
  font:400 17px/1.7 var(--text);
  -webkit-font-smoothing:antialiased;
}
body[data-locked="yes"]{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3{margin:0;font-family:var(--slab);font-weight:400;line-height:1.08;letter-spacing:.005em}

.gate18{
  position:fixed;inset:0;z-index:400;
  display:flex;align-items:center;justify-content:center;
  padding:18px;
  background:var(--asphalt) url('../main-assets/hero-startline-night.webp') center/cover no-repeat;
  transition:opacity .28s ease;
}
.gate18::before{content:'';position:absolute;inset:0;background:rgba(3,20,32,.93)}
.gate18[data-fade="yes"]{opacity:0}
.gate18__card{
  position:relative;
  width:100%;max-width:560px;
  padding:34px 24px 30px;
  text-align:center;
  background:var(--navy-2);
  border:2px solid var(--yellow);
}
.gate18__flag{
  font-family:var(--script);font-style:italic;font-size:26px;color:var(--yellow);
  margin-bottom:6px;
}
.gate18__age{
  width:104px;height:104px;margin:0 auto 18px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--slab);font-size:36px;color:var(--paper);
  background:var(--red);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.gate18__age span{font-size:24px}
.gate18__title{font-size:27px;color:var(--paper);margin-bottom:12px}
.gate18__text{font-size:15px;color:var(--mist);margin-bottom:24px}
.gate18__row{display:grid;gap:11px}
.gate18__yes,.gate18__no{
  padding:15px 20px;
  font:700 16px/1 var(--ui);
  letter-spacing:.03em;
  border:2px solid transparent;
  cursor:pointer;
}
.gate18__yes{background:var(--yellow);color:var(--navy)}
.gate18__yes:hover{background:var(--yellow-2)}
.gate18__no{background:transparent;color:var(--mist);border-color:rgba(199,214,224,.4)}
.gate18__no:hover{border-color:var(--red);color:var(--paper)}
.gate18__yes:disabled,.gate18__no:disabled{opacity:.35;cursor:default}
.gate18__deny{
  display:none;margin-top:16px;padding:12px;
  font:700 14px/1.5 var(--text);color:var(--paper);background:var(--red);
}
.gate18__deny[data-show="yes"]{display:block}

.gridwall{
  position:sticky;top:0;z-index:150;
  background:var(--navy-2);
  border-bottom:3px solid var(--yellow);
}
.gridwall[data-shrunk="yes"]{box-shadow:0 10px 26px rgba(0,0,0,.45)}
.gridwall__inner{
  position:relative;
  max-width:var(--shell);margin:0 auto;padding:12px var(--pad);
  display:flex;align-items:center;justify-content:center;
}
.gridwall__badge{display:block}
.gridwall__logo{height:30px;width:auto;filter:brightness(0) invert(1)}

.startlights{
  position:relative;
  padding:66px 0 0;
  background:var(--asphalt);
  overflow:hidden;
}
.startlights__photo{
  position:absolute;inset:0;
  background:url('../main-assets/hero-startline-night.webp') center/cover no-repeat;
  opacity:.42;
}
.startlights__inner{
  position:relative;z-index:2;
  max-width:var(--shell);margin:0 auto;padding:0 var(--pad) 70px;
  display:grid;gap:30px;
}
.startlights__kicker{
  display:inline-block;
  margin-bottom:16px;padding:7px 13px;
  font:700 12px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;
  color:var(--navy);background:var(--yellow);
}
.startlights__head{
  font-size:clamp(38px,9vw,68px);
  color:var(--paper);
  text-shadow:0 12px 34px rgba(0,0,0,.55);
}
.startlights__head em{font-family:var(--script);font-style:italic;color:var(--yellow)}
.startlights__sub{max-width:560px;margin:20px 0 28px;color:#dfe9ef}
.startlights__acts{display:flex;flex-wrap:wrap;gap:12px}
.startlights__primary,
.startlights__ghost{
  padding:16px 30px;
  font:700 17px/1 var(--ui);
  border-radius:5px;
}
.startlights__primary{background:var(--red);color:var(--paper)}
.startlights__primary:hover{background:var(--red-2)}
.startlights__ghost{border:2px solid var(--paper);color:var(--paper)}
.startlights__ghost:hover{background:var(--paper);color:var(--asphalt)}
.startlights__tower{display:flex;gap:10px;align-self:end}
.startlights__tower i{
  width:26px;height:26px;border-radius:50%;
  background:rgba(255,255,255,.12);
  border:2px solid rgba(255,255,255,.25);
}
.startlights__tower i.on{background:var(--red);border-color:var(--red);box-shadow:0 0 18px rgba(215,38,61,.8)}
.startlights__flag{
  position:relative;z-index:2;
  height:22px;
  background:
    repeating-conic-gradient(var(--paper) 0 25%, var(--asphalt) 0 50%) 0 0/22px 22px;
}

.redflag{background:var(--red)}
.redflag__inner{
  max-width:var(--shell);margin:0 auto;padding:18px var(--pad);
  display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;
}
.redflag__chip{
  flex:none;padding:9px 14px;
  font:400 20px/1 var(--slab);color:var(--red);background:var(--paper);
}
.redflag__copy{font-size:15px;color:#ffe4e7}
.redflag__copy b{color:var(--paper)}
.redflag__link{
  flex:none;padding:11px 18px;
  font:700 14px/1 var(--ui);letter-spacing:.05em;text-transform:uppercase;
  color:var(--paper);border:2px solid var(--paper);
}
.redflag__link:hover{background:var(--paper);color:var(--red)}

.classes{
  position:relative;
  padding:72px 0;
  background:linear-gradient(rgba(3,40,64,.9),rgba(3,40,64,.94)),url('../main-assets/bg-grid-tarmac.webp') center/cover no-repeat fixed;
}
.classes__inner{position:relative;max-width:var(--shell);margin:0 auto;padding:0 var(--pad)}
.classes__head{
  font-size:clamp(30px,7vw,46px);text-align:center;color:var(--paper);
  text-transform:uppercase;margin-bottom:12px;
}
.classes__note{text-align:center;color:var(--mist);font-size:15.5px;margin-bottom:36px}
.classes__grid{display:grid;gap:22px}
.classes__card{text-align:center}
.classes__arch{
  display:block;
  padding:30px 18px 26px;
  border:2px solid var(--yellow);
  border-radius:150px 150px 0 0;
  background:linear-gradient(180deg,rgba(255,209,52,.07),rgba(255,209,52,0));
}
.classes__name{
  display:block;
  font-family:var(--script);font-style:italic;font-size:44px;color:var(--cream);
  text-shadow:2px 3px 0 rgba(0,0,0,.35);
}
.classes__fee{
  display:block;margin-top:6px;
  font-family:var(--slab);font-size:56px;color:var(--yellow);line-height:1;
}
.classes__unit{
  display:block;margin-bottom:14px;
  font:700 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow-2);
}
.classes__spec{display:block;font-size:14.5px;color:#dbe7ee}
.classes__purse{margin-top:14px;font:900 15px/1 var(--ui);color:var(--paper)}
.classes__amount{font-family:var(--script);font-style:italic;font-size:30px;color:var(--yellow)}
.classes__small{
  max-width:760px;margin:30px auto 0;
  text-align:center;font-size:14px;color:var(--mist);
}
.classes__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px}
.classes__buy{
  padding:15px 28px;border-radius:5px;
  font:700 17px/1 var(--ui);
  background:var(--yellow);color:var(--navy);
}
.classes__buy:hover{background:var(--yellow-2)}
.classes__buy--alt{background:transparent;color:var(--yellow);border:2px solid var(--yellow)}
.classes__buy--alt:hover{background:var(--yellow);color:var(--navy)}

.garage{padding:56px 0 62px;background:var(--yellow)}
.garage__inner{max-width:var(--shell);margin:0 auto;padding:0 var(--pad)}
.garage__head{
  font-size:clamp(24px,5.5vw,36px);text-align:center;color:var(--navy);
  text-transform:uppercase;margin-bottom:28px;
}
.garage__row{display:grid;gap:14px}
.garage__chip{padding:20px 16px;text-align:center;background:var(--navy-2)}
.garage__chip strong{
  display:block;margin-bottom:8px;
  font:700 15px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);
}
.garage__chip p{font-size:14.5px;color:var(--paper)}

.records{
  padding:70px 0;
  background:linear-gradient(rgba(1,32,51,.88),rgba(1,32,51,.95)),url('../main-assets/bg-podium-crowd.webp') center/cover no-repeat;
}
.records__inner{max-width:var(--shell);margin:0 auto;padding:0 var(--pad);display:grid;gap:32px}
.records__head{font-size:clamp(26px,6vw,38px);color:var(--paper);text-transform:uppercase;margin-bottom:16px}
.records__text{color:var(--mist);font-size:15.5px;margin-bottom:14px}
.records__link{
  display:inline-block;margin-top:6px;padding:13px 24px;
  font:700 15px/1 var(--ui);color:var(--yellow);border:2px solid var(--yellow);border-radius:5px;
}
.records__link:hover{background:var(--yellow);color:var(--navy)}
.records__board{border:2px solid var(--hairline)}
.records__line{
  display:grid;grid-template-columns:1.3fr .9fr 1fr;
  gap:8px;padding:13px 14px;
  font-size:14.5px;color:#dbe7ee;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.records__line:last-child{border-bottom:0}
.records__line span:nth-child(2){font-family:var(--slab);font-size:15px;color:var(--yellow)}
.records__line--head{
  background:rgba(255,209,52,.1);
  font:700 12px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);
}
.records__line--head span:nth-child(2){font-family:var(--ui);font-size:12px;color:var(--yellow)}

.previewbox{padding:70px 0;background:var(--asphalt)}
.previewbox__inner{max-width:var(--shell);margin:0 auto;padding:0 var(--pad);display:grid;gap:34px;align-items:center}
.previewbox__shot{border:3px solid var(--yellow);background:var(--navy-2);line-height:0}
.previewbox__shot img{width:100%;height:auto}
.previewbox__head{font-size:clamp(26px,6vw,40px);text-transform:uppercase;color:var(--paper);margin-bottom:16px}
.previewbox__copy>p{color:var(--mist);font-size:15.5px;margin-bottom:18px}
.previewbox__facts{margin:0 0 22px;padding:0;list-style:none}
.previewbox__facts li{
  padding:10px 0 10px 22px;position:relative;
  font-size:15px;color:#dbe7ee;
  border-bottom:1px dashed rgba(255,255,255,.14);
}
.previewbox__facts li::before{content:'';position:absolute;left:0;top:18px;width:11px;height:3px;background:var(--yellow)}
.previewbox__facts li:last-child{border-bottom:0}
.previewbox__go{
  display:inline-block;padding:15px 30px;border-radius:5px;
  font:700 17px/1 var(--ui);background:var(--red);color:var(--paper);
}
.previewbox__go:hover{background:var(--red-2)}
.previewbox__fine{margin-top:14px;font-size:13px;color:#8fa6b3}

.numbers{padding:66px 0;background:var(--navy)}
.numbers__inner{max-width:var(--shell);margin:0 auto;padding:0 var(--pad);display:grid;gap:30px}
.numbers__head{font-size:clamp(26px,6vw,40px);text-transform:uppercase;color:var(--paper);margin-bottom:14px}
.numbers__lede p{color:var(--mist);font-size:15.5px;margin-bottom:12px}
.numbers__aside{font-size:13.5px;color:#8fa6b3}
.numbers__table{border:2px solid var(--hairline)}
.numbers__row{
  display:grid;grid-template-columns:1.5fr 1fr;gap:10px;
  padding:13px 14px;
  font-size:15px;color:#dbe7ee;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.numbers__row span:last-child{font-family:var(--slab);font-size:14.5px;color:var(--yellow);text-align:right}
.numbers__row--head{
  background:rgba(255,209,52,.1);
  font:700 12px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);
}
.numbers__row--head span:last-child{font-family:var(--ui);font-size:12px}
.numbers__row--foot{border-bottom:0;background:rgba(215,38,61,.16)}
.numbers__row--foot span:last-child{color:#ffb3bc}

.stewards{padding:64px 0;background:var(--yellow);color:var(--navy)}
.stewards__inner{max-width:900px;margin:0 auto;padding:0 var(--pad)}
.stewards__head{font-size:clamp(24px,5.5vw,36px);text-transform:uppercase;margin-bottom:22px}
.stewards__log{border-top:3px solid var(--navy)}
.stewards__item{
  padding:14px 0;
  font-size:15.5px;
  border-bottom:1px solid rgba(3,40,64,.22);
}
.stewards__item time{
  display:inline-block;min-width:76px;
  font:900 13px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;
  color:var(--red);
}
.stewards__foot{margin-top:18px;font-size:13.5px;color:#4a4634}

.simrig{padding:70px 0;background:var(--cream);color:var(--navy)}
.simrig__inner{max-width:var(--shell);margin:0 auto;padding:0 var(--pad);display:grid;gap:34px;align-items:center}
.simrig__art img{width:100%;height:auto;border:3px solid var(--navy)}
.simrig__head{font-size:clamp(26px,6vw,40px);text-transform:uppercase;margin-bottom:18px}
.simrig__copy p{margin-bottom:14px;font-size:16px;color:#33414c}
.simrig__go{
  display:inline-block;margin-top:8px;padding:15px 28px;
  font:700 16px/1 var(--ui);color:var(--yellow);background:var(--navy);border-radius:5px;
}
.simrig__go:hover{background:var(--navy-2)}

.paddock{padding:64px 0;background:var(--navy)}
.paddock__inner{max-width:var(--shell);margin:0 auto;padding:0 var(--pad)}
.paddock__head{font-size:clamp(26px,6vw,38px);text-align:center;text-transform:uppercase;margin-bottom:30px;color:var(--paper)}
.paddock__row{display:grid;gap:16px}
.paddock__note{
  padding:24px 20px;
  background:var(--navy-2);
  border-top:4px solid var(--red);
}
.paddock__note img{width:66px;height:66px;border-radius:50%;object-fit:cover;margin-bottom:14px}
.paddock__note p{font-size:15px;color:#dbe7ee;margin-bottom:12px}
.paddock__note strong{font:700 15px/1 var(--ui);color:var(--yellow)}

.pitwall{
  padding:76px 0;text-align:center;
  background:linear-gradient(rgba(13,27,38,.82),rgba(13,27,38,.9)),url('../main-assets/pitlane-lights-blur.webp') center/cover no-repeat;
}
.pitwall__inner{max-width:760px;margin:0 auto;padding:0 var(--pad)}
.pitwall__head{font-size:clamp(30px,7vw,50px);text-transform:uppercase;color:var(--paper);margin-bottom:14px}
.pitwall__text{max-width:520px;margin:0 auto 26px;color:#dfe9ef}
.pitwall__go{
  display:inline-block;padding:18px 40px;border-radius:5px;
  font:700 18px/1 var(--ui);letter-spacing:.04em;text-transform:uppercase;
  background:var(--yellow);color:var(--navy);
}
.pitwall__go:hover{background:var(--yellow-2)}
.pitwall__fine{margin-top:18px;font-size:13px;color:#b9c9d4}

.pitlane{background:var(--navy-2)}
.pitlane__banner{
  max-width:var(--shell);margin:0 auto;padding:22px var(--pad);
  display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.pitlane__age{
  flex:none;padding:10px 14px;
  font:400 19px/1 var(--slab);color:var(--paper);background:var(--red);
}
.pitlane__banner p{font-size:14.5px;color:var(--mist)}
.pitlane__banner b{color:var(--paper)}
.pitlane__cols{
  max-width:var(--shell);margin:0 auto;padding:40px var(--pad) 30px;
  display:grid;gap:28px;
}
.pitlane__logo{height:34px;width:auto;margin-bottom:14px;filter:brightness(0) invert(1)}
.pitlane__blurb{font-size:14.5px;color:var(--mist);margin-bottom:12px;max-width:320px}
.pitlane__mail{font:700 15px/1 var(--ui);color:var(--yellow)}
.pitlane__title{
  font-family:var(--ui);font-weight:900;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--yellow);margin-bottom:12px;
}
.pitlane__link{display:block;padding:6px 0;font-size:15px;color:var(--mist)}
.pitlane__link:hover{color:var(--paper)}
.pitlane__col--aware{border-left:3px solid var(--red);padding-left:16px}
.pitlane__aware{font-size:14px;color:var(--mist)}
.pitlane__bodies{
  max-width:var(--shell);margin:0 auto;padding:8px var(--pad) 28px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 30px;
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:24px;
}
.pitlane__body img{height:32px;width:auto;filter:brightness(0) invert(1);opacity:.8;transition:opacity .2s ease}
.pitlane__body:hover img{opacity:1}
.pitlane__base{
  background:#01161f;
  padding:18px var(--pad);
  text-align:center;
}
.pitlane__base p{font-size:12.8px;color:#8fa6b3}

/* ---- inner pages ---- */
.boardhead{
  background:linear-gradient(rgba(13,27,38,.86),rgba(3,40,64,.92)),url('../main-assets/hero-startline-night.webp') center/cover no-repeat;
}
.boardhead__strip{
  height:14px;
  background:repeating-conic-gradient(var(--paper) 0 25%, var(--asphalt) 0 50%) 0 0/14px 14px;
}
.boardhead__inner{max-width:var(--shell);margin:0 auto;padding:46px var(--pad) 44px}
.boardhead__kicker{
  display:inline-block;margin-bottom:14px;padding:7px 12px;
  font:700 11.5px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;
  color:var(--paper);background:var(--red);
}
.boardhead__title{font-size:clamp(30px,7.5vw,52px);color:var(--paper);text-transform:uppercase}
.boardhead__line{margin-top:14px;max-width:640px;color:#cfdde6;font-size:15.5px}

.longread{padding:52px 0 66px;background:var(--navy)}
.longread__wrap{max-width:900px;margin:0 auto;padding:0 var(--pad)}
.longread__wrap h2{
  margin:32px 0 12px;padding-left:14px;
  font-size:clamp(20px,4.5vw,26px);color:var(--paper);text-transform:uppercase;
  border-left:5px solid var(--red);
}
.longread__wrap h2:first-child{margin-top:0}
.longread__wrap p{margin-bottom:14px;font-size:15.8px;color:#c9dae4}
.longread__wrap a{color:var(--yellow);text-decoration:underline}

.paytable{padding:54px 0;background:var(--asphalt)}
.paytable__wrap{max-width:var(--shell);margin:0 auto;padding:0 var(--pad)}
.paytable__head{font-size:clamp(24px,5.5vw,36px);text-transform:uppercase;color:var(--paper);text-align:center}
.paytable__note{text-align:center;color:var(--mist);font-size:14.5px;margin:10px 0 28px}
.paytable__grid{display:grid;gap:14px}
.paycard{
  padding:20px 16px;text-align:center;
  background:var(--navy-2);border:2px solid var(--hairline);
}
.paycard img{width:80px;height:80px;margin:0 auto 12px}
.paycard strong{
  display:block;margin-bottom:12px;
  font:700 14px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);
}
.paycard span{
  display:flex;justify-content:space-between;gap:8px;
  padding:6px 0;font-size:13.5px;color:var(--mist);
  border-top:1px solid rgba(255,255,255,.08);
}
.paycard b{font-family:var(--slab);font-weight:400;color:var(--paper)}

.linelist{margin:6px 0 22px}
.linelist p{
  padding:11px 0;font-size:15px;color:#c9dae4;
  border-bottom:1px dashed rgba(255,255,255,.15);
}
.linelist b{
  display:inline-block;min-width:74px;
  font:700 12.5px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);
}

.askbox{padding:54px 0 66px;background:var(--navy)}
.askbox__wrap{max-width:880px;margin:0 auto;padding:0 var(--pad);display:grid;gap:10px}
.askbox__q{background:var(--navy-2);border-left:5px solid var(--yellow)}
.askbox__q[open]{border-left-color:var(--red)}
.askbox__q summary{
  position:relative;padding:16px 48px 16px 18px;cursor:pointer;list-style:none;
  font:700 16.5px/1.4 var(--ui);color:var(--paper);
}
.askbox__q summary::-webkit-details-marker{display:none}
.askbox__q summary::after{
  content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);
  font-family:var(--slab);font-size:20px;color:var(--yellow);
}
.askbox__q[open] summary::after{content:'\2013'}
.askbox__q p{padding:0 18px 18px;font-size:15px;color:#c9dae4}
.askbox__q a{color:var(--yellow);text-decoration:underline}

.machine{padding:40px 0 64px;background:var(--asphalt)}
.machine__wrap{max-width:var(--shell);margin:0 auto;padding:0 var(--pad);display:grid;gap:22px}
.machine__cabinet{background:var(--navy-2);border:3px solid var(--yellow);padding:0 0 16px}
.machine__top{
  display:flex;justify-content:space-between;gap:10px;padding:11px 14px;
  background:var(--yellow);
  font:700 12.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--navy);
}
.machine__reels{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:12px}
.machine__reel{display:grid;gap:5px}
.machine__cell{
  display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;
  padding:6px;background:#04283f;border:1px solid rgba(255,209,52,.16);
}
.machine__cell img{width:100%;height:100%;object-fit:contain}
.machine__cell.is-turning img{opacity:.5}
.machine__cell.is-paid{background:rgba(255,209,52,.2);border-color:var(--yellow)}
.machine__gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px}
.machine__gauges span{
  padding:9px 6px;text-align:center;background:#04283f;border:1px solid var(--hairline);
  font:700 10.5px/1.5 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mist);
}
.machine__gauges b{display:block;font-family:var(--slab);font-weight:400;font-size:20px;letter-spacing:0;color:var(--yellow)}
.machine__controls{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:12px 12px 0}
.machine__step{
  width:52px;height:52px;font-family:var(--slab);font-size:22px;
  color:var(--paper);background:#04283f;border:1px solid var(--hairline);cursor:pointer;
}
.machine__step:hover{border-color:var(--yellow);color:var(--yellow)}
.machine__spin{
  height:52px;border:0;cursor:pointer;
  font:700 18px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;
  background:var(--red);color:var(--paper);
}
.machine__spin:hover{background:var(--red-2)}
.machine__spin:disabled{opacity:.55;cursor:default}
.machine__reset{
  margin:10px 12px 0;padding:12px;width:calc(100% - 24px);
  font:700 12.5px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;
  background:transparent;color:var(--mist);border:1px solid rgba(199,214,224,.35);cursor:pointer;
}
.machine__reset:hover{border-color:var(--yellow);color:var(--yellow)}
.machine__readout{
  margin:12px 12px 0;padding:12px;min-height:48px;text-align:center;
  font-size:14.5px;color:#c9dae4;background:#04283f;border:1px solid var(--hairline);
}
.machine__readout.is-good{background:var(--yellow);color:var(--navy);font-weight:700;border-color:var(--yellow)}
.machine__aside{display:grid;gap:14px}
.machine__card{padding:20px 18px;background:var(--navy-2);border:1px solid var(--hairline)}
.machine__card h2{font-size:19px;text-transform:uppercase;color:var(--paper);margin-bottom:10px}
.machine__card p{font-size:14px;color:var(--mist);margin-bottom:10px}
.machine__card--warn{border:0;border-left:5px solid var(--red);background:rgba(215,38,61,.12)}
.machine__pay{display:grid;gap:6px;margin-bottom:10px}
.machine__pay span{
  display:flex;align-items:center;gap:9px;padding:7px 9px;background:#04283f;
  font:700 13px/1 var(--ui);color:var(--paper);
}
.machine__pay img{width:28px;height:28px;flex:none}
.machine__pay b{margin-left:auto;font-family:var(--slab);font-weight:400;font-size:13px;color:var(--yellow);white-space:nowrap}
.machine__link a{color:var(--yellow);text-decoration:underline;font-size:14px}

.crumbs{
  position:fixed;left:0;right:0;bottom:0;z-index:250;
  transform:translateY(115%);
  transition:transform .34s ease;
  background:var(--navy-2);
  border-top:4px solid var(--yellow);
  padding:16px var(--pad);
  display:grid;gap:12px;
}
.crumbs[data-open="yes"]{transform:none}
.crumbs__text{font-size:13.6px;color:var(--mist);max-width:900px}
.crumbs__text b{color:var(--paper)}
.crumbs__text a{color:var(--yellow);text-decoration:underline}
.crumbs__acts{display:flex;flex-wrap:wrap;gap:10px}
.crumbs__ok,.crumbs__no{
  padding:12px 22px;
  font:700 14px/1 var(--ui);letter-spacing:.04em;
  border:2px solid transparent;border-radius:5px;cursor:pointer;
}
.crumbs__ok{background:var(--yellow);color:var(--navy)}
.crumbs__no{background:transparent;color:var(--mist);border-color:rgba(199,214,224,.35)}
.crumbs__no:hover{border-color:var(--yellow);color:var(--yellow)}

@media (min-width:600px){
  .gate18__row{grid-template-columns:1fr 1fr}
  .classes__grid{grid-template-columns:repeat(2,1fr)}
  .garage__row{grid-template-columns:repeat(2,1fr)}
  .paddock__row{grid-template-columns:repeat(3,1fr)}
  .pitlane__cols{grid-template-columns:repeat(2,1fr)}
  .paytable__grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:900px){
  .redflag__inner{flex-direction:row;text-align:left}
  .pitlane__banner{flex-direction:row;text-align:left}
  .startlights__inner{grid-template-columns:1fr auto;align-items:end}
  .records__inner{grid-template-columns:.85fr 1.15fr;align-items:start;gap:48px}
  .simrig__inner{grid-template-columns:1fr 1fr;gap:50px}
  .previewbox__inner{grid-template-columns:1.05fr .95fr;gap:46px}
  .numbers__inner{grid-template-columns:.85fr 1.15fr;align-items:start;gap:46px}
  .garage__row{grid-template-columns:repeat(5,1fr)}
  .classes__grid{grid-template-columns:repeat(4,1fr)}
  .pitlane__cols{grid-template-columns:1.5fr 1fr 1fr 1.3fr}
  .paytable__grid{grid-template-columns:repeat(5,1fr)}
  .machine__wrap{grid-template-columns:1.4fr .6fr;align-items:start}
  .crumbs{grid-template-columns:1fr auto;align-items:center;gap:26px}
}
@media (min-width:1000px){
  .gridwall__logo{height:40px}
  .startlights{padding-top:90px}
}