/* LapLeague race-weekend theme. Shared by the game, F1 data and administration. */
:root{--bg:#0b0d12;--panel:#14171f;--line:#2a2e38;--muted:#a4a9b5;--lime:#ff534b;--race-red:#e82923;--white:#f5f6fa}
body{background:radial-gradient(ellipse at 90% 0,rgba(197,30,30,.10),transparent 35%),var(--bg);color:var(--white)}
body::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--race-red) 0 23%,#f4f4f4 23% 25%,#252a35 25%)}
header{height:88px;padding:0 max(4vw,20px);background:#101218;border-bottom:1px solid #333641;gap:28px}
.brand{color:#fff;font-size:27px;letter-spacing:-1.2px;white-space:nowrap}.brand::first-letter{color:var(--race-red)}.brand span{font-size:8px;letter-spacing:4px;color:#989eac;margin-top:4px}
header nav{gap:23px;min-width:0}header nav a{position:relative;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;border-bottom:3px solid transparent;transition:color .15s,border-color .15s}header nav a:hover{color:#fff}header nav a.active{color:#fff;border-color:var(--race-red)}
.account{flex-shrink:0}.account>a{border:1px solid #454a57;padding:10px 14px;color:#fff;border-radius:3px}
main{max-width:1500px;padding:40px 4vw 0}.eyebrow{color:#b4bac7;font-family:monospace;font-size:10px;letter-spacing:2.5px}.eyebrow::before{content:"";display:inline-block;width:20px;height:3px;background:var(--race-red);margin:0 10px 3px 0}
.hero{position:relative;min-height:410px;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #343844;border-right:1px solid #343844;border-top-right-radius:60px;padding:15px 24px 25px 0;margin-top:20px;isolation:isolate}
.hero h1{font-size:clamp(64px,7.6vw,112px);font-style:italic;line-height:.87;letter-spacing:-1.5px;margin:26px 0}.hero em{color:var(--race-red)}.hero p{max-width:470px;color:#b3bac8;font-size:14px;line-height:1.9;margin:26px 0}
.primary,button.primary{background:var(--race-red);color:#fff;border:1px solid #ff5952;border-radius:4px 4px 14px 4px;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:16px 22px;box-shadow:0 4px 20px #b3151514;transition:background .15s,transform .15s}.primary:hover{background:#ff3c33;color:#fff;transform:translateY(-1px)}
button:not(.primary):not(.quiet){background:#262b36;color:#f5f6fa;border:1px solid #454c5c;border-radius:4px;padding:11px 16px}button:not(.primary):not(.quiet):hover{background:#343b49}button:disabled{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:4px}.quiet{color:#c5cad4;text-underline-offset:5px}
.race-art{height:360px;border-radius:8px 46px 8px 8px;background:repeating-linear-gradient(120deg,transparent 0 47px,#ffffff03 48px 49px),radial-gradient(ellipse at 55% 55%,#58201e 0,#1b141a 42%,transparent 75%)}
.race-art::before{content:"";position:absolute;width:74%;height:5px;top:59%;left:14%;background:#e82923;transform:rotate(-20deg);box-shadow:0 14px 0 #e8292320,0 -14px 0 #e8292320}
.race-art::after{content:"RACE MODE / ON";position:absolute;left:20px;top:25px;font:10px monospace;letter-spacing:2px;color:#d29c99}.race-art img{top:36px;filter:drop-shadow(0 25px 15px #0009);transform:scale(1.05)}.speed{font-size:280px;color:#ffffff05;top:8px;right:5%;-webkit-text-stroke:1px #ffffff12}.orbit{border-color:#85514d55;width:90%;height:180px;left:5%;top:105px;border-radius:65px;transform:rotate(-20deg)}.orbit.two{width:80%;height:140px;top:125px;left:10%;border-color:#85514d30}.art-label{font:9px monospace;color:#c5a29e;letter-spacing:2px;bottom:24px}
.weekend{background:linear-gradient(100deg,#221519,#151821 60%);border:1px solid #39303a;border-left:4px solid var(--race-red);border-radius:0 12px 0 0;margin:25px 0 42px;padding:23px}.weekend strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;text-transform:uppercase;letter-spacing:.5px}.live-dot{background:var(--race-red);box-shadow:0 0 0 4px #e8292320}.tag{border-color:#444a58;background:#ffffff04;color:#cfd4de!important;font-family:monospace;padding:9px 11px}
h2{letter-spacing:.5px}.section-head h2{font-style:italic;font-size:40px}.page-title,.auth-panel h1{font-style:italic;letter-spacing:-.7px}
.stats{background:#13161d;border-radius:0 14px 0 0;border-top:2px solid #626a7d;margin-bottom:24px}.stats article{padding:22px}.stats article>span{text-transform:uppercase;letter-spacing:1.2px;font-size:9px}.stats strong{font:700 35px 'Barlow Condensed',Impact,sans-serif;font-variant-numeric:tabular-nums}.stats article:first-child strong{color:#fff}.stats small{color:#a0a8b8}.meter{background:#333744;height:4px}.meter i{background:var(--race-red)}
.drivers{gap:16px}.driver{border-radius:0 16px 4px 4px;background:linear-gradient(160deg,#1b202a,#11151d);transition:border-color .15s,transform .15s}.driver:hover{transform:translateY(-3px);border-color:#667084}.driver.chosen{border-color:var(--race-red);box-shadow:0 0 0 1px var(--race-red)}.driver.chosen::after{content:"PÅ HOLDET";position:absolute;right:10px;top:12px;background:var(--race-red);color:#fff;padding:5px 7px;font:8px monospace;letter-spacing:1px}
.driver-top{height:150px;background:linear-gradient(150deg,color-mix(in srgb,var(--team) 18%,#171b24),#14171f);border-top-width:4px}.number{font-size:115px;opacity:.18;top:15px}.driver .initials{font-size:30px;color:#fff;z-index:2}.driver-top .f1-thumb{position:absolute;height:140px;width:120px;object-fit:contain;bottom:0;right:0;margin:0}.driver-top:has(img) .initials{font-size:22px;text-shadow:0 2px 8px #000}
.driver-body{padding:19px 16px}.driver-body small{letter-spacing:1.1px;font-size:8px}.driver h3{font-size:27px;line-height:1.05}.driver-meta{border-top:1px solid #333946;padding-top:14px;font-variant-numeric:tabular-nums}.pick{padding-top:7px}.pick input{accent-color:var(--race-red)}
input,select{background:#11151d;border-color:#454d5d;border-radius:3px;color:#fff;min-height:42px}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--race-red)}.stack label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.stack input[type=checkbox],.stack input[type=radio]{display:inline-block;width:18px;height:18px;margin:0;flex-shrink:0}
.panel{background:linear-gradient(135deg,#191d27,#13161e);border:1px solid #343b48;border-top:3px solid #515c70;border-radius:0 16px 4px 4px;margin-bottom:18px}.panel h2{font-size:30px}.panel p{line-height:1.8}.panel .stack{margin:18px 0}.panel>form+form{border-top:1px solid #303744;padding-top:20px}
.notice{background:#171e2b;border-color:#36445c;color:#d0d9eb;border-left:3px solid #6e8cbb;border-radius:0 8px 0 0}.notice.error{background:#2a161b;border-color:#8f3545;color:#ffd0d7}.notice.success{color:#b2f2d2;border-left-color:#3bd39a}.auth-panel{border-top:4px solid var(--race-red);padding-top:22px}
.race-list article{padding:24px 20px;background:#131720;margin-bottom:9px;border:1px solid #303744;border-left:3px solid #414b5d;border-radius:0 12px 0 0}.race-list article:hover{border-left-color:var(--race-red)}.round-no{color:#ff534b;font-style:italic;font-size:46px}.race-list h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:27px}.race-list a{color:#d8dce6;text-underline-offset:5px}
.table-wrap{border:1px solid #343a47;border-top:3px solid var(--race-red);border-radius:0 12px 0 0;background:#12161e}th{background:#1d222d;color:#c6ccda;font:10px monospace;letter-spacing:1.5px}td{font-variant-numeric:tabular-nums}tbody tr:nth-child(even){background:#ffffff03}tbody tr:hover{background:#ffffff07}tr.me{background:#e8292318;color:#fff}td:first-child{font-family:monospace;color:#c8ceda}.table-wrap tr:last-child td{border-bottom:0}
.league-tabs{height:auto;gap:8px}.league-tabs a{background:#171c25;border:1px solid #394252;color:#c4ccd9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-radius:3px;padding:13px 18px}.league-tabs a:hover{background:#252c39;color:#fff}.league-tabs a[aria-current=page]{background:#e82923;color:#fff;border-color:#ff544a}
.f1-facts dt{color:#a7afbf;font-size:11px}.f1-facts dd{font-variant-numeric:tabular-nums;font-size:12px}.f1-photo{height:190px;background:radial-gradient(ellipse at bottom,#3e475e,transparent 70%);border-bottom:1px solid #444b5a}.f1-logo{padding:12px;background:#eff1f5;border-radius:4px}.f1-circuit{background:#eff1f5;border-radius:4px}.drivers>.panel{padding:20px;min-width:0}.drivers>.panel h2{font-size:30px;overflow-wrap:anywhere}
.team-footer{background:#10141cf2;backdrop-filter:blur(14px);border-top:2px solid var(--race-red);padding:18px 20px;border-radius:0 10px 0 0}.bottom{border-top:6px solid transparent;border-image:repeating-linear-gradient(90deg,#424957 0 16px,#10141c 16px 32px) 6;padding-top:32px;margin-top:28px}.bottom .eyebrow{color:#ff817a}.bottom h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;text-transform:uppercase}.bottom p{color:#a4adbc}footer p{color:#99a3b5}footer{padding-bottom:35px}.rules p{color:#b5bdcb}
@media(min-width:1100px){.drivers:has(>.panel){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){header{height:auto;min-height:86px;flex-wrap:wrap;gap:16px;padding-top:18px}.account{margin-left:auto}header nav{order:3;width:100%;height:48px;justify-content:flex-start;overflow-x:auto;gap:26px}header nav a{flex-shrink:0}.hero h1{font-size:80px}.drivers:has(>.panel){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){main{padding:27px 5vw 0}.hero{grid-template-columns:1fr;padding-right:0;border-top-right-radius:34px;gap:0}.hero h1{font-size:clamp(62px,14vw,86px)}.hero p{font-size:13px}.race-art{height:240px;margin-top:18px}.race-art img{top:0;max-height:240px}.speed{font-size:220px}.art-label{font-size:8px;right:12px;bottom:12px;letter-spacing:1px}.race-art::after{font-size:8px;top:12px}.orbit{top:50px;height:130px}.orbit.two{top:70px;height:90px}.weekend{gap:14px;padding:18px;margin-top:18px}.weekend strong{font-size:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats strong{font-size:29px}.stats article{padding:18px 14px}.section-head h2{font-size:32px}.section-head{gap:12px}.section-head>a{font-size:10px;text-align:right}.team-footer{padding:16px}.race-list article{padding:17px 12px;gap:14px}.race-list .round-no{font-size:35px}.race-list h3{font-size:23px}.drivers>.panel{padding:18px}.league-tabs{gap:7px}.league-tabs a{padding:10px 12px;font-size:10px}.bottom{gap:12px}header .brand{font-size:24px}header nav{gap:22px}.f1-facts>div{gap:10px}}
@media(max-width:420px){.drivers:has(>.panel){grid-template-columns:1fr}.driver-body{padding:14px 11px}.driver h3{font-size:23px}.driver-top{height:125px}.driver-top .f1-thumb{height:115px;width:90px}.driver .initials{font-size:25px}.tag{font-size:9px}.hero h1{font-size:63px}.account>a{padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.driver:hover,.primary:hover{transform:none}}