:root{--accent:#e10600;--accent2:#ff8a00;--bg-grad:radial-gradient(1200px 800px at 10% 0%, #2a0a12 0%, transparent 60%), radial-gradient(1000px 700px at 100% 100%, #0b1f3a 0%, transparent 60%), linear-gradient(160deg, #07080d, #0d1018 60%, #07080d);--glass-blur:18px;--glass-alpha:.14;--glass-tint:#ffffff24;--text:#eef1f7;--muted:#9aa3b5;--line:#ffffff1f;--ok:#22c55e;--warn:#facc15;--bad:#ef4444;--blue:#3b82f6;--r:18px;--r-sm:12px;--shadow:0 10px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:#07080d;background-image:var(--bg-grad);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:14px;line-height:1.45;overflow-x:hidden}body:before,body:after{content:"";filter:blur(90px);opacity:.22;z-index:-1;border-radius:50%;width:46vmax;height:46vmax;animation:26s ease-in-out infinite alternate float;position:fixed}body:before{background:var(--accent);top:-18vmax;left:-12vmax}body:after{background:var(--accent2);animation-delay:-9s;bottom:-20vmax;right:-14vmax}@keyframes float{to{transform:translate(8vmax,6vmax)scale(1.15)}}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5em;font-weight:700}h1{font-size:28px}h2{font-size:20px}h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:15px}a{color:var(--accent2)}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.right{margin-left:auto}.center{text-align:center}.hidden{display:none!important}.glass{background:var(--glass-tint);background:linear-gradient(145deg, color-mix(in srgb, var(--glass-tint) 100%, transparent), rgba(255, 255, 255, calc(var(--glass-alpha) * .35)));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14}.panel{padding:16px}.panel-title{align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel-title h3{margin:0}button,.btn{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff14;border-radius:12px;padding:8px 14px;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s}button:hover:not(:disabled){background:#ffffff24;border-color:#ffffff40;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(135deg, var(--accent), var(--accent2));box-shadow:0 6px 24px color-mix(in srgb, var(--accent) 45%, transparent);border-color:#0000;font-weight:600}button.primary:hover:not(:disabled){box-shadow:0 10px 34px color-mix(in srgb, var(--accent) 60%, transparent)}button.danger{background:#ef444433;border-color:#ef444480}button.ghost{background:0 0}button.sm{border-radius:9px;padding:4px 10px;font-size:12px}button.active{border-color:var(--accent2);box-shadow:0 0 0 1px var(--accent2) inset;background:color-mix(in srgb, var(--accent2) 22%, transparent)}.tile-btn{border-radius:var(--r);text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:6px;min-height:96px;padding:16px;display:flex}.tile-btn .ico{font-size:24px}.tile-btn b{font-size:15px}.tile-btn span{color:var(--muted);font-size:12px}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--line);background:#00000040;border-radius:10px;outline:none;min-width:0;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent2) 25%, transparent)}select option{background:#11131b}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}textarea{resize:vertical}.chip{border:1px solid var(--line);background:#ffffff14;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.chip.ok{background:#22c55e26;border-color:#22c55e66}.chip.warn{background:#facc1526;border-color:#facc1566}.chip.bad{background:#ef444426;border-color:#ef444473}.chip.blue{background:#3b82f626;border-color:#3b82f673}.page{max-width:1320px;margin:0 auto;padding:20px 16px 60px}.topbar{align-items:center;gap:14px;margin-bottom:18px;padding:12px 16px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:800;display:flex}.brand .logo{background:conic-gradient(from 45deg, #111 0 25%, #fff 0 50%, #111 0 75%, #fff 0);width:34px;height:34px;box-shadow:0 0 0 2px var(--accent);background-size:12px 12px;border-radius:10px}.grid{gap:16px;display:grid}.home-grid{grid-template-columns:1.3fr 1fr}.btn-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}@media (width<=900px){.home-grid{grid-template-columns:1fr}}.list{flex-direction:column;gap:6px;display:flex}.list-item{border-radius:var(--r-sm);background:#ffffff0a;border:1px solid #0000;padding:10px 12px}.list-item:hover{border-color:var(--line)}table.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:6px 8px;font-size:11px;font-weight:600}.tbl td{border-bottom:1px solid #ffffff0d;padding:6px 8px}.tbl tr:hover td{background:#ffffff08}.teambar{vertical-align:middle;border-radius:2px;width:4px;height:16px;margin-right:6px;display:inline-block}.cal{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.cal-item{background:#ffffff0a;border:1px solid #0000;border-radius:12px;padding:10px;font-size:12px;position:relative}.cal-item.done{opacity:.6}.cal-item.current{border-color:var(--accent2);background:color-mix(in srgb, var(--accent2) 14%, transparent)}.cal-item .flag{font-size:20px}.cal-item .conf{font-size:10px;position:absolute;top:8px;right:8px}.news-item{background:#ffffff0a;border-radius:12px;padding:12px;animation:.4s both slideIn}.news-item.update{border-left:3px solid var(--accent2)}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}}.modal-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.2s fade;display:flex;position:fixed;inset:0}.modal{width:min(640px,100%);max-height:90vh;padding:22px;animation:.25s cubic-bezier(.2,1.4,.4,1) pop;overflow:auto}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.toasts{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{border-radius:12px;max-width:360px;padding:10px 14px;animation:.3s slideIn}.toast.ok{border-color:#22c55e80}.toast.error{border-color:#ef444499}.dash{grid-template-rows:auto 1fr auto;grid-template-columns:330px 1fr 360px;gap:10px;height:100vh;padding:10px;display:grid}.dash-top{grid-column:1/-1;align-items:center;gap:12px;padding:8px 14px;display:flex}.dash-left,.dash-right{flex-direction:column;gap:10px;min-height:0;display:flex}.dash-center{flex-direction:column;gap:8px;min-height:0;display:flex}.dash-bottom{grid-column:1/-1}@media (width<=1200px){.dash{grid-template-columns:280px 1fr 300px}}@media (width<=960px){.dash{grid-template-columns:1fr;height:auto}.dash-center{min-height:420px}}.scroll{min-height:0;overflow:auto}.fill{flex:1;min-height:0}.tabs{gap:6px;display:flex}.tabs button{padding:6px 12px}.view-box{flex:1;min-height:0;position:relative;overflow:hidden}.lb-row{cursor:pointer;border-radius:8px;grid-template-columns:22px 4px 26px 40px 1fr 52px 18px 34px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;transition:background .2s,transform .3s;display:grid}.lb-row:hover{background:#ffffff0f}.lb-row.sel{background:color-mix(in srgb, var(--accent2) 20%, transparent)}.lb-row .pos{text-align:right;font-weight:700}.lb-row .num{color:var(--muted)}.lb-row .code{font-weight:700}.lb-row .gap{text-align:right;color:var(--muted)}.tyre{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:inline-flex}.tyre.S{border-color:#ef4444}.tyre.M{border-color:#facc15}.tyre.H{border-color:#e5e7eb}.tyre.I{border-color:#22c55e}.tyre.W{border-color:#3b82f6}.status-tag{background:#ffffff1f;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:800}.status-tag.pit{background:#3b82f6}.status-tag.out{background:#ef4444}.status-tag.stop{background:#f97316}.status-tag.dsq{background:#000;border:1px solid #fff}.feed-item{border-left:3px solid var(--c,transparent);background:#ffffff09;border-radius:10px;gap:10px;padding:8px 10px;animation:.45s cubic-bezier(.2,1.2,.4,1) both feedIn;display:flex}@keyframes feedIn{0%{opacity:0;transform:translate(-16px)}}.feed-item .t{color:var(--muted);min-width:56px;font-size:11px}.feed-item.announcement{background:linear-gradient(90deg,#38bdf82e,#0000)}.card{border:1px solid var(--line);background:#ffffff0b;border-radius:12px;padding:10px 12px;animation:.35s both slideIn}.card.open{border-color:#facc1573}.card.noted{border-color:#3b82f673}.card.done{opacity:.6}.card.danger{border-color:#ef444499;box-shadow:0 0 18px #ef444426}.ev{border-bottom:1px dashed #ffffff0f;justify-content:space-between;gap:8px;padding:2px 0;font-size:12px;display:flex}.actionbar{align-items:stretch;gap:10px;padding:10px;display:flex;overflow-x:auto}.act-group{background:#ffffff0a;border-radius:12px;flex-direction:column;gap:6px;min-width:max-content;padding:8px 10px;display:flex}.act-group h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;font-size:10px}.flag-btn{align-items:center;gap:6px;display:inline-flex}.flag-swatch{border:1px solid #ffffff4d;border-radius:3px;width:18px;height:12px}.fs-yellow{background:#facc15}.fs-double_yellow{background:repeating-linear-gradient(90deg,#facc15 0 6px,#111 6px 8px)}.fs-green{background:#22c55e}.fs-red{background:#ef4444}.fs-blue{background:#3b82f6}.fs-white{background:#f5f5f5}.fs-slippery{background:repeating-linear-gradient(90deg,#ef4444 0 3px,#facc15 3px 6px)}.fs-sc,.fs-vsc,.fs-fcy{background:#facc15}.fs-chequered{background:conic-gradient(#111 0 25%, #fff 0 50%, #111 0 75%, #fff 0);background-size:6px 6px}.fs-none{background:0 0}.fs-black_white{background:linear-gradient(135deg,#111 50%,#fff 50%)}.fs-black_orange{background:radial-gradient(circle,#f97316 35%,#111 36%)}.fs-black{background:#111}.lights{background:#0a0a0a;border-radius:10px;gap:6px;padding:6px 8px;display:flex}.light{background:#2a0505;border-radius:50%;width:18px;height:18px;transition:background 80ms,box-shadow 80ms;box-shadow:inset 0 0 4px #000}.light.on{background:#ff1a1a;box-shadow:0 0 14px #ff1a1a,inset 0 0 4px #fff}.light.green{background:#22c55e;box-shadow:0 0 14px #22c55e}.light.orange{background:#f97316;animation:.5s steps(2,end) infinite blink;box-shadow:0 0 14px #f97316}[data-lights=led] .light{border-radius:4px}[data-lights=led] .light.on{background:repeating-radial-gradient(circle,#ff3b3b 0 2px,#b00 2px 3px)}[data-lights=neon] .light.on{background:#ff2bd6;box-shadow:0 0 18px #ff2bd6,0 0 36px #ff2bd6}@keyframes blink{50%{opacity:.2}}.flag-overlay{pointer-events:none;z-index:90;position:fixed;inset:0}.flag-overlay .edge{border:6px solid var(--fc);opacity:0;box-shadow:inset 0 0 80px var(--fc);border-radius:0;animation:2.6s ease-out forwards edgeGlow;position:absolute;inset:0}@keyframes edgeGlow{10%{opacity:1}to{opacity:0}}.flag-banner{letter-spacing:.06em;text-transform:uppercase;border-radius:22px;align-items:center;gap:18px;padding:16px 30px;font-size:28px;font-weight:900;animation:2.6s cubic-bezier(.2,1.2,.4,1) forwards bannerIn;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.flag-banner .cloth{transform-origin:0;border-radius:6px;width:90px;height:60px}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-30px)scale(.8)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)scale(.96)}}[data-flaganim=wave] .flag-banner .cloth{animation:.6s ease-in-out infinite alternate wave}@keyframes wave{0%{transform:perspective(200px)rotateY(-18deg)skewY(-3deg)}to{transform:perspective(200px)rotateY(14deg)skewY(3deg)}}[data-flaganim=sweep] .flag-banner{animation-name:sweepIn}@keyframes sweepIn{0%{opacity:0;transform:translate(-150%)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(60%)}}[data-flaganim=pulse] .flag-banner .cloth{animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.4);transform:scale(1.15)}}[data-flaganim=shatter] .flag-banner{animation-name:shatter}@keyframes shatter{0%{opacity:0;filter:blur(10px);transform:translate(-50%)scale(2)}12%{opacity:1;filter:blur();transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0;filter:blur(6px);transform:translate(-50%)scale(.6)rotate(-4deg)}}.ann-banner{z-index:95;pointer-events:none;border-radius:16px;max-width:min(720px,92vw);padding:12px 22px;animation:5s cubic-bezier(.2,1.2,.4,1) forwards annIn;position:fixed;top:70px;left:50%;transform:translate(-50%);border-color:#38bdf899!important}@keyframes annIn{0%{opacity:0;transform:translate(-50%,-24px)}8%{opacity:1;transform:translate(-50%)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-12px)}}.trackmap{width:100%;height:100%;display:block}.post{cursor:pointer;transition:r .2s}.post.blink{animation:.8s steps(2,end) infinite postBlink}@keyframes postBlink{50%{opacity:.35}}.marshal-ring{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out infinite ring}@keyframes ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.cam-wrap{position:absolute;inset:0}.cam-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cam-tiles{pointer-events:none;gap:4px;display:grid;position:absolute;inset:0}.cam-tile{pointer-events:none;border:1px solid #ffffff24;border-radius:10px;position:relative;overflow:hidden}.cam-tile .hud{pointer-events:auto;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:8px}.cam-tile .hud select{background:#0000008c;padding:3px 6px;font-size:11px}.cam-tile .lower{background:#0009;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:8px}.cam-tile .live{background:var(--bad);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.cam-tile .live.replay{background:#a855f7}[data-overlay=minimal] .cam-tile .lower{text-shadow:0 1px 3px #000;background:0 0}[data-overlay=broadcast] .cam-tile .lower{background:linear-gradient(90deg, var(--accent), transparent);text-transform:uppercase;letter-spacing:.06em;padding:4px 30px 4px 10px}.score-ring{background:conic-gradient(var(--accent2) calc(var(--p) * 1%), #ffffff14 0);border-radius:50%;place-items:center;width:140px;height:140px;display:grid;position:relative}.score-ring:before{content:"";background:#0c0e15;border-radius:50%;position:absolute;inset:10px}.score-ring b{font-size:38px;position:relative}.bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:4px;height:100%;transition:width .6s;display:block}.shop-item{flex-direction:column;gap:8px;padding:14px;display:flex}.shop-preview{border-radius:12px;place-items:center;height:64px;font-size:26px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}