*{margin:0;padding:0;box-sizing:border-box}
body{
  background:#171717;
  color:#fff;
  font-family:Barlow,"Arial Narrow",Arial,Helvetica,sans-serif;
  min-height:100vh;
  padding:0 0 34px;
}
.gate{position:fixed;inset:0;z-index:200;background:rgba(8,8,8,.96);display:flex;align-items:center;justify-content:center;padding:20px}
.gate.done{display:none}
.gx{margin-top:16px;background:none;border:0;color:#8a8a8a;font:inherit;font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:underline}
.gx:hover{color:#fff}
.user .stat,.user .cab:not(.out),.user #myav{display:none}
body.authed .user .stat{display:block}
body.authed .user .cab:not(.out){display:inline-block}
.gbox{width:100%;max-width:420px;border:2px solid #e01019;background:#141414;padding:32px}
.glogo{font-size:44px;font-weight:900;font-style:italic;letter-spacing:3px;line-height:1;margin-bottom:26px}
.glogo span{color:#e01019}

.gfield{margin-bottom:18px}
.gfield label{display:block;font-size:12px;letter-spacing:1px;color:#8a8a8a;margin-bottom:7px}
.gfield label em{font-style:normal;color:#5a5a5a;letter-spacing:1px}
.gfield input{width:100%;background:#1c1c1c;border:2px solid rgba(255,255,255,.15);color:#fff;font:inherit;font-size:17px;padding:12px 14px}
.gfield input:focus{outline:0;border-color:#e01019}
.gbtn{width:100%;background:#e01019;color:#fff;border:0;font:inherit;font-size:18px;font-weight:900;letter-spacing:3px;text-transform:uppercase;padding:16px;cursor:pointer;margin-top:8px}
.gbtn:hover{background:#fff;color:#e01019}
.gbtn.dc{background:#5865F2}
.gbtn.dc:hover{background:#fff;color:#5865F2}
.gkeep{display:flex;align-items:center;gap:9px;justify-content:center;margin-top:16px;color:#8a8a8a;font-size:13px;letter-spacing:.5px;cursor:pointer}
.gkeep input{accent-color:#e01019;width:16px;height:16px}
.ghint{color:#8a8a8a;font-size:12px;letter-spacing:.5px;margin-top:12px;text-align:center}
.gwho{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.gwho img{width:44px;height:44px;border:2px solid #e01019}
.gwho span{font-size:20px;font-weight:900;letter-spacing:1px}
.gerr{color:#e01019;font-size:13px;letter-spacing:.5px;margin-top:12px;min-height:18px}

.bg{
  position:fixed;inset:0;z-index:-1;overflow:hidden;
  background:radial-gradient(ellipse at 50% 0%,#2a2a2a 0%,#111 70%);
}
.bg video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:1;transition:opacity .8s ease;
}
.bg:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(12,12,12,.42) 0%,rgba(12,12,12,.62) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 4px);
}
@media(prefers-reduced-motion:reduce){.bg video{display:none}}
header{
  position:relative;
  display:flex;align-items:flex-end;gap:22px;
  padding:22px 36px 16px;
  border-bottom:2px solid #e01019;
  overflow:hidden;
  background:rgba(8,8,8,.8);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
}
header:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(23,23,23,.15) 0%,rgba(23,23,23,.85) 100%),
    linear-gradient(45deg,#2f2f2f 25%,transparent 25%,transparent 75%,#2f2f2f 75%),
    linear-gradient(45deg,#2f2f2f 25%,#151515 25%,#151515 75%,#2f2f2f 75%);
  background-size:100% 100%,30px 30px,30px 30px;
  background-position:0 0,0 0,15px 15px;
  opacity:.22;
}
.logo{
  position:relative;
  font-size:48px;font-weight:900;letter-spacing:3px;
  font-style:italic;line-height:.9;
  text-shadow:0 4px 24px rgba(0,0,0,.9);
}
.logo span{color:#e01019}
.logo em{
  display:block;font-style:normal;font-size:12px;letter-spacing:9px;
  color:#8a8a8a;font-weight:400;margin-top:8px;
}
.adslot{flex:1 0 auto;min-width:20px;height:1px;pointer-events:none}
.langs{position:relative;display:flex;gap:1px}
.lang{background:rgba(255,255,255,.07);border:0;color:#8a8a8a;font:inherit;font-size:11px;font-weight:700;letter-spacing:1px;padding:8px 9px;cursor:pointer;transition:.1s linear}
.lang:hover{color:#fff;background:rgba(255,255,255,.16)}
.lang.on{background:#e01019;color:#fff}
.dis{
  position:relative;color:#fff;text-decoration:none;font-size:13px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;border:2px solid #5865F2;padding:9px 16px;
  transition:.1s linear;white-space:nowrap;
}
.dis:hover{background:#5865F2}
.user{position:relative;z-index:2;display:flex;align-items:center;gap:16px;margin-left:auto}
.stat small{display:block;font-size:11px;letter-spacing:2px;color:#8a8a8a;margin-bottom:3px}
.stat b{font-size:21px;font-weight:900;letter-spacing:1px;font-variant-numeric:tabular-nums;line-height:1}
.stat.key{border-left:2px solid #e01019;padding-left:10px}
.stat.key b{font-size:21px}
.gold{color:#e8b73a}
#myav{width:32px;height:32px;border:2px solid #e01019;object-fit:cover;display:none}
.resp{color:#6fa8dc}

.stat .safe i{font-style:normal;font-size:9px;letter-spacing:2px;background:#e01019;padding:2px 6px;vertical-align:3px;margin-left:3px}
.cab{
  background:none;border:2px solid rgba(255,255,255,.3);color:#fff;font:inherit;
  font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  padding:9px 14px;cursor:pointer;transition:.1s linear;
}
.cab:hover{border-color:#e01019;background:#e01019}
.cab.out{border-color:#e01019;color:#e01019}
.cab.out:hover{color:#fff}
@media(max-width:900px){
  header{flex-wrap:wrap;gap:14px}
  .crumb{order:3;flex-basis:100%;max-width:none}
  .user{gap:16px}
  .stat b{font-size:16px}
}
.nav{display:flex;gap:0;padding:0 36px;flex-wrap:wrap;background:rgba(8,8,8,.85);backdrop-filter:blur(6px);align-items:stretch;border-bottom:1px solid rgba(255,255,255,.08)}
.nv{background:none;border:0;outline:0;color:#c9c9c9;font-family:"Barlow Condensed",Barlow,sans-serif;text-decoration:none;display:flex;align-items:center;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:15px 18px;cursor:pointer;transition:.1s linear;line-height:1}
.nv:hover{background:#e01019;color:#fff}
.nv:focus{outline:0}
.nv::-moz-focus-inner{border:0}
.nv.on{background:#fff;color:#111}
@media(max-width:900px){.nav{padding:0 18px}.nv{padding:11px 10px;font-size:11px}}

.wrap{padding:22px 36px 0;}
.row{display:grid;gap:17px;}
.row-top{grid-template-columns:1.3fr 1fr;margin-bottom:17px;align-items:stretch}
.row-top .tile{min-height:430px}
.row-top .tile .inner{min-height:100%;overflow:visible}
.row-bot{grid-template-columns:1.5fr 1fr 1fr 1fr;}

.tile{
  position:relative;border:2px solid rgba(255,255,255,.13);
  background:rgba(10,10,10,.55);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:hidden;
  transition:border-color .08s linear;
  cursor:pointer;
}
.tile:hover{border-color:#e01019}
/* фон блока ближайшей гонки: положи race-bg.jpg рядом с index.html */
.race{position:relative;isolation:isolate}
.race::before{
  content:"";position:absolute;inset:0;z-index:0;
  background-image:var(--racebg, url("/race-bg.jpg"));
  background-size:cover;background-position:62% center;
  opacity:.42;filter:saturate(.85) contrast(1.05);
}
.race::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(10,10,10,.96) 0%,rgba(10,10,10,.88) 38%,rgba(10,10,10,.55) 72%,rgba(10,10,10,.38) 100%);
}
.race .inner{position:relative;z-index:2}
.tile.all{cursor:pointer}
.tile .flash{
  position:absolute;inset:0;background:#e01019;
  opacity:0;pointer-events:none;z-index:3;
}
.tile:hover .flash{animation:blink .45s ease-out 1}
@keyframes blink{
  0%{opacity:0}
  18%{opacity:.6}
  100%{opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .tile:hover .flash{animation:none}
}
.tile .photo{display:none}
.tile .shade{display:none}
.tile .inner{position:relative;z-index:2;padding:18px 21px 22px;display:flex;flex-direction:column;height:100%;display:flex;flex-direction:column}

.bar{
  font-family:"Barlow Condensed",Barlow,sans-serif;
  color:#e01019;margin:0 0 15px;padding:0 0 9px;
  border-bottom:2px solid #e01019;
  font-size:25px;font-weight:900;letter-spacing:2px;text-transform:uppercase;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
button.all{
  background:none;border:1px solid rgba(255,255,255,.55);color:#fff;font:inherit;
  font-size:11px;font-weight:700;letter-spacing:2px;padding:5px 10px;cursor:pointer;
  white-space:nowrap;text-transform:uppercase;
}
button.all:hover{background:#fff;color:#e01019;border-color:#fff}
button.nv,button.nv:hover{border:0;padding:15px 18px}
button.nv.on:hover{background:#fff;color:#111}
button.nv:hover{background:#e01019;color:#fff}
button.nv.on{background:#fff;color:#111}
a.nv{color:#fff;font-size:11px}

.modal{
  position:fixed;inset:0;z-index:100;background:rgba(8,8,8,.94);
  display:none;padding:40px;overflow:auto;
}
.modal.open{display:block}
#cab{padding:0;background:#0f0f0f}
#cab .box{max-width:none;width:100%;min-height:100vh;margin:0;border:0;
  background:#0f0f0f;padding:0 0 60px}
#cab .head{position:sticky;top:0;z-index:5;background:#0f0f0f;
  margin:0 0 26px;padding:26px 36px 16px;font-size:34px}
#cab #cabbody{padding:0 36px;max-width:1100px;margin:0 auto}
@media(max-width:700px){#cab .head{padding:18px 16px 12px;font-size:26px}
  #cab #cabbody{padding:0 16px}}
.modal .box{max-width:900px;margin:0 auto;border:2px solid #e01019;background:rgba(16,16,16,.97);padding:0 28px 28px;box-shadow:0 8px 32px rgba(224,16,25,.2)}
.modal .head{
  font-family:"Barlow Condensed",Barlow,sans-serif;
  color:#e01019;border-bottom:2px solid #e01019;margin:0 0 22px;padding:18px 0 12px;
  display:flex;align-items:center;justify-content:space-between;
  font-size:26px;font-weight:900;letter-spacing:2px;text-transform:uppercase;
}
.modal .x{background:none;border:0;color:#8a8a8a;font:inherit;font-size:30px;cursor:pointer;line-height:1;padding:0 4px}
.modal .x:hover{color:#e01019}
.modal table{font-size:16px}
.votebtn{background:none;border:1px solid rgba(255,255,255,.2);color:#cfcfcf;font:inherit;font-size:13px;
  padding:4px 9px;cursor:pointer;border-radius:2px;margin-left:6px}
.votebtn:first-child{margin-left:0}
.votebtn:hover:not(:disabled){border-color:#e01019;color:#fff}
.votebtn.on{border-color:#e01019;color:#e01019}
.votebtn:disabled{cursor:default;opacity:.7}
.modal td{padding:10px 0}
.modal.full .regmain table{width:100%;border-collapse:collapse}
.modal.full .regmain table th{text-align:left;font-size:12px;letter-spacing:2px;color:#8a8a8a;
  font-weight:600;text-transform:uppercase;padding:0 14px 12px 0;border-bottom:2px solid rgba(255,255,255,.15)}
.modal.full .regmain table th.r,.modal.full .regmain table td.r{text-align:right}
.modal.full .regmain table td{padding:14px 14px 14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.modal.full .regmain table tr:hover td{background:rgba(255,255,255,.02)}
.modal.full .regmain table tr:last-child td{border-bottom:none}
.chathead{font-size:11px;letter-spacing:2px;color:#8a8a8a;margin:22px 0 10px;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}
.chatbox{height:150px;overflow-y:auto;border:1px solid rgba(255,255,255,.12);padding:10px 12px;background:rgba(0,0,0,.35);scrollbar-width:thin}
.cm{padding:4px 0;font-size:14px;letter-spacing:.3px}
.cm b{color:#e01019;font-weight:700;margin-right:6px}
.cm time{color:#5a5a5a;font-size:11px;margin-left:6px}
.chatrow{display:flex;gap:8px;margin-top:10px}
.chatrow input{flex:1;background:#1c1c1c;border:2px solid rgba(255,255,255,.15);color:#fff;font:inherit;font-size:15px;padding:10px 12px}
.chatrow input:focus{outline:0;border-color:#e01019}
.modal .sub{color:#8a8a8a;font-size:13px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}
.modal.full .box{max-width:none;width:100%;min-height:100vh;margin:0;
  border:2px solid #e01019;box-sizing:border-box;padding:0 0 40px}
.modal.full #cabbody,.modal.full .box > .mextra,.modal.full .box > .regwrap{
  max-width:1100px;margin-left:auto;margin-right:auto;padding-left:36px;padding-right:36px;box-sizing:border-box}
@media(max-width:700px){.modal.full .box > .mextra,.modal.full .box > .regwrap{padding-left:16px;padding-right:16px}}
.mextra{display:none}
.mextra.on{display:flex;gap:32px;flex-wrap:wrap-reverse;align-items:stretch;margin-bottom:28px}
.mextra .txt{flex:1;min-width:260px;display:flex;flex-direction:column;justify-content:center}
.mextra .txt p{color:#cfcfcf;font-size:15px;line-height:1.7;margin:0}
.riRow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.riRow div{flex:1 1 110px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  padding:9px 12px}
.riRow small{display:block;font-size:11px;letter-spacing:1.5px;color:#8a8a8a;text-transform:uppercase;margin-bottom:4px}
.riRow b{display:block;font-size:15px;font-weight:700;color:#fff}
.mextra img{width:340px;max-width:100%;height:220px;border-radius:2px;
  border:2px solid rgba(255,255,255,.15);object-fit:cover;flex:0 0 auto;box-shadow:0 8px 24px rgba(0,0,0,.4)}
@media(max-width:700px){.mextra img{height:180px}}

.regwrap{display:block}
.modal.full .regwrap{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}
@media(max-width:900px){.modal.full .regwrap{grid-template-columns:1fr}}
.regmain{min-width:0}
.regside{display:flex;flex-direction:column;gap:0}
.modal.full .regside{background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.1);padding:22px}
#madm{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.regrow{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px;border-top:2px solid #e01019;padding-top:20px}
.lab2{font-size:13px;letter-spacing:2px;color:#8a8a8a;margin-bottom:10px}
.regbet{display:flex;gap:8px}
.pickm{background:none;border:2px solid rgba(255,255,255,.2);color:#ddd;font:inherit;font-size:14px;font-weight:700;letter-spacing:1px;padding:10px 14px;cursor:pointer;text-align:center;line-height:1.3}
.pickm small{font-size:12px;font-weight:400;opacity:.75;letter-spacing:0}
.pickm.on{border-color:#e01019;background:#e01019;color:#fff}
.btn2{background:#e01019;color:#fff;border:0;font:inherit;font-size:16px;font-weight:900;letter-spacing:2px;padding:13px 24px;cursor:pointer}
.btn2:hover{background:#fff;color:#e01019}
.btn2.off{background:none;border:2px solid #e01019;color:#e01019}
.btn2.off:hover{background:#e01019;color:#fff}
.bar.grey{color:#fff;border-bottom-color:rgba(255,255,255,.25)}
.bar.fold{width:100%;background:none;border-top:0;border-left:0;border-right:0;
  cursor:pointer;text-align:left;font:inherit;font-family:"Barlow Condensed",Barlow,sans-serif;
  font-size:25px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;
  border-bottom:2px solid rgba(255,255,255,.25);padding:0 0 9px;margin:0}
.bar.fold:hover{color:#e01019;border-bottom-color:#e01019}
.bar.fold em{font-style:normal;font-size:13px;letter-spacing:2px;color:#e01019;font-weight:700;display:inline-flex;align-items:center;gap:9px}
.bar.fold:hover em{color:#fff}
.bar.fold em:after{
  content:"";width:12px;height:12px;flex:0 0 auto;
  border-right:3px solid #e01019;border-bottom:3px solid #e01019;
  transform:rotate(45deg);transition:transform .18s linear;
}
.bar.fold:hover em:after{border-color:#fff}
.bar.fold[aria-expanded="true"] em:after{transform:rotate(225deg)}
.rulegrid[hidden]{display:none}
.rules .inner{height:auto}
.champ{float:right;font-size:13px;letter-spacing:2px;font-weight:400;background:rgba(0,0,0,.3);padding:5px 10px;margin-top:4px}
.tabs{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.demo{font-size:9px;letter-spacing:2px;color:#e01019;border:1px solid rgba(224,16,25,.6);padding:2px 6px;margin-left:9px;text-transform:uppercase;white-space:nowrap}
.rtabs{margin-bottom:14px}
.race .inner .racehead,.race .wknd{transition:opacity .45s ease}
.race.fade .racehead,.race.fade .wknd{opacity:0}
.race::before{transition:opacity .6s ease}
.race.fade::before{opacity:.12}
#sttable{min-height:372px}
.race .three,.race .entry{display:none}
.wknd{display:none;gap:12px;flex-wrap:wrap;margin-top:18px}
.wknd.on{min-height:96px}
.wknd.on{display:flex}
.wknd div{flex:1 1 150px;max-width:210px;border:2px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);
  padding:14px 16px}
.wknd b{display:block;font-family:"Barlow Condensed",Barlow,sans-serif;font-size:13px;
  letter-spacing:2px;text-transform:uppercase;color:#8a8a8a;margin-bottom:6px}
.wknd span{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:24px;font-weight:900}
.wknd i{font-style:normal;color:#8a8a8a;font-size:13px;margin-left:8px;letter-spacing:.5px}
#sttable td.rn{width:46px;text-align:right;padding-right:16px;color:#8a8a8a;
  font-family:"Barlow Condensed",Barlow,sans-serif;font-size:17px;font-weight:700}
#sttable td.pn{padding-right:22px;white-space:nowrap}
#sttable td.cr{text-align:left;color:#8a8a8a;white-space:nowrap}
#sttable td.cr img.carimg{height:20px;width:auto;vertical-align:middle;margin-right:10px;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
@media(max-width:700px){#sttable td.cr img.carimg{display:none}}
.tabs .lead{margin:0;text-align:right;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#8a8a8a}
.tb{background:none;border:2px solid rgba(255,255,255,.2);color:#8a8a8a;font:inherit;font-size:15px;font-weight:700;letter-spacing:2px;padding:11px 20px;cursor:pointer;white-space:nowrap;flex:0 0 auto}
.tb:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.tb.on{background:#e01019;border-color:#e01019;color:#fff}
#sttable{transition:opacity .25s ease}
@media(prefers-reduced-motion:reduce){#sttable{transition:none}}


.race .track{font-size:35px;font-weight:900;letter-spacing:1px;line-height:1}
.race .meta{color:#b9b9b9;font-size:15px;letter-spacing:1px;margin-top:5px}
.timer{display:flex;gap:20px;margin-top:13px}
.timer div{text-align:left}
.timer b{display:block;font-size:34px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.timer small{font-size:12px;letter-spacing:2px;color:#999}
.racehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:13px;flex-wrap:wrap}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1}
.three.rookie-only{grid-template-columns:1fr}
.three.rookie-only #lg-liga,.three.rookie-only #lg-pro{display:none}
.lg3{position:relative;border:2px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);display:flex;flex-direction:column;overflow:hidden;opacity:.55;transition:.12s linear;cursor:pointer;font:inherit;color:inherit;text-align:left;padding:0}
.lg3.open{opacity:1;border-color:#e01019;background:rgba(224,16,25,.12)}
.lg3.open:hover{background:#e01019}
.lg3.nodate{opacity:.32}
.lg3:hover{opacity:.85;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}
.lg3.open:hover{opacity:1;border-color:#e01019}
.lg3.open:hover .lgstat,.lg3.open:hover .car,.lg3.open:hover .money small,.lg3.open:hover .fmt span{color:rgba(255,255,255,.85)}
.lg3.open:hover .money b.no{color:rgba(255,255,255,.6)}

.lg3in{padding:14px 13px;display:flex;flex-direction:column;flex:1}
.lg3top{display:flex;align-items:baseline;justify-content:space-between}
.lg3top b{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:23px;font-weight:900;letter-spacing:2px}
.lg3top em{font-family:"Barlow Condensed",Barlow,sans-serif;font-style:normal;font-size:19px;font-weight:900}
.car{font-size:13px;color:#b9b9b9;letter-spacing:.3px;margin-top:4px;min-height:24px;line-height:1.35;overflow-wrap:anywhere}
.fmt{display:block;margin-top:9px;line-height:1.9}
.fmt b{display:inline-block;white-space:nowrap;margin-right:11px}
.fmt span{font-size:11px;letter-spacing:.5px;color:#8a8a8a;text-transform:uppercase;white-space:nowrap}
.fmt i{font-family:"Barlow Condensed",Barlow,sans-serif;font-style:normal;font-size:19px;font-weight:900;margin-right:4px}
.lgstat{margin-top:9px;font-size:13px;letter-spacing:1px;color:#8a8a8a;min-height:15px}
.lgstat.in{color:#e01019;font-weight:700}
.money{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;border-top:1px solid rgba(255,255,255,.12);padding-top:9px}
.money small{display:block;font-size:11px;letter-spacing:.5px;color:#8a8a8a;margin-bottom:2px}
.money b{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:16px;font-weight:900;letter-spacing:.5px;white-space:nowrap}
.money b.no{color:#5a5a5a}
.lgbtn{margin-top:auto;width:100%;background:rgba(255,255,255,.1);color:#8a8a8a;border:0;font:inherit;font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase;padding:10px;cursor:pointer}
.lg3.open .lgbtn{background:#e01019;color:#fff;font-size:14px}
.lg3.open .lgbtn:hover{background:#fff;color:#e01019}
@media(max-width:1000px){.three{grid-template-columns:1fr}}


.lgbig{
  position:relative;flex:1;border:2px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.02);color:inherit;font:inherit;text-align:left;
  padding:12px 16px;cursor:pointer;transition:.12s linear;
  display:flex;flex-direction:column;justify-content:center;
}
.lgbig:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}
.lgbig.on{border-color:#e01019;background:rgba(224,16,25,.10)}
.lgbig b{font-size:22px;font-weight:900;letter-spacing:3px;line-height:1}
.lgbig em{position:absolute;top:13px;right:16px;font-style:normal;font-size:19px;font-weight:900;color:#fff;letter-spacing:1px}
.lgbig span{display:block;font-size:12px;color:#b9b9b9;letter-spacing:.5px;margin-top:5px}
.lgbig u{display:block;text-decoration:none;font-size:13px;color:#8a8a8a;letter-spacing:1px;margin-top:7px}
.lgbig i.tag{position:absolute;bottom:-2px;right:-2px;font-style:normal;font-size:9px;letter-spacing:2px;background:#e01019;padding:3px 8px}
.fmt{margin-top:7px;font-size:14px;font-weight:900;letter-spacing:1px;font-variant-numeric:tabular-nums}
.fmt i{font-style:normal;font-size:11px;font-weight:400;letter-spacing:2px;color:#8a8a8a;text-transform:uppercase;margin-left:9px}
.fmt i:first-child{margin-left:0}
.leagues{display:none}
.lg{border:2px solid rgba(255,255,255,.14);padding:8px 10px;position:relative;cursor:pointer;background:none;color:inherit;font:inherit;text-align:left;width:100%}
.lg:hover{border-color:rgba(255,255,255,.5)}
.lg b{display:block;font-size:13px;letter-spacing:2px}
.lg span{display:block;font-size:11px;color:#8a8a8a;letter-spacing:1px;margin-top:4px;line-height:1.5}
.lg.on{border-color:#e01019}
.lg.on i{position:absolute;top:-9px;right:8px;font-style:normal;font-size:9px;letter-spacing:2px;background:#e01019;padding:2px 6px}
.lg.lock{opacity:.35}
.lg.lock b:after{content:" ✕";color:#e01019;font-size:11px}
.wknd{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:16px}
.wk{border:2px solid rgba(255,255,255,.14);padding:12px 13px;background:rgba(255,255,255,.02)}
.wk.on{border-color:#e01019;background:rgba(224,16,25,.10)}
.wk>b{display:block;font-size:15px;font-weight:900;letter-spacing:3px;margin-bottom:10px}
.ln{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0}
.ln span{font-size:12px;letter-spacing:.5px;color:#8a8a8a;text-transform:uppercase}
.ln em{font-style:normal;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}
.fund{margin-top:9px;border-top:1px solid rgba(255,255,255,.15);padding-top:8px}
.fund span{display:block;font-size:12px;letter-spacing:1px;color:#8a8a8a;text-transform:uppercase;margin-bottom:2px}
.fund b{font-size:17px;font-weight:900;letter-spacing:1px}
.prize{display:none;gap:26px;margin-top:16px;border-top:1px solid rgba(255,255,255,.15);padding-top:14px}
.prize small{display:block;font-size:12px;letter-spacing:1px;color:#8a8a8a;margin-bottom:3px}
.prize b{font-size:19px;font-weight:900;letter-spacing:1px;font-variant-numeric:tabular-nums}
.entry{margin-top:12px}
.btn{
  background:#e01019;color:#fff;border:0;font:inherit;
  font-size:22px;font-weight:900;letter-spacing:3px;padding:20px 34px;cursor:pointer;
  text-transform:uppercase;width:100%;transition:.12s linear;
}
.btn:hover{background:#fff;color:#e01019}
.btn:hover{background:#fff;color:#e01019}
.entry span{display:block;color:#8a8a8a;font-size:12px;letter-spacing:1px;text-align:center}
.extreg{display:none;margin-top:12px}
.extreg .btn2{display:block;width:100%;text-align:center;text-decoration:none;box-sizing:border-box}
.extreg span{display:block;color:#8a8a8a;font-size:12px;letter-spacing:1px;text-align:center;margin-top:8px}

table{width:100%;border-collapse:collapse;font-size:14px;text-transform:none}
td{text-transform:none}
th{
  text-align:left;font-size:11px;letter-spacing:2px;color:#8a8a8a;
  font-weight:400;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.15)
}
td{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);letter-spacing:.5px}
td.num{color:#7a7a7a;width:26px}
td.c,th.c{width:60px}
td.r{text-align:right;font-variant-numeric:tabular-nums}
tr:hover td{color:#e01019}
th.r{text-align:right}
td.c,th.c{text-align:center}
.kg{color:#e01019;font-weight:700}

.row-bot .tile{min-height:290px}
.row-bot .tile .inner{min-height:100%;overflow:visible}
.mini{}

.mini .lead{font-size:12px;white-space:nowrap;color:#b9b9b9;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}
.mini table{font-size:14px}
.lv{font-style:normal;font-size:11px;letter-spacing:1px;padding:2px 6px}
.lv.pro{background:#e01019;color:#fff}
.lv.am{background:rgba(255,255,255,.16);color:#ddd}
.lv.rk{background:transparent;color:#7a7a7a;border:1px solid rgba(255,255,255,.2)}
.note{color:#8a8a8a;font-size:12px;line-height:1.5;padding-top:12px;border:0;letter-spacing:.5px}
.mini .bar{font-size:18px}

.rules{background:rgba(10,10,10,.55)}
.rulegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 30px}
.rulegrid h4{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:17px;letter-spacing:2px;color:#e01019;text-transform:uppercase;margin-bottom:11px;font-weight:900}
.rulegrid p{font-size:15px;line-height:1.6;color:#cfcfcf;letter-spacing:.2px;margin-bottom:10px;font-weight:500}
@media(max-width:1300px){.rulegrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.rulegrid{grid-template-columns:1fr}}

.plist{display:flex;flex-wrap:wrap;gap:9px}
.pchip{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);padding:6px 11px 6px 6px;font-size:13px;letter-spacing:.5px}
.pchip img{width:24px;height:24px;object-fit:cover}
.pchip i{font-style:normal;font-size:11px;letter-spacing:.5px;color:#8a8a8a;border:1px solid rgba(255,255,255,.2);padding:1px 5px}
.plist{display:flex;flex-wrap:wrap;gap:7px;max-height:140px;overflow:auto}
.pchip{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);padding:4px 9px 4px 4px;font-size:12px;letter-spacing:.5px}
.pchip img{width:20px;height:20px;object-fit:cover}
.pchip i{font-style:normal;font-size:8px;letter-spacing:1px;color:#8a8a8a;border:1px solid rgba(255,255,255,.2);padding:1px 4px}
.feedtile{background:rgba(10,10,10,.55);height:auto}
.feedtile .inner{height:auto;overflow:hidden;padding-bottom:16px}
.feed{height:150px;max-height:150px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}
.feed:empty{height:auto}
.feed:empty::before{content:"Пока тихо. Здесь появятся заявки, результаты и протесты.";color:#5a5a5a;font-size:14px}
.feed::-webkit-scrollbar{width:6px}
.feed::-webkit-scrollbar-track{background:transparent}
.feed::-webkit-scrollbar-thumb{background:#3a3a3a}
.ev{display:flex;align-items:baseline;gap:12px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;letter-spacing:.5px}
.ev time{color:#666;font-size:12px;letter-spacing:1px;width:52px;flex:none;font-variant-numeric:tabular-nums}
.ev b{font-weight:700}
.ev .act{color:#b9b9b9}
.ev .hi{color:#e01019;font-weight:700}
.ev.new{animation:slide .4s ease-out}
@keyframes slide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ev.new{animation:none}}

footer{padding:24px 34px 0;color:#666;font-size:12px;letter-spacing:2px}
.slogan{color:#fff;font-size:18px;font-weight:900;letter-spacing:1px;text-transform:none}

@media(max-width:1100px){
  .row-top{grid-template-columns:1fr}
  .racegrid{grid-template-columns:1fr}
  .row-bot{grid-template-columns:repeat(2,1fr)}
  .logo{font-size:56px}
}
@media(max-width:640px){
  .row-bot{grid-template-columns:1fr}
  .logo{font-size:44px}
  header{padding-top:26px}
  .wrap,header,footer{padding-left:18px;padding-right:18px}
  .race .track{font-size:30px}
  .timer b{font-size:34px}
}

/* ---------- телефон ---------- */
@media(max-width:760px){
  body{padding-bottom:20px}
  header{padding:14px 14px 10px;gap:10px;align-items:center}
  .logo{font-size:30px;letter-spacing:2px}
  .logo em{font-size:8px;letter-spacing:5px;margin-top:4px}
  .adslot{display:none}
  .langs{order:3}
  .dis{order:4;padding:7px 11px;font-size:11px}
  .user{order:5;flex-basis:100%;margin-left:0;gap:10px;justify-content:space-between;
        border-top:1px solid rgba(255,255,255,.12);padding-top:10px;flex-wrap:wrap}
  .stat.key{border-left-width:2px;padding-left:8px}
  .stat.key b{font-size:16px}
  .stat small{font-size:8px;letter-spacing:1px}
  #myav{width:26px;height:26px}
  .cab{font-size:10px;padding:7px 9px;letter-spacing:1px}

  .nav{padding:0 6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;
       scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nv{padding:12px 11px;font-size:11px;letter-spacing:1px;white-space:nowrap}

  .wrap{padding:12px 12px 0}
  .row{gap:12px}
  .row-top,.row-top .tile,.row-bot .tile,.feedtile{height:auto}
  .row-top .tile .inner,.feedtile .inner{height:auto;overflow:visible}
  .tile .inner{padding:14px 14px 16px}
  .bar{font-size:18px;margin:0 -14px 12px;padding:8px 14px}
  .champ{float:none;display:block;margin-top:6px;font-size:9px}

  .racehead{flex-direction:column;align-items:flex-start;gap:10px}
  .race .track{font-size:26px}
  .race .meta{font-size:12px}
  .timer{gap:22px;margin-top:4px}
  .timer b{font-size:30px}
  .three{grid-template-columns:1fr;gap:10px}
  .lg3.nodate{display:none}
  .lg3in{padding:12px}
  .lg3top b{font-size:19px}
  .car{min-height:0}

  .tabs{flex-wrap:wrap}
  .tabs .lead{flex-basis:100%;margin-top:6px;text-align:left;white-space:normal}
  table{font-size:12px}
  td{padding:6px 0}
  th{font-size:9px;letter-spacing:1px}
  .row-bot{grid-template-columns:1fr}
  .feed{height:auto;max-height:220px}
  .ev{font-size:12px;gap:8px}
  .ev time{width:38px;font-size:10px}

  .rulegrid{grid-template-columns:1fr;gap:16px}
  .rulegrid p{font-size:14px}

  .modal{padding:0}
  .modal .box{max-width:none;border-width:0;border-top:2px solid #e01019;padding:0 14px 20px;min-height:100vh}
  .modal .head{margin:0 -14px 16px;padding:12px 14px;font-size:18px}
  .modal table{font-size:12px}
  .modal .sub{font-size:11px}
  .regrow{flex-direction:column;align-items:stretch;gap:12px}
  .regbet{flex-wrap:wrap}
  .pickm{flex:1;min-width:70px;font-size:12px;padding:9px 8px}
  .btn2{width:100%;font-size:15px}
  .chatbox{height:180px}
  .chatrow{flex-direction:column}
  .chatrow input{font-size:16px}

  .gbox{padding:22px 18px}
  .glogo{font-size:34px}
  .gbtn{font-size:16px;padding:15px}
  .plist{max-height:none}
  footer{padding:18px 14px 0;font-size:10px}
  .slogan{font-size:15px}
}
@media(max-width:420px){
  .logo{font-size:25px}
  .race .track{font-size:22px}
  .timer b{font-size:26px}
  .stat.key b{font-size:14px}
}

/* =====================================================================
   ПОДСТРАНИЦЫ — раздел как полноценная страница в стиле плиток главной
   ===================================================================== */
body.subpage .modal:not(.open){display:none!important}
body.subpage .modal#modal.open, body.subpage .modal#pilotcard.open{
  position:static;inset:auto;display:block;overflow:visible;z-index:auto;
  background:none;padding:22px 36px 50px;min-height:auto;
}
body.subpage .modal#modal .box, body.subpage .modal#pilotcard .box{
  max-width:1400px;margin:0 auto;padding:6px 34px 34px;
  border:2px solid rgba(255,255,255,.13);border-top:3px solid #e01019;
  background:rgba(10,10,10,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
body.subpage .modal#pilotcard .box{max-width:620px}
body.subpage .modal .head{font-size:38px;padding:22px 0 14px;margin-bottom:14px}
body.subpage .modal .x{display:none}
body.subpage .modal .sub{font-size:14px;margin-bottom:26px;color:#9a9a9a}
body.subpage .modal:not(.full) #mtable th{
  font-size:12px;letter-spacing:2px;color:#8a8a8a;padding:0 10px 12px 0;
  border-bottom:2px solid rgba(255,255,255,.12);text-align:left
}
body.subpage .modal:not(.full) #mtable th.r{text-align:right}
body.subpage .modal:not(.full) #mtable td{padding:14px 10px 14px 0;border-bottom:1px solid rgba(255,255,255,.07)}
body.subpage .modal:not(.full) #mtable tr:hover td{background:rgba(224,16,25,.05)}
body.subpage .modal:not(.full) #mtable td.num{color:#e01019;font-weight:700;width:42px}
body.subpage footer{position:relative;z-index:2}
@media(max-width:760px){
  body.subpage .modal#modal.open, body.subpage .modal#pilotcard.open{padding:14px 10px 40px}
  body.subpage .modal#modal .box, body.subpage .modal#pilotcard .box{padding:4px 16px 22px}
  body.subpage .modal .head{font-size:28px}
}

/* =====================================================================
   КАЛЕНДАРЬ — сетка месяца, гонка карточкой в клетке дня
   ===================================================================== */
#mtable.calgrid{table-layout:fixed;border-collapse:separate;border-spacing:6px;margin:0 -6px;width:calc(100% + 12px)}
#mtable.calgrid td, #mtable.calgrid th{border:0;padding:0}
#mtable.calgrid td.calhead{padding:0 6px 18px;background:none!important}
#mtable .calnav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px}
#mtable .calnav b{
  font-family:"Barlow Condensed",Barlow,sans-serif;font-size:36px;font-weight:900;
  letter-spacing:3px;text-transform:uppercase;color:#fff
}
#mtable .calnav button{
  width:52px;height:52px;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.18);
  color:#fff;font:inherit;font-size:22px;cursor:pointer;transition:all .12s
}
#mtable .calnav button:hover{border-color:#e01019;background:#e01019}
#mtable.calgrid th.calwd{
  text-align:center;color:#8a8a8a;font-size:12px;font-weight:700;letter-spacing:3px;
  padding:10px 0;background:rgba(255,255,255,.03);border-bottom:2px solid rgba(255,255,255,.1)
}
#mtable.calgrid th.calwd.we{color:#e01019}
#mtable.calgrid td.calcell{
  height:150px;vertical-align:top;padding:8px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);
  transition:border-color .12s, background .12s
}
#mtable.calgrid td.calcell.we{background:rgba(224,16,25,.035)}
#mtable.calgrid td.calcell:hover{border-color:rgba(255,255,255,.25)}
#mtable.calgrid td.calcell.has{border-color:rgba(224,16,25,.55)}
#mtable.calgrid td.calcell.empty{background:none;border-color:transparent}
#mtable.calgrid td.calcell.past .calnum{opacity:.45}
#mtable .calnum{
  display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;
  font-size:15px;font-weight:700;color:#bdbdbd;margin-bottom:6px
}
#mtable td.calcell.today .calnum{background:#e01019;color:#fff;border-radius:50%}
#mtable a.calrace{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:100px;padding:8px 9px;margin-bottom:6px;overflow:hidden;text-decoration:none;
  background:#1d1d1d center/cover no-repeat;border-left:3px solid #e01019;
  transition:transform .12s
}
#mtable a.calrace:hover{transform:translateY(-2px)}
#mtable a.calrace::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.92) 100%)
}
#mtable a.calrace > span{position:relative;z-index:1;display:block;line-height:1.3}
#mtable .calrace-time{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:22px;font-weight:900;color:#fff}
#mtable .calrace-track{font-size:12px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.5px}
#mtable .calrace-car{font-size:11px;color:#b5b5b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mtable .calrace-lg{
  position:absolute!important;top:7px;right:7px;z-index:1;font-size:10px;font-weight:700;letter-spacing:1.5px;
  background:#e01019;color:#fff;padding:2px 6px
}
#mtable td.calup{padding:30px 6px 0!important;background:none!important}
.calup h3{
  font-family:"Barlow Condensed",Barlow,sans-serif;color:#e01019;font-size:24px;font-weight:900;
  letter-spacing:2px;text-transform:uppercase;border-bottom:2px solid #e01019;padding-bottom:10px;margin-bottom:16px
}
.calup .uplist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.calup a.upc{
  position:relative;display:block;height:150px;overflow:hidden;text-decoration:none;color:#fff;
  background:#1d1d1d center/cover no-repeat;border:2px solid rgba(255,255,255,.12);transition:border-color .12s
}
.calup a.upc:hover{border-color:#e01019}
.calup a.upc::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.25) 100%)}
.calup a.upc > div{position:relative;z-index:1;padding:16px 18px}
.calup .upd{font-size:12px;letter-spacing:2px;color:#e01019;font-weight:700;text-transform:uppercase}
.calup .upt{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:26px;font-weight:900;text-transform:uppercase;line-height:1.1;margin:6px 0}
.calup .upm{font-size:13px;color:#bdbdbd}
.calup .upnone{color:#8a8a8a;font-size:14px}
@media(max-width:760px){
  #mtable.calgrid{border-spacing:3px;margin:0 -3px;width:calc(100% + 6px)}
  #mtable.calgrid td.calcell{height:62px;padding:4px}
  #mtable .calnum{font-size:12px;min-width:22px;height:22px;margin:0}
  #mtable a.calrace{min-height:18px;padding:0;border-left:0;background-image:none!important;background:#e01019}
  #mtable a.calrace > span, #mtable a.calrace::before{display:none}
  #mtable .calnav b{font-size:24px}
  #mtable .calnav button{width:40px;height:40px}
}

/* =====================================================================
   КАЛЕНДАРЬ — компактно, чтобы месяц помещался на экран без прокрутки
   ===================================================================== */
body.subpage .modal .head{font-size:32px;padding:16px 0 10px;margin-bottom:10px}
body.subpage .modal .sub{margin-bottom:14px}
#mtable td.calhead{padding:0 6px 10px!important}
#mtable .calsimtabs{float:left;margin:0!important}
#mtable .calnav{justify-content:flex-end;margin-top:0;gap:14px}
#mtable .calnav b{font-size:30px;min-width:260px;text-align:center}
#mtable .calnav button{width:44px;height:44px;font-size:20px}
#mtable.calgrid th.calwd{padding:7px 0}
#mtable.calgrid td.calcell{height:clamp(66px, calc((100vh - 400px) / 6), 124px);padding:5px}
#mtable .calnum{min-width:24px;height:24px;font-size:13px;margin-bottom:3px}
#mtable td.calcell.other{background:rgba(255,255,255,.012);border-color:rgba(255,255,255,.035)}
#mtable td.calcell.other .calnum{color:#5a5a5a}
#mtable td.calcell.other.has{border-color:rgba(224,16,25,.45)}
#mtable a.calrace{min-height:calc(clamp(66px, calc((100vh - 400px) / 6), 124px) - 42px);padding:5px 7px;margin:0}
#mtable .calrace-time{font-size:18px}
#mtable .calrace-lg{top:5px;right:5px;font-size:9px;padding:1px 5px}
@media(max-height:820px){ #mtable .calrace-car{display:none} }
@media(max-width:980px){
  #mtable .calsimtabs{float:none;margin-bottom:10px!important}
  #mtable .calnav{justify-content:space-between}
  #mtable .calnav b{min-width:0;font-size:24px}
}

/* ---------- переключалка страниц для длинных списков ---------- */
.pager{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:22px}
.pager button{
  min-width:40px;height:40px;padding:0 10px;background:rgba(255,255,255,.04);
  border:2px solid rgba(255,255,255,.15);color:#cfcfcf;font:inherit;font-size:14px;font-weight:700;cursor:pointer;
  transition:all .12s
}
.pager button:hover:not(:disabled){border-color:#e01019;color:#fff}
.pager button.on{background:#e01019;border-color:#e01019;color:#fff}
.pager button:disabled{opacity:.3;cursor:default}
.pager span{color:#6a6a6a;padding:0 4px}
.pager em{font-style:normal;color:#8a8a8a;font-size:13px;letter-spacing:1px;margin-left:auto}

/* ---------- имя пилота — ссылка на карточку ---------- */
a.drvlink{color:#fff;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.3);transition:all .12s}
a.drvlink:hover{color:#e01019;border-bottom-color:#e01019}

/* ---------- всплывающая карточка гонщика ---------- */
.modal#pilotcard.pop, body.subpage .modal#pilotcard.open.pop{
  position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:20px;overflow:auto
}
.modal#pilotcard.pop .box, body.subpage .modal#pilotcard.pop .box{
  width:100%;max-width:560px;margin:auto;animation:dzpop .18s ease-out
}
body.subpage .modal#pilotcard.pop .x{display:block}
@keyframes dzpop{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.drvcard .dname{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:36px;font-weight:900;letter-spacing:1px;text-transform:uppercase;line-height:1.05}
.drvcard .dname img{width:28px;height:21px;margin-left:10px;vertical-align:4px}
.drvcard .dcar{color:#9a9a9a;font-size:14px;letter-spacing:1px;margin:6px 0 20px}
.drvcard .dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.drvcard .dgrid > div{background:rgba(255,255,255,.04);border-left:3px solid #e01019;padding:12px 14px}
.drvcard .dgrid small{display:block;font-size:11px;letter-spacing:2px;color:#8a8a8a;text-transform:uppercase}
.drvcard .dgrid b{display:inline-block;font-family:"Barlow Condensed",Barlow,sans-serif;font-size:32px;font-weight:900;line-height:1.1;margin-top:4px}
.drvcard .dgrid b.red{color:#e01019}
.drvcard .dgrid b.lap{font-size:22px}
.drvcard .dgrid i{font-style:normal;color:#8a8a8a;font-size:13px;margin-left:6px}
.drvcard .dhead{font-size:12px;letter-spacing:3px;color:#8a8a8a;text-transform:uppercase;margin:24px 0 10px;
  border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}
.drvcard .dh{display:flex;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.drvcard .dpos{flex:0 0 52px;text-align:center;font-family:"Barlow Condensed",Barlow,sans-serif;font-size:22px;font-weight:900;
  background:rgba(255,255,255,.06);padding:3px 0}
.drvcard .dpos.p1{background:#e8b73a;color:#111}
.drvcard .dpos.p3{background:#e01019}
.drvcard .dtr{font-size:14px;font-weight:700}
.drvcard .dtr i{display:block;font-style:normal;font-weight:400;font-size:12px;color:#8a8a8a;margin-top:2px}
@media(max-width:520px){ .drvcard .dgrid{grid-template-columns:repeat(2,1fr)} }

/* =====================================================================
   ЛИЧНЫЙ КАБИНЕТ
   ===================================================================== */
#cab{background:rgba(8,8,8,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#cab .box{background:none}
#cab .head{background:rgba(10,10,10,.92);border-bottom:3px solid #e01019;box-shadow:0 6px 24px rgba(0,0,0,.5)}
#cab #cabbody{max-width:1100px}
#cab .cabhero{display:flex;align-items:center;gap:24px;padding:26px 28px;margin-bottom:12px;
  background:linear-gradient(100deg,rgba(224,16,25,.22) 0%,rgba(10,10,10,.7) 55%);border:2px solid rgba(255,255,255,.1);border-left:4px solid #e01019}
#cab .cabav{width:110px;height:110px;flex:0 0 110px;object-fit:cover;border:3px solid #e01019;background:#1c1c1c}
#cab .cabname{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:46px;font-weight:900;letter-spacing:1px;line-height:1;text-transform:uppercase}
#cab .cabtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#cab .cabtags span{font-size:12px;font-weight:700;letter-spacing:2px;padding:5px 10px;border:2px solid rgba(255,255,255,.2);color:#cfcfcf}
#cab .cabtags .lgtag{background:#e01019;border-color:#e01019;color:#fff}
#cab .cabtags .admtag{border-color:#e8b73a;color:#e8b73a}
#cab .cabstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:6px}
#cab .cabstats > div{padding:18px 20px;background:rgba(10,10,10,.66);border:2px solid rgba(255,255,255,.1);border-top:3px solid #e01019}
#cab .cabstats small{display:block;font-size:12px;letter-spacing:2px;color:#8a8a8a;text-transform:uppercase}
#cab .cabstats b{display:block;font-family:"Barlow Condensed",Barlow,sans-serif;font-size:40px;font-weight:900;margin-top:6px;line-height:1}
#cab #cabbody > div[style*="border-top"]{
  margin-top:18px!important;padding:22px 26px!important;
  background:rgba(10,10,10,.66);border:2px solid rgba(255,255,255,.1)!important;border-top:3px solid #e01019!important
}
#cab #cabbody > #adm{border-top-color:#e8b73a!important;background:rgba(232,183,58,.04)}
#cab input:not([type=file]):not([type=checkbox]), #cab select, #cab textarea{
  background:rgba(0,0,0,.5)!important;border:2px solid rgba(255,255,255,.14)!important;color:#fff!important;
  transition:border-color .12s
}
#cab input:not([type=file]):not([type=checkbox]):focus, #cab select:focus, #cab textarea:focus{outline:none;border-color:#e01019!important}
#cab .plist{gap:8px}
@media(max-width:760px){
  #cab .cabhero{padding:18px;gap:16px}
  #cab .cabav{width:72px;height:72px;flex-basis:72px}
  #cab .cabname{font-size:32px}
  #cab .cabstats{grid-template-columns:repeat(2,1fr)}
  #cab #cabbody > div[style*="border-top"]{padding:16px!important}
}

/* ---------- календарь: карточка гонки не растягивает клетку ---------- */
#mtable.calgrid td.calcell{position:relative}
#mtable a.calrace{position:absolute;left:5px;right:5px;top:32px;bottom:5px;min-height:0!important;margin:0}
#mtable a.calrace::before{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.75) 50%,rgba(0,0,0,.95) 100%)}
#mtable .calrace-track{font-size:11px}
@media(max-width:760px){ #mtable a.calrace{top:26px;bottom:4px;left:3px;right:3px} }

/* ---------- сетапы: кнопка "Скачать" и оценка ---------- */
a.dlbtn{
  display:inline-flex;align-items:center;gap:7px;padding:8px 14px;
  background:#e01019;color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  border:2px solid #e01019;transition:all .12s;white-space:nowrap
}
a.dlbtn:hover{background:transparent;color:#e01019}
.votes{display:inline-flex;gap:6px;justify-content:flex-end;white-space:nowrap}
.votes .votebtn{margin:0;padding:7px 12px;font-size:14px;border-width:2px;background:rgba(255,255,255,.03)}

/* ---------- всплывающие разделы на главной ("Весь список" и т.п.) — тот же стиль, что у страниц ---------- */
.modal#modal:not(.full){background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:40px 24px}
.modal#modal:not(.full) .box{
  max-width:1100px;padding:6px 34px 30px;
  border:2px solid rgba(255,255,255,.13);border-top:3px solid #e01019;
  background:rgba(12,12,12,.9);box-shadow:0 18px 50px rgba(0,0,0,.55);animation:dzpop .18s ease-out
}
.modal#modal:not(.full) .head{font-size:32px;padding:18px 0 10px}
.modal#modal:not(.full) .sub{font-size:14px;margin-bottom:18px;color:#9a9a9a}
.modal:not(.full) #mtable th{font-size:12px;letter-spacing:2px;color:#8a8a8a;padding:0 10px 12px 0;border-bottom:2px solid rgba(255,255,255,.12);text-align:left}
.modal:not(.full) #mtable th.r{text-align:right}
.modal:not(.full) #mtable td{padding:12px 10px 12px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.modal:not(.full) #mtable tr:hover td{background:rgba(224,16,25,.05)}
.modal:not(.full) #mtable td.num{color:#e01019;font-weight:700;width:42px}
#mtable td img[src*="flagcdn"]{margin-left:8px}
@media(max-width:760px){ .modal#modal:not(.full){padding:12px 8px} .modal#modal:not(.full) .box{padding:4px 14px 20px} }

/* ---------- переключатель недель AC EVO ---------- */
.weektabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px}
.weektabs .wklbl{font-size:12px;letter-spacing:2px;color:#8a8a8a;text-transform:uppercase;margin-right:6px}
.weektabs button{
  display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:rgba(255,255,255,.04);
  border:2px solid rgba(255,255,255,.18);color:#bdbdbd;font:inherit;font-size:14px;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;cursor:pointer;transition:all .12s
}
.weektabs button i{font-style:normal;font-size:11px;color:#8a8a8a;background:rgba(255,255,255,.08);padding:1px 6px}
.weektabs button:hover{border-color:#e01019;color:#fff}
.weektabs button.on{background:#e01019;border-color:#e01019;color:#fff}
.weektabs button.on i{background:rgba(0,0,0,.25);color:#fff}
.weektabs.busy{opacity:.5;pointer-events:none}

/* ---------- календарь: картинка на весь куб, крупные числа, все симы ---------- */
#mtable .calnum{
  position:relative;z-index:3;font-size:17px;font-weight:900;color:#fff;min-width:30px;height:30px;
  text-shadow:0 1px 3px rgba(0,0,0,.9)
}
#mtable td.calcell.past .calnum{opacity:.6}
#mtable td.calcell.other .calnum{color:#8a8a8a;font-weight:700;font-size:14px}
#mtable td.calcell.has .calnum{background:rgba(0,0,0,.65);padding:0 7px}
#mtable td.calcell.today .calnum{background:#e01019;color:#fff;border-radius:0;padding:0 7px}
#mtable td.calcell.has{padding:0;border:2px solid #e01019}
#mtable td.calcell.has .calnum{position:absolute;top:6px;left:6px}
#mtable .calstack{position:absolute;inset:0;display:flex;flex-direction:column;gap:2px}
#mtable a.calrace{position:relative!important;inset:auto!important;left:auto;right:auto;top:auto;bottom:auto;flex:1;min-height:0!important;border-left:0;padding:6px 8px}
#mtable a.calrace::before{background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.92) 100%)}
#mtable .calrace-time{font-size:20px}
#mtable .calrace-track{font-size:11px;letter-spacing:.3px}
#mtable a.calrace .calrace-sim{
  position:absolute!important;top:6px;right:6px;z-index:2;font-size:9px;font-weight:900;letter-spacing:1.5px;
  padding:2px 6px;background:rgba(0,0,0,.7);color:#fff
}
#mtable a.calrace .calrace-lg{top:26px;right:6px}
#mtable a.sim-ac .calrace-sim{background:#e01019}
#mtable a.sim-lmu .calrace-sim{background:#2d6cdf}
#mtable a.sim-rf2 .calrace-sim{background:#e8b73a;color:#111}
@media(max-width:760px){
  #mtable .calnum{font-size:13px;min-width:22px;height:22px}
  #mtable td.calcell.has .calnum{top:3px;left:3px}
  #mtable a.calrace .calrace-sim,#mtable a.calrace .calrace-lg{display:none}
}

/* ---------- шапка всплывающих разделов: аккуратнее ---------- */
.modal#modal:not(.full){align-items:flex-start;padding:56px 24px 40px}
.modal#modal:not(.full) .box{margin:0 auto;padding:0 34px 30px}
.modal#modal:not(.full) .head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  font-size:26px;letter-spacing:2px;padding:24px 0 16px;margin-bottom:14px;border-bottom:2px solid #e01019
}
.modal#modal:not(.full) .head .x{
  position:static;flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  border:2px solid rgba(255,255,255,.18);color:#fff;font-size:20px;line-height:1;background:rgba(255,255,255,.03);transition:all .12s
}
.modal#modal:not(.full) .head .x:hover{border-color:#e01019;background:#e01019}
.modal#modal:not(.full) .sub{font-size:13px;letter-spacing:1.5px;margin:0 0 16px;color:#8a8a8a}
body.subpage .modal#modal .head{border-bottom:2px solid #e01019}

/* ---------- Темп: переключатели трассы и машины ---------- */
#mspeed{margin-bottom:16px}
#mspeed .weektabs{margin:0 0 8px}
#mspeed .cartabs button{padding:6px 12px;font-size:12px;letter-spacing:1px}
#mtable img.flg{vertical-align:middle;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
#mtable .n3{font-size:12px;color:#8a8a8a;letter-spacing:1px}

/* ---------- шапка всплывающих окон — как у плиток на главной ---------- */
.modal#modal:not(.full) .box, .modal#pilotcard.pop .box{
  border:2px solid rgba(255,255,255,.13);border-top:2px solid rgba(255,255,255,.13);
  background:rgba(14,14,14,.94);box-shadow:0 24px 60px rgba(0,0,0,.6);padding:0 30px 28px
}
.modal#modal:not(.full) .head, .modal#pilotcard.pop .head{
  font-family:"Barlow Condensed",Barlow,sans-serif;font-size:26px;font-weight:900;letter-spacing:2px;
  color:#e01019;text-transform:uppercase;padding:22px 0 10px;margin:0 0 12px;border-bottom:2px solid #e01019;
  display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.1
}
.modal#modal:not(.full) .head .x, .modal#pilotcard.pop .head .x{
  position:static;flex:0 0 auto;width:auto;height:auto;display:inline-flex;align-items:center;gap:8px;
  background:none;border:1px solid rgba(255,255,255,.4);color:#fff;
  font-family:Barlow,sans-serif;font-size:14px;font-weight:700;letter-spacing:0;padding:6px 10px;line-height:1;cursor:pointer;transition:all .12s
}
.modal#modal:not(.full) .head .x::before, .modal#pilotcard.pop .head .x::before{
  content:"ЗАКРЫТЬ";font-size:11px;letter-spacing:2px
}
.modal#modal:not(.full) .head .x:hover, .modal#pilotcard.pop .head .x:hover{border-color:#e01019;background:#e01019;color:#fff}
.modal#modal:not(.full) .sub{font-size:13px;letter-spacing:1.5px;color:#8a8a8a;margin:0 0 18px;text-transform:uppercase}
@media(max-width:760px){
  .modal#modal:not(.full) .box, .modal#pilotcard.pop .box{padding:0 16px 20px}
  .modal#modal:not(.full) .head, .modal#pilotcard.pop .head{font-size:21px}
  .modal#modal:not(.full) .head .x::before, .modal#pilotcard.pop .head .x::before{content:none}
}

/* ---------- логотип Speedline в цветах сайта ---------- */
.logo{padding-left:1.1em}
.logo::before{
  content:"";position:absolute;left:0;top:.12em;width:.95em;height:.66em;transform:skewX(-14deg);
  background:
    linear-gradient(#e01019,#e01019) right 0 top 0    / 100% .08em no-repeat,
    linear-gradient(#e01019,#e01019) right 0 top .19em / 76% .08em no-repeat,
    linear-gradient(#e01019,#e01019) right 0 top .38em / 52% .08em no-repeat,
    linear-gradient(#e01019,#e01019) right 0 top .57em / 84% .08em no-repeat;
}
.logo em{border-top:3px solid #e01019;padding-top:6px;margin-top:6px;color:#c9c9c9;font-weight:600}
@media(max-width:760px){ .logo em{border-top-width:2px;padding-top:4px;margin-top:4px} }

/* ---------- главная: зачёт без пунктира, блоки сессий на всю ширину ---------- */
#sttable a.drvlink{border-bottom:0}
#sttable a.drvlink:hover{color:#e01019}
.wknd{margin-top:auto;padding-top:22px}
.wknd div{flex:1 1 0;max-width:none;min-height:104px;display:flex;flex-direction:column;justify-content:center}
.wknd span{font-size:30px;line-height:1.05}
@media(max-width:760px){ .wknd div{flex:1 1 calc(50% - 6px);min-height:80px} .wknd span{font-size:22px} }

/* ---------- шапка: Discord и языки одного размера ---------- */
.langs{gap:2px;align-items:center}
.lang{height:36px;min-width:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:1.5px;border:2px solid transparent}
.lang.on{border-color:#e01019}
.dis{height:36px;padding:0 16px;display:inline-flex;align-items:center;font-size:12px;letter-spacing:2px;box-sizing:border-box}
@media(max-width:760px){
  .lang{height:30px;min-width:32px;padding:0 7px;font-size:11px}
  .dis{height:30px;padding:0 11px;font-size:11px}
}

/* ---------- ближайшая гонка: картинка видна в середине плитки ---------- */
.race::before{opacity:.85;filter:saturate(1) contrast(1.05)}
.race::after{
  background:
    linear-gradient(180deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.72) 26%,rgba(10,10,10,.18) 46%,rgba(10,10,10,.22) 58%,rgba(10,10,10,.85) 76%,rgba(10,10,10,.95) 100%),
    linear-gradient(90deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,0) 55%);
}
.race .track, .race .meta, .race .timer{text-shadow:0 2px 10px rgba(0,0,0,.85)}
.wknd div{background:rgba(10,10,10,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}

/* ---------- поля в кабинете: тёмный календарь, без голубой подсветки автозаполнения ---------- */
#cab input, #cab select{color-scheme:dark}
#cab input[type=datetime-local], #cab input[type=date], #cab input[type=time]{cursor:pointer}
#cab input::-webkit-calendar-picker-indicator{opacity:.8;cursor:pointer}
#cab input::-webkit-calendar-picker-indicator:hover{opacity:1}
#cab input:-webkit-autofill, #cab input:-webkit-autofill:hover, #cab input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #0b0b0b inset!important;caret-color:#fff;transition:background-color 9999s
}
html[lang=en] .modal#modal:not(.full) .head .x::before, html[lang=en] .modal#pilotcard.pop .head .x::before{content:"CLOSE"}
html[lang=de] .modal#modal:not(.full) .head .x::before, html[lang=de] .modal#pilotcard.pop .head .x::before{content:"SCHLIESSEN"}

/* =====================================================================
   ТЕЛЕФОН: крупнее и читаемее
   ===================================================================== */
@media(max-width:760px){
  body{font-size:15px}
  .logo em{font-size:10px;letter-spacing:5px}
  .nv{font-size:13px;padding:14px 12px}
  .cab, .cab.out{font-size:12px}
  /* вкладки игр в одну строку */
  .tabs.rtabs, .tabs.stabs{flex-wrap:nowrap;gap:6px}
  .tabs.rtabs .tb, .tabs.stabs .tb{flex:1 1 0;min-width:0;padding:11px 4px;font-size:13px;letter-spacing:1px;text-align:center}
  .tabs .lead{white-space:normal;text-align:left;font-size:13px}
  .bar{font-size:22px}
  /* ближайшая гонка */
  .race .meta{font-size:15px;line-height:1.4}
  .timer small, .timer span{font-size:12px}
  .wknd b{font-size:12px}
  /* зачёт на главной: без столбца машины, всё влезает */
  #sttable th, #sttable td{font-size:15px}
  #sttable th{font-size:12px}
  #sttable th:nth-child(3), #sttable td:nth-child(3){display:none}
  #sttable td:first-child{font-size:13px}
  /* плитки рейтингов */
  #safetytable td, #banktable td, #speedtable td, #respecttable td{font-size:16px;padding-top:9px;padding-bottom:9px}
  .mini .lead, .tile .lead{font-size:13px}
  /* разделы и окна */
  .modal .sub, body.subpage .modal .sub{font-size:13px}
  #mtable td{font-size:15px}
  #mtable th{font-size:12px}
  .modal:not(.full) .regmain, body.subpage .regmain{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #mtable:not(.calgrid) td:not(:last-child){white-space:nowrap}
  .pager button{min-width:44px;height:44px;font-size:15px}
  .pager em{font-size:13px;width:100%;margin:6px 0 0}
  .weektabs button{font-size:13px;padding:9px 12px}
  #mtable.calgrid th.calwd{font-size:12px;letter-spacing:1px}
  #mtable .calnum{font-size:14px}
  .drvcard .dgrid small{font-size:12px}
  .drvcard .dtr{font-size:15px}
  .drvcard .dtr i{font-size:13px}
  footer{font-size:12px}
  .slogan{font-size:16px}
  /* кнопка фона — в поток страницы, не поверх контента */
  #bgbtn{position:static!important;margin:12px auto 0;right:auto;bottom:auto}
}
@media(max-width:760px){
  nav.nav .nv{font-size:13px;padding:14px 12px}
  header .lang{height:34px;min-width:36px;font-size:13px}
  header .dis{height:34px;font-size:13px;padding:0 13px}
}
@media(max-width:760px){
  .tabs.stabs{flex-wrap:wrap}
  .tabs.stabs .tb{flex:1 1 28%}
  .tabs.stabs .lead{flex:1 0 100%;margin-top:4px}
  .wknd.on{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .wknd div{min-height:78px;padding:12px 14px}
  .wknd span{font-size:21px}
  #bgbtn{background:none!important;border:1px solid rgba(255,255,255,.3)!important;color:#cfcfcf!important;font-size:12px!important;padding:8px 14px!important;display:block}
}
body.subpage .modal#modal .head .x{display:none!important}
@media(max-width:760px){
  #mtable .calsimtabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  #mtable .calsimtabs .tb{padding:10px 4px;font-size:13px;min-width:0}
  #mtable[data-key=acstats] th:nth-child(3), #mtable[data-key=acstats] td:nth-child(3),
  #mtable[data-key=standings] th:nth-child(3), #mtable[data-key=standings] td:nth-child(3),
  #mtable[data-key=speed] th:nth-child(3), #mtable[data-key=speed] td:nth-child(3){display:none}
  #mtable[data-key=acstats] td, #mtable[data-key=acstats] th{padding-right:8px}
}
@media(max-width:760px){
  #mtable[data-key=acstats] th:nth-child(7), #mtable[data-key=acstats] td:nth-child(7){display:none}
  #mtable[data-key=acstats] td, #mtable[data-key=acstats] th{padding-right:6px}
  #mtable[data-key=acstats] th{letter-spacing:.5px;font-size:11px}
  #mtable[data-key=acstats] td:nth-child(2){white-space:normal;max-width:140px}
  #mtable[data-key=acstats] td.num{width:26px}
}
@media(max-width:760px){
  body.subpage .modal#modal.open{padding:10px 6px 30px}
  body.subpage .modal#modal .box{padding:2px 12px 18px}
  .modal#modal:not(.full){padding:10px 6px}
  .modal#modal:not(.full) .box{padding:0 12px 18px}
  #mtable td:nth-child(2){white-space:normal!important}
  #mtable[data-key=shop] td, #mtable[data-key=contacts] td, #mtable[data-key=rules] td,
  #mtable[data-key=protest] td, #mtable[data-key=mods] td, #mtable[data-key=skins] td{white-space:normal!important}
  #mtable[data-key=contacts] td:nth-child(2), #mtable[data-key=rules] td:nth-child(2){white-space:nowrap!important;padding-right:10px}
  #mtable[data-key=results] th:nth-child(4), #mtable[data-key=results] td:nth-child(4),
  #mtable[data-key=results] th:nth-child(6), #mtable[data-key=results] td:nth-child(6),
  #mtable[data-key=results] th:nth-child(7), #mtable[data-key=results] td:nth-child(7),
  #mtable[data-key=acstats] th:nth-child(6), #mtable[data-key=acstats] td:nth-child(6){display:none}
  #mtable[data-key=results] td:nth-child(3){white-space:normal!important}
}
@media(max-width:760px){
  #mtable[data-key=results] td:nth-child(5){white-space:normal!important}
  #mtable[data-key=contacts] td{overflow-wrap:anywhere}
  #mtable[data-key=contacts] td:nth-child(2){white-space:normal!important;max-width:110px}
  #mtable[data-key=speed] td, #mtable[data-key=speed] th{padding-right:6px}
  #mtable[data-key=speed] th{letter-spacing:.5px}
}
@media(max-width:760px){ #mtable th{white-space:normal!important;line-height:1.25;vertical-align:bottom} }
@media(max-width:760px){ #mtable td.num, .modal:not(.full) #mtable td.num, body.subpage .modal:not(.full) #mtable td.num{width:24px;padding-right:4px;font-size:13px} }

/* ---------- страница чемпионата: набор и опросы ---------- */
#mchamp{margin-top:6px}
.chtop{padding:22px 24px;background:linear-gradient(100deg,rgba(224,16,25,.18) 0%,rgba(10,10,10,.5) 60%);border:2px solid rgba(255,255,255,.1);border-left:4px solid #e01019;margin-bottom:22px}
.chcount{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.chcount b{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:64px;font-weight:900;line-height:1;color:#fff}
.chcount span{font-size:26px;font-weight:700;color:#8a8a8a}
.chcount em{font-style:normal;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#cfcfcf;margin-left:10px}
.chbar{height:12px;background:rgba(255,255,255,.08);margin:14px 0 12px;overflow:hidden}
.chbar i{display:block;height:100%;background:#e01019;transition:width .5s ease}
.chnote{color:#9a9a9a;font-size:14px;line-height:1.55;max-width:760px}
.chact{margin-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.chact .btn2{font-size:15px;padding:14px 26px}
.chok{font-size:16px;font-weight:700;color:#7ed17e;letter-spacing:1px}
.chlink{background:none;border:0;color:#9a9a9a;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.chlink:hover{color:#e01019}
.chsec{margin-bottom:26px}
.chsec h3{font-family:"Barlow Condensed",Barlow,sans-serif;color:#e01019;font-size:22px;font-weight:900;letter-spacing:2px;text-transform:uppercase;border-bottom:2px solid #e01019;padding-bottom:8px;margin-bottom:14px}
.chlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.chp{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.chp.me{border-color:#e01019;background:rgba(224,16,25,.08)}
.chp i{font-style:normal;color:#e01019;font-weight:700;min-width:20px;font-size:13px}
.chp img,.chp .chav{width:32px;height:32px;object-fit:cover;background:#2a2a2a;flex:0 0 32px}
.chp span{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chempty{color:#8a8a8a;font-size:15px}
.chwarn{padding:16px;border:2px solid #e8b73a;color:#e8b73a;font-size:14px}
.chpolls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}
.chpoll{padding:16px 18px;background:rgba(255,255,255,.035);border:2px solid rgba(255,255,255,.08)}
.chpoll h4{font-size:16px;font-weight:700;margin:0 0 12px;color:#fff}
.chopt{position:relative;display:flex;align-items:center;gap:10px;width:100%;margin:0 0 7px;padding:11px 12px;overflow:hidden;
  background:rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.12);color:#fff;font:inherit;font-size:15px;cursor:pointer;text-align:left;transition:border-color .12s}
.chopt:hover{border-color:rgba(255,255,255,.4)}
.chopt.on{border-color:#e01019}
.chopt i{position:absolute;left:0;top:0;bottom:0;background:rgba(224,16,25,.22);transition:width .5s ease}
.chopt.on i{background:rgba(224,16,25,.4)}
.chopt span,.chopt b,.chopt em{position:relative;z-index:1}
.chopt span{flex:1}
.chopt b{font-size:15px}
.chopt em{font-style:normal;font-size:12px;color:#9a9a9a;min-width:22px;text-align:right}
.chtot{font-size:12px;color:#8a8a8a;letter-spacing:1px;margin-top:4px}
@media(max-width:760px){
  .chtop{padding:16px}
  .chcount b{font-size:48px}
  .chact .btn2{width:100%;text-align:center}
  .chlist{grid-template-columns:1fr 1fr}
}
.chp{min-width:0}
@media(max-width:760px){ .chlist{grid-template-columns:1fr!important} }

/* ---------- опросы: число голосов крупно, несколько ответов ---------- */
.chopt{padding:12px 14px}
.chopt b{font-size:17px;min-width:48px;text-align:right}
.chopt em{font-style:normal;font-size:15px;font-weight:700;color:#fff;background:rgba(255,255,255,.1);min-width:30px;padding:3px 8px;text-align:center}
.chopt.on em{background:#e01019}
.chopt.on span::before{content:"✓ ";color:#fff;font-weight:700}
.chtot{font-size:14px;color:#bdbdbd;letter-spacing:.5px;margin-top:8px}
.chpolls{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}

/* ---------- поиск пилота над списками ---------- */
.searchbox{display:flex;align-items:center;gap:14px;margin:0 0 14px;flex-wrap:wrap}
.searchbox input{
  flex:1 1 280px;max-width:420px;height:44px;padding:0 14px 0 40px;font:inherit;font-size:15px;color:#fff;
  background:rgba(0,0,0,.45) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2.4'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 12px center no-repeat;
  border:2px solid rgba(255,255,255,.15);outline:none;transition:border-color .12s
}
.searchbox input:focus{border-color:#e01019}
.searchbox input::placeholder{color:#7a7a7a}
.searchbox .sres{font-size:13px;letter-spacing:1px;color:#9a9a9a}
@media(max-width:760px){ .searchbox input{max-width:none;font-size:16px} }

/* ---------- админка: список гонок по чемпионатам, сворачивается ---------- */
#admraces{display:flex;flex-direction:column;gap:6px}
#admraces details.rg{border:2px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3)}
#admraces details.rg[open]{border-color:rgba(255,255,255,.22)}
#admraces summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 14px;cursor:pointer;list-style:none;user-select:none}
#admraces summary::-webkit-details-marker{display:none}
#admraces summary::before{content:"▸";color:#e01019;font-size:14px;transition:transform .15s}
#admraces details[open] summary::before{transform:rotate(90deg)}
#admraces summary b{font-size:15px;color:#fff}
#admraces .rgs{font-size:12px;letter-spacing:1px;color:#9a9a9a;text-transform:uppercase}
#admraces .rgc{font-size:13px;color:#bdbdbd}
#admraces .rgn{font-size:13px;color:#5fbf6a;margin-left:auto}
#admraces .rgb{padding:2px 14px 10px}
#admraces .rr{display:grid;grid-template-columns:minmax(150px,1.6fr) 70px 140px 90px 110px auto;gap:10px;align-items:center;
  padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px;color:#9a9a9a}
#admraces .rr b{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#admraces .rr.edit{border-left:3px solid #e8b73a;padding-left:8px}
#admraces .rr.done{opacity:.6}
#admraces .rr .img.ok{color:#5fbf6a}
#admraces .rr .act{display:flex;gap:12px;justify-content:flex-end;white-space:nowrap}
#admraces .rr .act button{background:none;border:0;font:inherit;cursor:pointer;padding:0}
#admraces .rr .act em{font-style:normal;color:#5a5a5a}
#admraces .a-done{color:#5fbf6a}#admraces .a-edit{color:#e8b73a}#admraces .a-drop{color:#e01019}
#admraces .rgd{margin-top:8px;background:none;border:1px solid rgba(255,255,255,.2);color:#bdbdbd;font:inherit;font-size:12px;padding:5px 10px;cursor:pointer}
#admraces .rgd:hover{border-color:#e01019;color:#fff}
#admraces .rge{color:#6a6a6a;font-size:13px;padding:8px 0}
@media(max-width:760px){
  #admraces .rr{grid-template-columns:1fr auto;row-gap:2px}
  #admraces .rr .rn,#admraces .rr .img{display:none}
  #admraces .rr .act{grid-column:1 / -1;justify-content:flex-start}
  #admraces .rgn{margin-left:0}
}

/* ---------- СЕТАПЫ: карточки машин, трассы, список ---------- */
.sthint{color:#9a9a9a;font-size:14px;margin:0 0 16px}
.stcars{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.stcar{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:130px;padding:18px 20px;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.35));border:2px solid rgba(255,255,255,.1);border-left:4px solid var(--bc);
  color:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform .12s,border-color .12s}
.stcar:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3);border-left-color:var(--bc)}
.stcar .stbrand{position:absolute;right:-6px;bottom:-14px;font-family:"Barlow Condensed",Barlow,sans-serif;font-size:62px;font-weight:900;
  font-style:italic;color:var(--bc);opacity:.18;letter-spacing:2px;pointer-events:none}
.stcar b{font-size:18px;line-height:1.2;position:relative}
.stcar em{font-style:normal;font-size:13px;color:#bdbdbd;position:relative;margin-top:auto}
.sthead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px}
.sthead b{font-family:"Barlow Condensed",Barlow,sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.stback{background:none;border:2px solid rgba(255,255,255,.2);color:#fff;font:inherit;font-size:13px;padding:8px 14px;cursor:pointer}
.stback:hover{border-color:#e01019;background:#e01019}
.stlist{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.stitem{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;padding:12px 16px;
  background:rgba(255,255,255,.035);border:2px solid rgba(255,255,255,.08)}
.stmain b{display:block;font-size:16px}
.stmain span{font-size:13px;color:#9a9a9a}
.stcnt{display:flex;align-items:center;gap:6px;color:#bdbdbd}
.stcnt b{font-size:17px;color:#fff}
.stno{color:#5a5a5a;font-size:13px}
button.dlbtn{cursor:pointer;font-family:inherit}
.dlbtn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.dlbtn.ghost:hover{border-color:#e01019;color:#e01019}
@media(max-width:760px){
  .stcars{grid-template-columns:1fr 1fr;gap:8px}
  .stcar{min-height:110px;padding:14px}
  .stcar b{font-size:15px}
  .stitem{grid-template-columns:1fr auto;row-gap:10px}
  .stitem .votes{justify-content:flex-start}
  .stitem .dlbtn{justify-self:end}
}
button.dlbtn{
  display:inline-flex;align-items:center;gap:7px;padding:8px 14px;
  background:#e01019;color:#fff;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  border:2px solid #e01019;transition:all .12s;white-space:nowrap;line-height:1.2
}
button.dlbtn:hover{background:transparent;color:#e01019}
button.dlbtn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);text-transform:none;letter-spacing:.5px;font-size:13px}
button.dlbtn.ghost:hover{border-color:#e01019;color:#e01019}