:root{color-scheme:dark;--bg:#07101e;--panel:#101e30;--panel2:#15263a;--line:#ffffff13;--mint:#a1f7d1;--white:#edf7fa;--muted:#8b9db2;--gold:#ffcf87;--pink:#ff93ae;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#1b3343aa,transparent 50%),var(--bg);color:var(--white);min-height:100vh}button,a,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:11px 16px;color:var(--white);background:#203348;font-size:13px;font-weight:650}button:hover{border-color:#a1f7d177;background:#294257}button:disabled{opacity:.36;cursor:default}button.primary,.primary{background:var(--mint);color:#0c2627;border-color:transparent}button.primary:hover{background:#c1ffde}button.danger{color:#ffadb5;background:#482738}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}a{color:inherit;text-decoration:none}input,select{background:#0a1728;border:1px solid #496074;border-radius:7px;color:var(--white);min-height:42px;padding:9px 11px;max-width:100%}input[type=color]{padding:3px;width:45px;height:42px}input[type=range]{padding:0}.shell{width:min(1240px,100%);margin:auto;padding:0 32px}.top{height:98px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.1em;font-weight:350;font-size:21px;white-space:nowrap}.brand b{font-weight:800}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:.23em;margin-top:5px}.brand svg{width:43px;height:43px;stroke:var(--mint);fill:none;stroke-width:1.4}.brand svg path+path{fill:var(--mint);stroke:none}.account{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px}.account b{display:block;font-size:19px;font-weight:700}.account small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.account .pilot{border-left:1px solid var(--line);padding-left:24px}.icon{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;font-size:19px;background:transparent}.nav{display:flex;gap:8px;overflow:auto;padding:18px 0 23px;scrollbar-width:thin}.nav button{white-space:nowrap;background:none;border:0;color:var(--muted);font-size:12px;padding:10px 13px}.nav button.active{background:#a1f7d114;color:var(--mint)}main{min-height:65vh}.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--mint);text-transform:uppercase;font-weight:750}.muted{color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:10px 0 23px}.page-head :is(h1,h2){font-size:32px;letter-spacing:-.03em;margin:8px 0}.page-head p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#396a6c77,transparent 65%),linear-gradient(120deg,#152f38,#101c32);border:1px solid #8cdec624;border-radius:18px;min-height:320px;padding:36px;display:grid;grid-template-columns:1.3fr 1fr}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 65px,#aaffef04 65px 66px);z-index:-1}.hero h1{font-size:clamp(32px,4.5vw,58px);line-height:1.05;font-weight:650;letter-spacing:-.045em;margin:14px 0 18px}.hero h1 em{font-style:normal;color:var(--mint)}.hero p{font-size:13px;color:#b7cbd3;max-width:370px;line-height:1.7}.hero-art{display:flex;align-items:center;justify-content:center;position:relative}.hero-art:before{content:'';position:absolute;width:280px;height:150px;border:1px solid #a1f7d133;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 25px #a1f7d106,0 0 0 70px #a1f7d105}.hero-art svg{width:230px;height:250px;transform:rotate(25deg);filter:drop-shadow(-30px 50px 35px #010c1e);z-index:1}.hero-bottom{display:flex;align-items:center;gap:20px;margin-top:24px}.hero-bottom small{color:var(--muted);font-size:10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 14px}.section-title h2{font-size:16px;font-weight:650;letter-spacing:-.02em;margin:0}.section-title span{font-size:11px;color:var(--muted)}.card{min-width:0;background:linear-gradient(145deg,#142438,#0e1b2d);border:1px solid var(--line);border-radius:13px;padding:21px;position:relative}.card.selected{border-color:#a1f7d180;background:linear-gradient(145deg,#19373c,#10242f)}.card h2,.card h3{margin:10px 0;font-size:20px;font-weight:650}.card p{color:#9eb0c1;font-size:12px;line-height:1.6}.card.locked{opacity:.6}.card .number{position:absolute;right:18px;top:18px;font-size:45px;font-weight:250;color:#ffffff0b}.card .ship-preview{height:130px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#38627033,transparent 65%);margin:-5px -10px 8px}.ship-preview svg{height:125px;width:170px;transform:rotate(22deg);filter:drop-shadow(-8px 12px 12px #0009)}.card-label{font-size:9px;letter-spacing:.15em;color:var(--muted)}.badge{display:inline-flex;gap:5px;align-items:center;font-size:9px;border:1px solid #80cdb733;color:var(--mint);padding:5px 8px;border-radius:6px;background:#80cdb709}.badge.gold{color:var(--gold);border-color:#ffcf8744}.badge.pink{color:var(--pink);border-color:#ff93ae44}.price{font-size:23px;font-weight:700;letter-spacing:-.03em;margin:13px 0}.price small{font-size:10px;color:var(--muted);font-weight:400;margin-left:5px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.button-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.button-row button{flex:1;white-space:nowrap;font-size:11px;padding:10px 12px}.metrics{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0}.metric strong{display:block;font-size:24px;font-weight:650}.metric small{font-size:9px;color:var(--muted);letter-spacing:.1em}.attribute{display:grid;grid-template-columns:90px 1fr 25px;gap:8px;align-items:center;font-size:10px;color:var(--muted);margin:8px 0}.attribute .bar{height:4px;background:#324357;border-radius:3px;overflow:hidden}.attribute .bar i{display:block;height:100%;background:var(--mint);border-radius:3px}.attribute b{color:#cfdae4;font-size:10px;text-align:right}.note{border-left:2px solid #7dd8c7;background:#17313c55;padding:12px 15px;font-size:12px;line-height:1.7;color:#a8bccb;margin:18px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:var(--muted);font-size:9px;letter-spacing:.08em;font-weight:500;padding:12px 9px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 9px;border-bottom:1px solid var(--line)}tr.me{color:var(--mint);background:#a1f7d108}.track-art{height:95px;background:radial-gradient(ellipse at 75% 45%,hsla(var(--hue),60%,45%,.3),transparent 65%),#081628;border:1px solid #ffffff08;border-radius:8px;margin-bottom:16px;position:relative;overflow:hidden}.track-art svg{width:100%;height:100%}.track-art:after{content:'↗';position:absolute;right:12px;bottom:9px;color:#b8f8e6;font-size:20px}.track-art .orbit{fill:none;stroke:#a1f7d1;stroke-width:1.5}.field-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0;font-size:12px}.field-row label{color:var(--muted)}.field-row input[type=text]{flex:1;min-width:100px}.sponsor-logo{display:grid;place-items:center;width:52px;height:52px;background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;font-size:32px;font-weight:850;letter-spacing:-.1em}.footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:28px 0;margin-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:.04em}.text-button{border:0;background:none;padding:4px;color:#a0b7be;font-size:10px}.resume-banner{border:1px solid #a1f7d14d;border-radius:10px;padding:12px 17px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#17323b}.resume-banner span{font-size:12px}.resume-banner button{font-size:11px;padding:8px 12px}progress{appearance:none;height:5px;border:0;background:#2a3a4a;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background:#2a3a4a}progress::-webkit-progress-value{background:var(--mint)}progress::-moz-progress-bar{background:var(--mint)}[hidden]{display:none!important}.race-screen{height:100dvh;display:flex;flex-direction:column;background:#06101e;max-width:1400px;margin:auto;border:1px solid #375363;overscroll-behavior:none}.race-stage{position:relative;flex:1;min-height:100px;overflow:hidden}.race-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.race-top{position:absolute;top:0;left:0;right:0;padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:12px;pointer-events:none;background:linear-gradient(#071322ee,#07132266,transparent)}.race-brand{font-size:13px;letter-spacing:.1em}.race-brand b{color:var(--mint)}.race-brand span{display:block;font-size:8px;color:#97adbf;margin-top:5px}.race-tools{display:flex;gap:6px;pointer-events:auto}.race-tools button{display:grid;place-items:center;width:30px;height:30px;padding:0;font-size:17px;background:#0d2438cc;border:1px solid #55728288}.race-stats{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px}.race-stats span{font-size:8px;color:#8da8b8;letter-spacing:.08em}.race-stats strong{display:block;color:#f0fcff;font-size:20px;letter-spacing:0;margin-top:3px;font-variant-numeric:tabular-nums}.race-health{grid-column:1/-1;display:flex;align-items:center;gap:9px;font-size:9px;color:#a4b9c3}.race-health span:first-child{margin-right:auto}.race-health progress{width:65px}.race-message{position:absolute;left:14px;bottom:15px;max-width:65%;font-size:11px;color:var(--gold);pointer-events:none}.speed-box{position:absolute;right:18px;bottom:15px;text-align:right;color:#cee5e8;pointer-events:none}.speed-box strong{font-size:30px;font-variant-numeric:tabular-nums}.speed-box span{font-size:9px;margin-left:5px}.race-controls{padding:9px max(12px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;border-top:1px solid #365060;background:#102335;touch-action:none;user-select:none}.turn-controls,.drive-controls{display:flex;gap:8px}.drive-controls{justify-content:flex-end}.race-controls button{touch-action:none;user-select:none;height:49px;min-width:0;padding:0 10px;white-space:nowrap}.turn-controls button{width:60px;font-size:27px;background:#1c374c}.drive-controls button{width:90px;font-size:11px}.drive-controls .thrust{background:var(--mint);color:#092b28}.extra-controls{grid-column:1/-1;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.extra-controls button{height:32px;min-width:90px;font-size:10px;background:#193247}.extra-controls span{color:var(--mint);margin-left:8px}.race-controls button.held{filter:brightness(1.35);box-shadow:inset 0 0 0 2px #e0fff0;transform:translateY(1px)}dialog{color:var(--white);background:linear-gradient(145deg,#182d42,#0d1c2e);border:1px solid #5c7b86;border-radius:16px;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#030c19dc;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}dialog h2{font-size:25px;margin:10px 0 18px;letter-spacing:-.03em}dialog h3{font-size:14px;margin:22px 0 8px}dialog p,dialog li{font-size:12px;line-height:1.7;color:#aec2d0}dialog .field-row input{width:100%}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.dialog-actions button{flex:1;min-width:130px}.toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#b4ffe1;color:#102e2b;padding:13px 22px;border-radius:10px;font-size:12px;font-weight:650;z-index:100;max-width:90%;box-shadow:0 10px 40px #0008}.empty{padding:35px;text-align:center;color:var(--muted);border:1px dashed #60788666;border-radius:12px}.result-position{font-size:64px;color:var(--mint);font-weight:750;letter-spacing:-.06em}.slot-title{font-size:28px;font-weight:250;color:#83b5b5}.slots .card{min-height:240px}.busy{opacity:.6;pointer-events:none}
@media(max-width:900px){.shell{padding:0 20px}.top{height:85px}.brand{font-size:17px}.account{gap:12px}.account .pilot{display:none}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:27px;grid-template-columns:1.2fr 1fr}.hero-art svg{width:180px}.nav{gap:3px}.nav button{padding:9px 10px}.card{padding:17px}}
@media(max-width:600px){.shell{padding:0 14px}.top{height:78px;gap:8px}.brand{font-size:15px;gap:8px}.brand svg{width:34px;height:34px}.brand small{font-size:6px;letter-spacing:.15em}.account b{font-size:15px}.account small{font-size:7px}.account .license{display:none}.top .icon{width:30px}.nav{padding:13px 0 18px}.page-head{align-items:flex-start}.page-head :is(h1,h2){font-size:27px}.page-head p{font-size:12px}.grid,.grid.two{grid-template-columns:1fr}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:24px;grid-template-columns:1fr;min-height:365px}.hero h1{font-size:38px;max-width:260px}.hero p{max-width:230px;position:relative;z-index:2}.hero-art{position:absolute;right:-25px;top:35px;opacity:.65;z-index:-1}.hero-art svg{width:210px;height:250px}.hero-art:before{width:200px}.hero-bottom{gap:12px}.hero-bottom small{max-width:90px}.section-title{margin-top:23px}.footer{flex-wrap:wrap;font-size:8px}.footer span:nth-child(2){width:100%;order:3}.metrics{gap:18px}.metric strong{font-size:22px}.card .ship-preview{height:140px}.card .ship-preview svg{height:140px}.resume-banner{align-items:flex-start}.resume-banner span{font-size:11px}.race-top{padding:10px 12px;gap:10px}.race-brand{font-size:11px}.race-tools{gap:4px}.race-tools button{width:27px;height:27px;font-size:15px}.race-stats strong{font-size:18px}.race-stats span{font-size:7px}.race-health{font-size:8px}.race-controls{padding-inline:10px;gap:8px}.turn-controls,.drive-controls{gap:5px}.turn-controls button{width:47px}.drive-controls button{width:76px;font-size:10px}.extra-controls{gap:5px}.extra-controls button{min-width:78px;padding-inline:7px;font-size:9px}.extra-controls button#skipQualify{min-width:140px}.race-health progress{width:48px}dialog{padding:18px}.hero .badge{font-size:8px}}
@media(orientation:landscape) and (max-height:600px){.race-controls{grid-template-columns:1fr auto 1fr;gap:6px;padding:5px 10px}.turn-controls{grid-column:1;grid-row:1}.drive-controls{grid-column:3;grid-row:1}.extra-controls{grid-column:2;grid-row:1;gap:5px;max-width:300px}.race-controls button{height:36px}.extra-controls button{min-width:70px;height:30px}.race-stats{position:absolute;top:10px;left:40%;right:155px}.race-stats strong{font-size:15px}.race-health{margin-top:1px}.race-top{padding:7px 12px;gap:4px}.race-brand{font-size:10px}.race-tools button{height:25px;width:25px}.race-health progress{width:60px}.speed-box strong{font-size:24px}.race-message{font-size:9px}.race-top .race-stats{gap:8px}.race-stats span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-art svg{filter:none}dialog::backdrop{backdrop-filter:none}}

@media(orientation:landscape) and (max-height:600px){.turn-controls button{width:43px}.drive-controls button{width:66px;font-size:9px}.extra-controls button#skipQualify{min-width:125px;font-size:8px}.extra-controls button{padding-inline:5px;min-width:67px}}

.career-actions{margin-top:28px}


.career-navigation{gap:12px}

.track-reward-info{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:0;flex-shrink:0;font-size:20px;line-height:1}

/* Larger race controls; boost now sits beside thrust, brake in the centre. */
.race-controls button{height:63.7px;padding-inline:13px}
.turn-controls button{width:78px;font-size:13px}
.drive-controls button{width:117px;font-size:13px}
.drive-controls #boostButton{font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.drive-controls #boostValue{margin:0;color:var(--mint);font-size:10px}
.extra-controls button{height:41.6px;min-width:117px;font-size:13px}
@media(max-width:600px){.turn-controls button{width:61.1px;font-size:11px}.drive-controls button{width:98.8px;font-size:12px}.extra-controls button{min-width:101.4px;font-size:11.7px}}
@media(max-width:370px) and (orientation:portrait){.race-controls{grid-template-columns:1fr}.turn-controls,.drive-controls{justify-content:center}.extra-controls{grid-column:1}}
@media(orientation:landscape) and (max-height:600px){.race-controls button{height:46.8px}.turn-controls button{width:55.9px;font-size:11px}.drive-controls button{width:85.8px;font-size:11px}.extra-controls button{height:39px;min-width:87.1px;font-size:11px}}

.race-controls .turn-controls button{font-size:30px;display:grid;place-items:center;line-height:1}
@media(orientation:landscape) and (max-height:600px){.race-controls .turn-controls button{font-size:26px}}

.sponsor-logo svg{width:42px;height:42px;filter:drop-shadow(0 0 5px currentColor)}

.score-device{display:inline-block;width:23px;height:23px;vertical-align:middle;color:var(--mint)}svg.score-device{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.game-intro{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}.game-intro h1{font-size:19px;color:var(--white)}.game-intro p{font-size:12px;line-height:1.7;max-width:90ch}.footer{flex-wrap:wrap}.footer .more-games{color:var(--mint);text-decoration:underline;text-underline-offset:3px;font-size:11px}.footer .more-games:hover{color:var(--white)}

button.career-start{color:#ffe28a;border-color:#e8bd57;background:linear-gradient(135deg,#44351e,#2a2c31);box-shadow:0 0 16px #e8bd5720;font-weight:750}button.career-start:hover{color:#fff0bc;border-color:#ffe28a;background:#514025}button.career-start:focus-visible{outline-color:#ffe28a}

.account .pilot span{font-weight:700}

.highscore-table{table-layout:fixed;width:100%}.highscore-table th,.highscore-table td{overflow-wrap:anywhere;white-space:normal}.highscore-table td:nth-child(6){white-space:nowrap;font-variant-numeric:tabular-nums}.highscore-table td:nth-child(1),.highscore-table td:nth-child(3),.highscore-table td:nth-child(5){text-align:center}
@media(max-width:600px){.highscore-table{font-size:10px}.highscore-table th{font-size:8px;letter-spacing:0;padding:9px 2px}.highscore-table td{padding:10px 2px;line-height:1.35}.highscore-table .score-device{width:16px;height:16px}.highscore-table td:nth-child(5){font-size:9px;white-space:nowrap}}
@media(max-width:360px){.highscore-table{font-size:9px}.highscore-table th{font-size:7px}.highscore-table td:nth-child(5){font-size:8px}}

.last-championship{margin-top:24px}

/* Compact course selection in the global highscore overview. */
.highscore-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.highscore-card{padding:12px;min-width:0}.highscore-card .track-art{height:64px;margin-bottom:10px}.highscore-card .track-art:after{font-size:14px;right:7px;bottom:5px}.highscore-card .row{display:block}.highscore-card h3{font-size:13px;line-height:1.3;min-height:2.6em;margin:0 0 6px}.highscore-card .badge{font-size:8px}.highscore-card p{font-size:11px;line-height:1.4;margin:8px 0}.highscore-card .button-row{margin-top:8px}.highscore-card button{font-size:11px;padding:7px 9px;width:100%}.footer-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@media(max-width:1000px){.highscore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.highscore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.highscore-card{padding:9px}.highscore-card .track-art{height:55px;margin-bottom:8px}.highscore-card h3{font-size:12px}.highscore-card p{font-size:10px}.footer-links{gap:12px}}

#footerHighscore{font-weight:700;color:var(--mint);text-decoration:underline;text-underline-offset:3px;transition:color .16s ease,text-shadow .16s ease}#footerHighscore:hover,#footerHighscore:focus-visible{color:var(--white);text-shadow:0 0 8px #a1f7d180;text-decoration-thickness:2px}

.game-intro h2{font-size:15px;color:var(--white);margin-top:22px}.game-intro details{max-width:90ch;border-top:1px solid var(--line);padding:10px 0}.game-intro summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--white)}.game-intro details p{margin:8px 0}