@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#081426;--navy2:#101f38;--blue:#192a47;--line:#365879;--cyan:#3ceadb;--orange:#ffb63f;--pink:#ff568d;--text:#f7fafc;--muted:#aebed0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071425;color:var(--text);font:14px/1.55 Inter,system-ui,sans-serif;min-width:320px;background-image:radial-gradient(ellipse at 70% 2%,#142b64 0,transparent 36%),radial-gradient(ellipse at 0% 70%,#3b1644 0,transparent 36%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #61f4e2;outline-offset:3px}[hidden]{display:none!important}
.topbar{height:76px;display:flex;align-items:center;gap:30px;padding:0 clamp(16px,3vw,48px);background:#071324f4;border-bottom:1px solid #3b658d;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}
.sitebrand{display:flex;align-items:center;gap:12px;min-width:145px}.sitebrand strong{display:block;letter-spacing:.17em;font-size:20px;line-height:1.2}.sitebrand small{font-size:10px;letter-spacing:.31em;color:#c8d8eb}.brandmark{height:43px;width:43px;background:#ffb83e;display:grid;place-items:center;color:#05152b;font-size:26px;font-weight:900;font-style:italic;position:relative;transform:skew(-8deg)}.brandmark em{position:absolute;bottom:-12px;left:5px;color:#ff4f96;font-size:25px}
.navlinks{display:flex;align-items:center;gap:18px;margin:auto}.navlink{border:0;background:transparent;color:#aebed5;padding:23px 8px;letter-spacing:.1em;font-weight:900;text-transform:uppercase;font-size:12px;position:relative}.navlink.active{color:#ffd27c}.navlink.active:after{content:"";position:absolute;left:6px;right:6px;bottom:15px;height:3px;background:#3ceadb}.navlink:hover{color:#fff}.server-pill{display:flex;align-items:center;gap:10px;font-weight:900;color:#53ecca;letter-spacing:.15em;font-size:11px;white-space:nowrap}.live-dot{width:9px;height:9px;border-radius:50%;background:#50f8dd;box-shadow:0 0 15px #58fff7}
.app-shell{max-width:1570px;margin:auto;padding:24px clamp(14px,3vw,48px) 68px;min-height:calc(100vh - 130px)}.screen{display:none;animation:fade .18s ease}.screen.active{display:block}@keyframes fade{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05}.eyebrow{font-weight:900;letter-spacing:.2em;color:#4df7df;font-size:11px;margin-bottom:12px}.hero{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(410px,1.1fr);border:1px solid #315473;border-radius:24px;min-height:475px;overflow:hidden;background:linear-gradient(125deg,#0d203a,#06172b 66%);box-shadow:0 25px 80px #0006}.hero-content{position:relative;z-index:2;padding:clamp(25px,4.7vw,72px) 15px clamp(25px,4vw,55px) clamp(25px,4.7vw,70px);display:flex;flex-direction:column;justify-content:center}.hero h1{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:900;font-style:italic;font-size:clamp(58px,7.5vw,119px);white-space:nowrap;letter-spacing:-.038em;margin:0;line-height:.94;text-shadow:3px 6px 0 #060f21}.hero h1 em,.page-title em{font-style:italic;color:#ffad40;background:linear-gradient(100deg,#ffc048 10%,#ff6c74 56%,#fc3d9a 97%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1 i{color:#39eff7;font-size:.35em;font-style:normal}.hero h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(22px,2.6vw,36px);color:#67f6ed;letter-spacing:.065em;margin:10px 0 18px}.hero p{max-width:465px;color:#c3d4e6;font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.btn{border:1px solid #4287a9;background:#132944;color:white;padding:14px 19px;font-size:12px;font-weight:900;letter-spacing:.04em;min-height:50px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;transition:filter .12s,transform .12s}.btn:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-2px)}.btn.primary{border-color:#ffac42;background:linear-gradient(105deg,#ffc349,#ff9243);color:#091525;box-shadow:5px 5px 0 #fe4f8877}.btn.outline{border-color:#54d7e6;color:#d4feff;background:#09213b}.btn.muted{border-color:#597491;background:#243551;color:#c8d9e4}.btn.disabled{opacity:.55;box-shadow:none}.btn.full{width:100%}.hero-note{margin-top:28px;color:#97b2c6;font-size:11px;line-height:1.5}.tag-live{display:inline-block;border-radius:5px;background:#1a6958;color:#86ffe7;padding:3px 7px;font-weight:900;letter-spacing:.05em;margin-right:8px}
.hero-visual{position:relative;min-height:420px;isolation:isolate;background:linear-gradient(180deg,#722763 0%,#e57d87 27%,#ffb46d 55%,#18264e 56%,#081729 100%);overflow:hidden}.sun,.showroom-sun{position:absolute;width:245px;height:245px;border-radius:50%;background:linear-gradient(#ffe4a5,#fe9a78);box-shadow:0 0 85px #ff9d9299;top:58px;right:22%;z-index:-3}.skyline{position:absolute;bottom:130px;left:0;right:0;height:58%;z-index:-2;clip-path:polygon(0 100%,0 46%,4% 46%,4% 23%,10% 23%,10% 70%,14% 70%,14% 39%,20% 39%,20% 57%,26% 57%,26% 8%,31% 8%,31% 49%,35% 49%,35% 26%,40% 26%,40% 64%,45% 64%,45% 32%,53% 32%,53% 4%,57% 4%,57% 49%,63% 49%,63% 20%,68% 20%,68% 59%,73% 59%,73% 35%,77% 35%,77% 69%,83% 69%,83% 11%,89% 11%,89% 50%,95% 50%,95% 29%,100% 29%,100% 100%)}.skyline-a{background:#261f53cc;transform:scale(1.08)}.skyline-b{background:#13244e;transform:translateY(30px) scale(1.16)}.track-floor{position:absolute;z-index:-1;bottom:0;left:-20%;right:-20%;height:37%;background:repeating-linear-gradient(101deg,transparent 0 70px,#ec51a722 73px 79px,transparent 81px 142px),linear-gradient(10deg,#0b152a,#343557)}.track-floor:after{content:"";position:absolute;inset:42% 0 auto;border-top:4px dashed #fbdac4;transform:rotate(-4deg)}.palmtree{position:absolute;font-size:110px;color:#0d263c;opacity:.55;top:12px;z-index:-1}.palm-left{left:-12px}.palm-right{right:15px}.hero-preview{position:absolute;inset:15% 0 9%;display:grid;place-items:center;filter:drop-shadow(0 20px 20px #0009);z-index:2}.hero-preview svg{max-width:94%;max-height:100%;width:640px;height:330px}.speed-streak{position:absolute;background:#70faff77;height:3px;width:170px;transform:rotate(-12deg);right:5%;bottom:18%;filter:blur(1px)}.streak2{bottom:25%;width:90px;right:0;background:#ff80ba88}.hero-label{position:absolute;bottom:14px;left:24px;font-family:"Barlow Condensed",Impact,sans-serif;letter-spacing:.08em;font-size:17px;font-weight:800;color:#bfe8f7}.hero-label b{color:#ffac40}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 14px;gap:10px}.section-heading h3{font-size:19px;letter-spacing:.04em}.section-heading span{font-size:10px;letter-spacing:.1em;color:#9bb4cc}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-box{text-align:left;color:#e9f4fc;background:linear-gradient(160deg,#142948,#0c1c33);border:1px solid #325b7a;border-radius:13px;padding:23px 22px;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.feature-box:hover{border-color:#3ceadb;background:linear-gradient(160deg,#173859,#10203b)}.feature-icon{font-size:29px;line-height:1;color:#47eee4}.feature-box strong{font-size:16px;letter-spacing:.05em}.feature-box>span:nth-of-type(2){color:#aec0d2;font-size:12px;flex:1}.feature-box .feature-arrow{font-size:11px;color:#ffc260;font-weight:900;margin-top:12px}
.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 25px}.page-title h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(39px,5vw,65px);font-weight:900;letter-spacing:-.01em;margin:0 0 8px}.page-title p{color:#abc1d8;margin:0}.label-outline{padding:9px 12px;border:1px solid #57c8c7;color:#70ecea;font-size:11px;font-weight:900;letter-spacing:.08em;border-radius:6px;white-space:nowrap}.glass{background:linear-gradient(145deg,#122846ed,#08182eed);border:1px solid #345a80;border-radius:15px;box-shadow:0 15px 35px #0003}.garage-layout{display:grid;grid-template-columns:minmax(325px,.75fr) minmax(380px,1.3fr);gap:18px}.customization{padding:22px}.customization h3,.stats h3,.lobby-control h3,.slots h3,.gp-options h3{font-size:13px;letter-spacing:.09em;color:#53f4e3;margin:20px 0 11px}.customization h3:first-child,.lobby-control h3:first-child{margin-top:0}label{display:block;font-size:12px;color:#aee9e6;font-weight:800;margin:8px 0 5px}input,select{width:100%;padding:12px 13px;background:#152c47;color:#f5fbff;border:1px solid #54718e;border-radius:8px;min-height:45px}input:focus,select:focus{border-color:#51f5db;outline:2px solid #3ceadb44}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.option-grid button{min-height:45px;border-radius:8px;border:1px solid #40617e;background:#0e2039;color:#c9e1ea;font-size:11px;font-weight:900;padding:8px 5px}.option-grid button.selected{background:#22637e;border-color:#48ebed;color:#fff;box-shadow:inset 0 0 0 1px #61d1ea}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatches button{height:34px;width:34px;border-radius:50%;border:3px solid #283b54;box-shadow:0 2px 5px #0008}.swatches button.selected{outline:3px solid #fff;outline-offset:1px}.garage-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.small-note{font-size:11px;color:#9bb3ca;line-height:1.6;margin-top:10px}.preview-column{display:flex;flex-direction:column;gap:17px}.showcase{height:min(51vw,540px);min-height:300px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 57% 43%,#5e356f 0%,#232b64 33%,#09192c 75%)}.showcase-heading{position:absolute;z-index:5;top:19px;left:23px;right:23px;display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:900;letter-spacing:.09em;color:#8bfaed}.preview-orbit{color:#98b8d0}.showroom-sun{width:235px;height:235px;top:18%;right:25%;opacity:.32}.showroom-grid{position:absolute;inset:65% -20% 0;background:repeating-linear-gradient(0deg,transparent 0 31px,#61dded33 33px 35px,transparent 36px 72px),repeating-linear-gradient(90deg,transparent 0 57px,#61dded22 58px 59px,transparent 60px 115px);transform:perspective(170px) rotateX(41deg);z-index:-1}.garage-kart{position:absolute;inset:50px 5% 60px;display:grid;place-items:center}.garage-kart svg{width:min(95%,700px);height:100%;filter:drop-shadow(0 18px 9px #050f1d99)}.showcase-name{position:absolute;bottom:17px;left:23px;right:23px;display:flex;justify-content:space-between;gap:10px;align-items:center}.showcase-name b{font-family:"Barlow Condensed",Impact,sans-serif;font-size:28px;color:#ffc85d;letter-spacing:.045em}.showcase-name span{font-size:10px;color:#b7d3e9}.stats{padding:22px}.stat-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #315271}.stat-row span{font-size:11px;color:#b7cadb;font-weight:900}.stat-row strong{font-size:12px;color:#f4fafc}
.track-layout{display:grid;grid-template-columns:minmax(320px,1.25fr) minmax(310px,.85fr);gap:20px}.track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.track-tile{border:2px solid #365f87;background:#101e37;color:#fff;border-radius:12px;overflow:hidden;text-align:left;padding:0}.track-tile.selected{border-color:#ffc14d;box-shadow:0 0 0 3px #ffbc3e38}.track-tile:hover{border-color:#50f2df}.track-art{height:155px;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.track-art:after,.track-art-large:after{content:"";position:absolute;bottom:-22%;left:-15%;right:-15%;height:50%;transform:rotate(-7deg);background:repeating-linear-gradient(90deg,#ffffff18 0 4px,transparent 5px 45px),linear-gradient(#273651,#0c172d);border-top:6px solid #f8d2c1;z-index:-1}.track-art-icon{font-size:64px;filter:drop-shadow(0 12px 15px #0009)}.track-art .num{position:absolute;left:12px;top:9px;font-weight:900;font-size:23px;color:#092038;background:#ffc044;border-radius:5px;padding:1px 10px}.track-tile-info{padding:14px}.track-tile-info strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:21px;display:block;letter-spacing:.04em}.track-tile-info small{font-size:11px;color:#aec9da}.track-detail{padding:19px;align-self:start;position:sticky;top:96px}.track-art-large{height:225px;display:grid;place-items:center;isolation:isolate;position:relative;overflow:hidden;border-radius:10px;margin-bottom:18px}.track-art-large>span{font-size:105px;filter:drop-shadow(0 10px 25px #0008)}.mini-sun{height:110px;width:110px;border-radius:50%;background:#ffe0a0dd;box-shadow:0 0 60px #ffad9c;position:absolute;top:10%;right:15%;z-index:-2}.track-tag{color:#5fffe3;letter-spacing:.16em;font-weight:900;font-size:11px}.track-detail h3{font-family:"Barlow Condensed",Impact,sans-serif;font-size:33px;margin:6px 0 9px}.track-detail>p{color:#b7cadc}.track-detail-row{display:flex;justify-content:space-between;border-bottom:1px solid #2d4969;padding:8px 0;font-size:11px;letter-spacing:.05em}.track-detail-row span{color:#aac0d5}.track-detail-row strong{color:#fff}.circuit-map{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0}.circuit-map span{font-size:11px;font-weight:900;color:#95c6cf}.circuit-map svg{width:145px;max-height:100px}
.gp-banner{border:1px solid #815e72;background:linear-gradient(110deg,#40284c,#162b4d);border-radius:16px;padding:25px;display:flex;align-items:center;gap:22px}.gp-banner .trophy{font-size:65px;filter:drop-shadow(0 4px 12px #ffc04e77)}.gp-banner h3{font-family:"Barlow Condensed",Impact,sans-serif;font-size:32px;letter-spacing:.06em;margin-bottom:5px}.gp-banner p{color:#d4c6db;margin-bottom:0}.gp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.gp-card{border:1px solid #3d688d;border-radius:12px;overflow:hidden;background:#122340}.gp-card .track-art{height:140px}.gp-card strong,.gp-card small{display:block;margin:10px 13px}.gp-card small{color:#aebed2}.gp-card strong{font-size:15px}.gp-options{padding:22px}.gp-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:17px}.gp-inputs label{margin:0}.gp-inputs select{margin-top:7px}
.lobby-layout{display:grid;grid-template-columns:minmax(290px,.65fr) minmax(400px,1.35fr);gap:18px}.lobby-control,.slots{padding:24px}.lobby-control .value{border:1px solid #385a7d;background:#0c213c;border-radius:8px;padding:13px;font-weight:900;color:#ffcc6d}.lobby-options{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #335071;padding:14px 0}.lobby-options strong{display:block}.lobby-options small{color:#9db6cf}.lobby-options>span{font-size:20px}.lobby-control .btn{margin-top:20px}.slots h3{display:flex;justify-content:space-between}.slots h3 span{color:#b2c5d6}.slots-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.slot{aspect-ratio:1/1.15;border:1px solid #355b85;border-radius:10px;display:grid;place-items:center;align-content:center;gap:6px;color:#7c9ab6;background:#10223d}.slot b{font-size:27px;font-weight:500}.slot small{font-size:10px;text-align:center;letter-spacing:.04em}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border:1px solid #38cdb4;background:#113649;color:#d6fff6;padding:12px 17px;border-radius:9px;z-index:100;font-weight:900;box-shadow:0 6px 25px #0008;max-width:90vw;text-align:center}
footer{border-top:1px solid #244768;display:flex;justify-content:space-between;gap:15px;padding:20px clamp(16px,3vw,48px);font-size:10px;color:#81a5c0;letter-spacing:.05em}footer a{color:#6ff3eb}
@media(max-width:1150px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(55px,7vw,85px)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.garage-layout{grid-template-columns:1fr 1fr}.track-layout{grid-template-columns:1fr 1fr}.navlinks{gap:3px}.sitebrand{min-width:auto}.server-pill{font-size:9px}}
@media(max-width:800px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:8px;padding:10px 14px}.navlinks{order:3;width:100%;display:flex;justify-content:space-between;border-top:1px solid #294664;gap:0}.navlink{font-size:10px;padding:13px 5px}.navlink.active:after{bottom:4px}.server-pill{margin-left:auto}.app-shell{padding:18px 13px 40px}.hero{grid-template-columns:1fr}.hero-content{padding:31px 24px}.hero h1{font-size:clamp(55px,12vw,95px)}.hero-visual{height:350px;min-height:300px}.hero-preview{inset:3% 0}.sun{top:10px}.garage-layout,.track-layout,.lobby-layout{grid-template-columns:1fr}.showcase{height:380px}.track-detail{position:static}.gp-grid{grid-template-columns:repeat(2,1fr)}.page-title{align-items:flex-start}.label-outline{font-size:9px;padding:7px 9px}.slots-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.sitebrand strong{font-size:17px}.sitebrand small{font-size:8px}.sitebrand{gap:9px}.brandmark{width:36px;height:36px;font-size:21px}.server-pill{font-size:8px}.navlink{font-size:9px}.hero-content{padding:27px 20px}.hero h1{font-size:clamp(47px,11vw,65px)}.hero h2{font-size:22px}.hero p{font-size:13px}.hero-actions .btn{width:100%}.hero-visual{height:270px;min-height:270px}.hero-preview{inset:5% 0}.dashboard-grid{grid-template-columns:1fr 1fr;gap:8px}.feature-box{min-height:167px;padding:14px}.feature-box strong{font-size:12px}.feature-box>span:nth-of-type(2){font-size:10px}.feature-icon{font-size:23px}.feature-arrow{font-size:9px!important}.page-title{display:block;margin:17px 0}.page-title h2{font-size:45px}.label-outline{display:inline-block;margin-top:14px}.customization{padding:16px}.option-grid button{font-size:10px}.showcase{height:300px;min-height:300px}.showcase-heading{left:12px;right:12px;font-size:9px}.showcase-name{left:14px;right:14px}.showcase-name b{font-size:22px}.showcase-name span{font-size:8px}.track-list{grid-template-columns:1fr 1fr;gap:8px}.track-art{height:100px}.track-art-icon{font-size:42px}.track-tile-info{padding:9px}.track-tile-info strong{font-size:15px}.track-tile-info small{font-size:9px}.track-art-large{height:170px}.gp-banner{padding:13px}.gp-banner .trophy{font-size:44px}.gp-banner h3{font-size:23px}.gp-banner p{font-size:12px}.gp-card .track-art{height:95px}.gp-card strong{font-size:12px}.gp-inputs{grid-template-columns:1fr}.slots-grid{gap:5px}.slot{min-width:0}.slot small{font-size:8px}footer{display:block;text-align:center}footer span{display:block;margin:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}

.gp-standings{padding:22px;margin:16px 0 20px}
.gp-standings h3{font-size:16px;color:#75f6e2;letter-spacing:.07em;display:flex;justify-content:space-between;gap:15px}
.gp-standings h3 span{font-size:11px;color:#ffd397}
.gp-standings-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #365575;padding:11px 4px}
.gp-standings-row:last-child{border-bottom:0}
.gp-standings-row.active{color:#ffc875;font-weight:900}
.gp-standings-row strong{font-variant-numeric:tabular-nums}