@font-face{font-family:Barlow Condensed;src:url(./fonts/barlow-condensed-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(./fonts/barlow-condensed-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(./fonts/barlow-condensed-latin-800-italic.woff2) format("woff2");font-weight:800;font-style:italic;font-display:swap}:root{color-scheme:dark;--bg:#171918;--panel:#202320;--paper:#efefdf;--sub:#aaa99f;--yellow:#e7f84e;--line:#383c34;--en:"Barlow Condensed","Arial Narrow",sans-serif;--jp:"Noto Sans JP","Hiragino Sans",Meiryo,sans-serif;font-family:var(--jp);background:var(--bg);color:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;min-width:300px}body.racing{overflow:hidden;overscroll-behavior:none}:where(button,summary,a[href]){touch-action:manipulation}@media(pointer:coarse){:is(#top,[data-overlay]) :is(input:not([type=hidden],[type=range],[type=checkbox],[type=radio]),select,textarea){font-size:max(16px,1em)}}[hidden]{display:none!important}button,select,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.64}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}img,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}p,h1,h2,h3,dl{margin:0}.wrap{width:min(100% - 104px,1328px);margin-inline:auto}.skip{position:fixed;top:8px;left:8px;z-index:10;transform:translateY(-160%);background:var(--yellow);color:#151717;padding:10px}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:4;background:#161815f5;border-bottom:1px solid #272922}.header-inner{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(100% - 104px,1328px);margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;font-size:19px;font-weight:900;letter-spacing:-.06em;line-height:1}.brand img{width:35px;height:35px;border-radius:4px}.brand small{display:block;font:700 10px/1.15 var(--en);letter-spacing:.28em;margin-top:4px;color:#aeafa3}.brand-z,.footer-brand span{color:var(--yellow);font:800 italic 1.14em/.8 var(--en);margin-left:.12em}.site-header nav{display:flex;align-items:stretch;height:100%;gap:31px;color:#d1d1c7}.site-header nav a{display:flex;align-items:center;position:relative;font-size:13px;font-weight:700;white-space:nowrap;padding-inline:3px}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--yellow)}.site-header nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--yellow)}.settings-btn{justify-self:end;display:flex;align-items:center;gap:7px;background:none;border:1px solid #414438;padding:7px 11px;font-size:12px;color:#dfdfd1;border-radius:4px}.settings-btn:hover,.ghost:hover,.quiet:hover{border-color:var(--yellow);color:var(--yellow)}.settings-icon{font-size:17px;line-height:1}.hero{--hero-img:url(./hero.webp);position:relative;isolation:isolate;min-height:clamp(520px,46vw,660px);background:#131c1e;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.hero:before{background:var(--hero-img) 50% 52% / cover no-repeat}.hero:after{background:linear-gradient(90deg,#121816e8 0%,#101514ad 29%,#1015131f 64%,transparent 100%),linear-gradient(0deg,#0b0e0de0,transparent 34%)}.hero-inner{min-height:inherit;display:flex;align-items:center;position:relative;padding-block:64px 77px}.hero-content{max-width:640px}.eyebrow,.kicker{font:700 14px/1 var(--en);letter-spacing:.24em;color:var(--yellow)}.eyebrow{display:flex;align-items:center;gap:13px}.eyebrow span{height:1px;width:31px;background:currentColor}.hero h1{font-size:clamp(76px,9.6vw,155px);font-weight:900;line-height:.96;letter-spacing:-.115em;margin:18px 0 19px;text-shadow:0 5px 35px #0b0c0e52;white-space:nowrap}.hero h1 span{font:800 italic 1.22em/.65 var(--en);color:var(--yellow);margin-left:.095em}.hero-copy{font-size:clamp(22px,2.7vw,37px);font-weight:800;line-height:1.35;letter-spacing:.035em}.hero-description{font-size:clamp(13px,1.2vw,15px);color:#d0d4ca;line-height:1.8;margin-top:13px}.hero-actions{display:flex;align-items:center;gap:12px;margin:29px 0 14px;flex-wrap:wrap}.primary,.ghost{min-height:48px;border:1px solid transparent;border-radius:3px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;font-weight:800;padding:11px 17px;line-height:1.4;text-align:left}.primary{background:var(--yellow);color:#171b12}.primary:hover{background:#f2ff8c}.primary span,.ghost span{font:700 19px/1 var(--en)}.ghost{background:#15191689;border-color:#7b81736f;color:var(--paper)}.hero-hint{font-size:11px;color:#c2c8be;letter-spacing:.04em;display:flex;align-items:center;gap:7px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--yellow)}.hero-coordinate{position:absolute;bottom:36px;right:0;display:flex;align-items:center;gap:12px;color:#d4ddd6;font:700 15px/.95 var(--en);letter-spacing:.2em;text-align:left}.coord-cross{font:500 24px/1 var(--en);color:var(--yellow)}.coord-sub{display:block;font:500 10px/1 var(--en);letter-spacing:.17em;margin-top:5px}.stat-band{border-top:1px solid #353b2d;border-bottom:1px solid #353b2d;background:#20231e}.stats{display:grid;grid-template-columns:repeat(3,1fr) .36fr;min-height:84px}.stats>div{border-right:1px solid #363c30;display:flex;align-items:center;gap:15px;padding:11px 23px}.stats>div:first-child{padding-left:0}.stats strong{font:800 italic 47px/.8 var(--en);letter-spacing:-.05em;color:var(--yellow)}.stats span{font:700 17px/1 var(--en);letter-spacing:.09em;text-transform:uppercase}.stats small{display:block;font:500 10px/1.5 var(--jp);letter-spacing:.018em;margin-top:4px;color:#bfc1b0}.stats .stats-end{border:0;justify-content:end;gap:5px;padding-right:0}.stats-end i{display:block;width:6px;height:25px;transform:skew(-20deg);background:#585f39}.stats-end i:last-child{background:var(--yellow)}.content-section{padding-block:62px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:25px}.section-heading h2{font-size:clamp(28px,3vw,47px);font-weight:900;line-height:1.15;letter-spacing:-.055em;margin-top:7px}.section-note,.panel-note{font-size:12px;line-height:1.75;color:var(--sub)}.panel-note{margin-top:12px}.quiet{color:#c3c3b4;display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:1px solid #555949;padding:3px 0;background:transparent;font-size:12px;white-space:nowrap}.setup-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:23px;align-items:start}.content h3{font-size:14px;font-weight:800;margin-bottom:10px}.track-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.track-card{text-align:left;position:relative;min-height:185px;isolation:isolate;border:1px solid var(--line);padding:10px 11px;color:var(--paper);background:#252c28;overflow:hidden;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between;align-items:start}.track-card:before,.track-card:after{content:"";position:absolute;inset:0;z-index:-1}.track-card:before{background:var(--track-image) center / cover no-repeat}.track-card:after{background:linear-gradient(0deg,#0d100ffc,#15181591 35%,#14181921 80%)}.track-card:hover,.track-card[aria-pressed=true],.mode-card:hover,.mode-card[aria-pressed=true],.car-choice:hover,.car-choice[aria-pressed=true]{border-color:var(--yellow)}.track-badge{font-size:10px;white-space:nowrap;line-height:1.5;border:1px solid #a6b3a086;background:#14201fc7;padding:2px 6px;border-radius:2px}.track-card[aria-pressed=true] .track-badge{background:var(--yellow);border-color:var(--yellow);color:#151816}.track-name{display:block;font-size:clamp(14px,1.63vw,23px);font-weight:900;line-height:1.25;margin-bottom:4px}.track-detail{font:700 11px/1.2 var(--en);letter-spacing:.05em;display:block;color:#cccdbf}.mode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.mode-card{text-align:left;display:flex;align-items:center;gap:7px;background:#212621;border:1px solid var(--line);border-radius:3px;padding:7px 8px;min-height:43px;font-size:12px;font-weight:700;min-width:0}.mode-card .mode-icon{font:700 16px/1 var(--en);color:#b8b9a0}.mode-card[aria-pressed=true]{background:#343b23}.mode-card[aria-pressed=true] .mode-icon{color:var(--yellow)}.select-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#cccbbd}.difficulty-setting{display:grid;gap:5px;margin-block-end:8px}.difficulty-setting .panel-note{margin:0;min-height:2.8em}.audio-remix-note{margin-block:6px 8px}select{background:#232722;color:var(--paper);border:1px solid var(--line);border-radius:3px;padding:5px 7px;min-width:90px;font-size:13px;max-width:100%}.launch{width:100%;margin-top:10px}.garage-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:5px;overflow:hidden}.car-stage{position:relative;min-height:320px;background:radial-gradient(ellipse at 50% 58%,#505745,#282e26 56%,#1b211c);overflow:hidden}#car-canvas{width:100%;height:100%;min-height:320px;position:absolute;inset:0;touch-action:pan-y;cursor:grab}#car-canvas:active{cursor:grabbing}.garage-error{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:var(--sub)}.garage-stamp{position:absolute;top:13px;left:16px;font:700 23px/1 var(--en);letter-spacing:.14em;color:#d0d4b5a0;pointer-events:none}.garage-stamp small{display:block;font:500 11px/1.3 var(--en)}.paint-picker{position:absolute;bottom:13px;left:16px;display:flex;gap:7px;align-items:center;font-size:11px}.paint-picker input{padding:0;border:1px solid #7d8474;background:#262e25;width:27px;height:25px;cursor:pointer}.paint-picker button{background:#252c23;border:1px solid #687067;border-radius:2px;padding:3px 5px;font-size:10px}.garage-hint{position:absolute;right:16px;bottom:17px;color:#c6c6b3;font-size:10px;pointer-events:none}.car-info{min-width:0;padding:22px 25px;background:#212520}.car-info .kicker{font-size:13px}.car-info h3{font-size:clamp(20px,3.15vw,36px);margin:7px 0 2px;line-height:1.15}.car-meta{font:700 15px/1.3 var(--en);letter-spacing:.07em;color:#bbbdaa}.car-desc{font-size:12px;line-height:1.7;color:#c3c3b8;margin:11px 0}.car-stats{display:grid;gap:9px;margin-top:15px}.car-stats>div{display:grid;grid-template-columns:68px minmax(0,1fr) 50px;gap:8px;align-items:center;font-size:11px}.car-stats dd{margin:0;text-align:right;font:700 14px/1 var(--en);white-space:nowrap}.car-stats meter{width:100%;height:6px;appearance:none;background:#373e32;border:0}.car-stats meter::-webkit-meter-bar{height:6px;border:0;background:#3b4036}.car-stats meter::-webkit-meter-optimum-value{background:var(--yellow)}.car-stats meter::-moz-meter-bar{background:var(--yellow)}.car-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}.car-choice{display:flex;align-items:center;min-height:48px;gap:9px;text-align:left;border:1px solid var(--line);border-radius:3px;background:#202520;padding:7px 8px;min-width:0}.car-choice[aria-pressed=true]{background:#313723}.car-choice strong{display:block;font-size:11px;line-height:1.3}.car-choice small{font:700 11px/1 var(--en);color:var(--sub);letter-spacing:.04em}.car-choice i{width:7px;height:24px;border-radius:1px;background:var(--paint);border:1px solid #ffffff35;flex:none}.lower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lower-grid .content-section{border:0}.records{border:1px solid var(--line);background:var(--panel);border-radius:4px;overflow:hidden}.records>p{font-size:13px;color:var(--sub);padding:18px;line-height:1.6}.record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line);font-size:13px}.record:last-child{border:0}.record small{display:block;color:var(--sub);margin-top:4px;font-size:10px}.record b{font:700 22px/1 var(--en);color:var(--yellow);white-space:nowrap}.song-list{border:1px solid var(--line);background:var(--panel);border-radius:4px;overflow:hidden}.song{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:45px;border-bottom:1px solid var(--line);padding:3px 10px 3px 4px}.song:last-child{border:0}.song-preview,.song-select{border:0;background:none;text-align:left}.song-preview{font:700 16px/1 var(--en);text-align:center;min-height:36px}.song-preview:hover,.song-preview[aria-pressed=true],.song-select[aria-pressed=true]{color:var(--yellow)}.song-select{font:700 18px/1 var(--en);letter-spacing:.045em;padding:5px}.song-bpm{font:500 13px/1 var(--en);color:var(--sub);white-space:nowrap}footer{border-top:1px solid var(--line);background:#121511;padding-block:24px}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}.footer-brand{font-size:19px;font-weight:900;white-space:nowrap}footer p{color:var(--sub);font-size:11px;line-height:1.5}.noscript{padding:20px;background:#242718}.modal{color:var(--paper);background:#222621;border:1px solid #535a43;border-radius:6px;width:min(470px,calc(100% - 28px));padding:22px;max-height:calc(100% - 28px);box-shadow:0 20px 80px #0008}.modal::backdrop{background:#080c0bd1}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:17px}.modal-head h2{font-size:23px;line-height:1.3}.cross{background:#303630;border:1px solid #535a43;border-radius:3px;width:34px;height:34px;font-size:20px;flex:none}.setting-rows{display:grid;gap:16px}.setting-rows label>span:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;font-size:13px}.setting-rows output{color:var(--yellow);font:700 15px var(--en)}.setting-rows input[type=range]{width:100%;accent-color:var(--yellow)}.check-label{display:flex;align-items:start;gap:6px;color:var(--paper);font-size:13px}.check-label small{display:block;color:var(--sub);line-height:1.65;margin-top:4px}.check-label input{accent-color:var(--yellow)}.key-list{display:grid;gap:9px}.key-list div{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:7px;font-size:13px}.key-list dd{margin:0;text-align:right}kbd{background:#323830;border:1px solid #4a5246;border-radius:3px;padding:2px 5px;font:700 14px var(--en)}#error-text{line-height:1.6;font-size:14px}.race{width:100%;height:100%;max-width:none;max-height:none;inset:0;margin:0;padding:0;overflow:hidden;border:0;background:#0c1115;color:var(--paper);overscroll-behavior:none}#race-canvas{width:100%;height:100%;position:absolute;inset:0}.race-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;position:absolute;inset:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) auto max(14px,env(safe-area-inset-left));gap:10px;pointer-events:none}.race-timing{display:grid;justify-items:start;text-shadow:0 2px 9px #000;background:#111613c9;padding:7px 10px;border-left:2px solid var(--yellow);width:max-content;max-width:100%;border-radius:2px}.race-timing>span{font-size:12px}.race-timing strong{font:700 clamp(26px,5vw,47px)/.96 var(--en);font-variant-numeric:tabular-nums;letter-spacing:.055em}.race-timing small{font:500 14px/1.2 var(--en);color:var(--yellow)}.race-map{background:#111613c9;border:1px solid #c8ceac4a;border-radius:3px;padding:3px;width:130px}.race-map canvas{width:100%;height:auto}.progress,.rpm{height:5px;background:#edecd54f;overflow:hidden;border-radius:2px}.progress i,.rpm i{width:100%;height:100%;display:block;transform-origin:left;transform:scaleX(0);background:var(--yellow)}.race-buttons{justify-self:end;display:flex;flex-wrap:wrap;justify-content:end;gap:5px;pointer-events:auto}.race-buttons button{background:#111613e8;border:1px solid #bac19f6e;border-radius:3px;color:var(--paper);min-width:40px;min-height:38px;font:700 15px var(--en)}.race-side{position:absolute;left:max(15px,env(safe-area-inset-left));top:100px;display:grid;gap:2px;text-shadow:0 2px 9px #000;pointer-events:none}.race-side strong{font:800 italic clamp(31px,5vw,61px)/.8 var(--en);color:var(--yellow)}.race-side small{font-size:12px;font-weight:700}.countdown{position:absolute;inset:0;display:grid;place-items:center;font:800 italic clamp(82px,19vh,200px)/1 var(--en);color:var(--yellow);text-shadow:0 4px 32px #000b;pointer-events:none}.instrument{position:absolute;right:max(19px,env(safe-area-inset-right));bottom:max(19px,env(safe-area-inset-bottom));width:clamp(147px,30vw,235px);background:#111613dd;border:1px solid #b8bd9661;border-radius:3px;padding:10px 12px;pointer-events:none}.instrument>div+div{display:flex;align-items:baseline;gap:7px;margin-top:2px}.instrument strong{font:800 italic clamp(42px,9vw,76px)/.87 var(--en);font-variant-numeric:tabular-nums}.instrument span{font:700 14px/1 var(--en);white-space:nowrap;color:#d2d4c5}.instrument b{font:800 italic clamp(23px,4vw,36px)/.9 var(--en);margin-left:auto;color:var(--yellow)}.touch-controls{position:absolute;inset:auto max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:none;justify-content:space-between;align-items:end;gap:8px;touch-action:none;user-select:none}.touch-controls>div{display:flex;gap:5px}.touch-controls button{min-height:53px;min-width:49px;padding:0 5px;font:700 15px var(--en);border:1px solid #d1d6c191;border-radius:6px;background:#151a15c2;color:var(--paper);touch-action:none}.touch-controls button[data-action=accelerate]{color:var(--yellow);border-color:var(--yellow)}.touch-controls button.active{color:#101411;background:var(--yellow)}.race-overlay{position:absolute;inset:0;background:#080b0bd1;display:grid;place-items:center;padding:14px;overflow:auto}.race-panel{width:min(100%,380px);padding:23px;background:#252b24;border:1px solid #888e5b;border-radius:4px;display:grid;gap:8px}.race-panel h2{font-size:clamp(24px,6vw,43px);margin-bottom:8px}.race-panel button{width:100%}.result-details>div{display:flex;justify-content:space-between;gap:9px;border-bottom:1px solid var(--line);padding:6px 0;font-size:13px;align-items:baseline}.result-details dd{margin:0;color:var(--yellow);font:700 20px/1 var(--en)}@media(max-width:900px){.wrap,.header-inner{width:calc(100% - 52px)}.setup-grid{grid-template-columns:minmax(0,1fr) minmax(0,.49fr);gap:13px}.track-list{gap:6px}.track-card{min-height:159px;padding:8px}.stats>div{padding-inline:13px}.car-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:680px){html{scroll-padding-top:59px}.wrap,.header-inner{width:calc(100% - 30px)}.header-inner{height:57px;gap:7px}.brand{gap:5px;font-size:14px}.brand img{width:27px;height:27px}.brand small{font-size:8px;letter-spacing:.15em;margin-top:3px}.site-header nav{gap:9px}.site-header nav a{font-size:11px;padding-inline:1px}.settings-btn{padding:6px 7px}.desktop-label{display:none}.hero{min-height:490px}.hero:before{background-position:60% center}.hero:after{background:linear-gradient(90deg,#111616db,#11161699 31%,#1116161a),linear-gradient(0deg,#0b0e0df0,transparent 80%)}.hero-inner{align-items:end;padding-block:65px 44px}.hero h1{font-size:clamp(65px,15vw,90px)}.hero-coordinate{display:none}.hero-actions{margin-top:20px;gap:7px}.hero-actions .primary,.hero-actions .ghost{padding-inline:10px;gap:10px}.wide-break{display:none}.stats{grid-template-columns:repeat(3,minmax(0,1fr));min-height:64px}.stats>div{gap:6px;padding:6px 4px 6px 7px}.stats>div:nth-child(3){border:0}.stats .stats-end{display:none}.stats strong{font-size:32px}.stats span{font-size:11px;letter-spacing:.02em}.stats small{font-size:8px;line-height:1.2}.content-section{padding-block:40px}.section-heading{margin-bottom:16px;align-items:end}.section-note{display:none}.setup-grid,.lower-grid,.garage-grid{grid-template-columns:minmax(0,1fr)}.track-card{min-height:133px}.track-name{font-size:clamp(12px,3.5vw,17px)}.track-detail{font-size:10px}.mode-card{font-size:13px}.car-stage,#car-canvas{min-height:250px}.car-info{padding:17px}.car-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.car-choice{gap:5px;padding:5px}.car-choice strong{font-size:10px}.lower-grid{gap:0}.lower-grid .content-section+.content-section{border-top:1px solid var(--line)}footer .wrap{flex-wrap:wrap}footer p{order:3;width:100%}}@media(pointer:coarse),(max-width:720px){.touch-controls{display:flex}.instrument{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 62px);padding:6px 9px}.instrument strong{font-size:44px}.race-map{width:86px}.race-side{top:85px}}@media(max-height:450px)and (pointer:coarse){.race-map{width:68px}.race-top{inset-block-start:7px}.touch-controls button{min-height:46px}.instrument{bottom:60px}.race-overlay{align-items:start}.race-panel{margin:auto;padding:12px}.race-panel button{min-height:34px;padding-block:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.race-tip{position:absolute;left:50%;bottom:22px;transform:translate(-50%);white-space:nowrap;color:var(--paper);font-size:12px;padding:8px 11px;border-radius:3px;background:#101510d9;border:1px solid #aeb78860;pointer-events:none}.race-tip kbd{color:var(--yellow);margin:0 2px}@media(pointer:coarse),(max-width:720px){.race-tip{display:none}}[data-overlay]{position:fixed}.modal[data-overlay]{inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;overflow:auto;box-shadow:0 0 0 100vmax #080c0bd1,0 20px 80px #0008}.race[data-overlay]{z-index:31}.paint-picker input{width:80px;height:31px;padding:4px 6px;border-inline-start:8px solid var(--selected-paint,#dcdcd8);color:var(--paper);font:700 15px/1 var(--en)}.paint-status:not(:empty){position:absolute;bottom:38px;left:0;min-width:190px;padding:6px;background:#252b24;border:1px solid var(--line);border-radius:3px}:root{--art-road: url(./ui/mountain-road.webp);--art-garage: url(./ui/classic-garage.webp);--art-tuning: url(./ui/engine-bay.webp);--art-audio: url(./ui/analog-audio.webp);--art-controls: url(./ui/rally-dials.webp);--art-results: url(./ui/finish-line.webp)}.site-header,.stat-band,footer,#setup,#online-play,.mode-panel,.track-list,#track-search,.mode-card[data-mode=practice]{--ui-art: var(--art-road)}#garage,.car-stage,.car-info,.car-list,.car-choice,.paint-picker,#car-search,.primary[data-start],.hero-actions .ghost,.online-mode:first-child{--ui-art: var(--art-garage)}.tuning-panel,.tuning-stage,.tuning-panel button,.paint-picker button,.mode-card[data-mode=drift]{--ui-art: var(--art-tuning)}#audio,.song-list,.song-preview,.song-select,#song-picker{--ui-art: var(--art-audio)}#settings,#controls,.settings-btn,.gamepad-settings,.gamepad-bindings button,.gamepad-defaults,.race-timing,.race-map,.race-side,.instrument,.race-buttons button,.touch-controls button,.race-tip,#pause-layer .race-panel,.mode-card[data-mode=time]{--ui-art: var(--art-controls)}#records,.records,#result-layer .race-panel,#error,.online-mode:last-child,.online-dialog,#online-race-layer .race-panel,.mode-card[data-mode=duel]{--ui-art: var(--art-results)}.site-header,.stat-band,footer,#setup,#garage,#online-play,#records,#audio{background-image:linear-gradient(90deg,#171918f7,#171918e8 48%,#171918b8),var(--ui-art);background-repeat:no-repeat;background-position:right center;background-size:auto,min(100%,650px) auto}#setup,#garage,#online-play,#records,#audio{background-size:auto,min(100%,610px) auto;background-position:right top}.site-header{background-image:linear-gradient(90deg,#161815fd,#161815f3 53%,#161815da),var(--ui-art);background-size:auto,min(65%,790px) auto}.mode-panel{padding:13px;border:1px solid var(--line);border-radius:4px;background-color:#222622}.mode-panel,.track-list,.car-stage,.car-info,.car-list,.records,.song-list,.tuning-panel,.tuning-stage,.online-mode,.modal,.race-panel,.gamepad-settings{background-image:linear-gradient(104deg,#151815ec,#1b1f1ad9 48%,#191e17ac),var(--ui-art);background-repeat:no-repeat;background-position:right center;background-size:auto,cover}.car-stage{background-image:radial-gradient(ellipse,#545d48b3,#1b211dcc 57%,#121811dc),var(--ui-art)}.track-card:after{background:linear-gradient(0deg,#0e130ff7,#141912ba 43%,#1419127a)}.mode-card,.car-choice,.settings-btn,.hero-actions .ghost,.paint-picker button,.tuning-panel button,.online-mode button.ghost,.gamepad-bindings button,.gamepad-defaults{background-image:linear-gradient(100deg,#20251ff5 14%,#20251fce 70%),var(--ui-art, var(--art-controls));background-repeat:no-repeat;background-position:right center;background-size:auto,cover}.mode-card[aria-pressed=true],.car-choice[aria-pressed=true]{background-image:linear-gradient(90deg,#343c25f4 14%,#2c3423b5),var(--ui-art)}.primary[data-start]{background-image:linear-gradient(90deg,#e7f84efc 15%,#effa63d9),var(--ui-art);background-size:auto,cover;background-position:right center}.catalog-tools input,.catalog-tools select,#settings select,.online-layout input,.paint-picker,.cross,.race-timing,.race-map,.race-side,.instrument,.race-buttons button,.race-tip,.touch-controls button,.race-panel .ghost{background-image:linear-gradient(100deg,#111711ec,#1a2016da),var(--ui-art, var(--art-controls));background-position:right center;background-size:auto,cover;background-repeat:no-repeat}.paint-picker{padding:4px;border-radius:3px}.race-side{padding:5px 7px;border-radius:3px}.race-side:has(strong:empty){background-image:none}.touch-controls button.active{background-image:linear-gradient(90deg,#e7f84ef2,#f4fc8ef2),var(--ui-art)}.mode-panel :is(select,option),.catalog-tools option,.setting-rows option{background-color:#222722}.song-preview,.song-select{background-image:linear-gradient(90deg,#20241fec,#20241fdd),var(--ui-art);background-position:right center;background-size:auto,cover}@media(max-width:680px){#setup,#garage,#online-play,#records,#audio{background-size:auto,min(100%,475px) auto}.mode-panel{padding:10px}}@media(forced-colors:active){:where(header,footer,section,div,button,input,select){background-image:none!important}.track-card:before,.track-card:after{background:none}}.catalog-current,.section-heading .quiet,footer .quiet{background-image:linear-gradient(90deg,#171b17f5,#1d251ac9),var(--ui-art, var(--art-controls));background-position:center,right center;background-size:auto,cover;border-radius:3px;padding-inline:6px}.race-panel .primary{background-image:linear-gradient(90deg,#e7f84ef9,#f3fd81dc),var(--ui-art, var(--art-controls));background-position:center,right center;background-size:auto,cover}@media(max-width:380px){.garage-hint{right:10px;bottom:53px}}@media(max-width:440px){.race-top{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.race-map{width:clamp(54px,17vw,72px)}.race-buttons{max-width:85px}.race-timing{min-width:0;width:100%}.race-timing>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-timing strong{font-size:clamp(22px,7.2vw,28px);letter-spacing:.025em}.garage-hint{right:10px;bottom:54px}}.operator-garage{margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:4px;background:linear-gradient(90deg,#141a15f5,#1c241ad4),var(--art-tuning) right center / cover}.operator-garage summary{width:fit-content;cursor:pointer;color:var(--paper);font-size:13px;font-weight:800}.operator-garage.unlocked summary{color:var(--yellow)}.operator-unlock{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px 8px;max-width:470px;margin-top:10px}.operator-unlock label{grid-column:1 / -1;color:var(--sub);font-size:12px}.operator-unlock input{width:100%;min-width:0;min-height:48px;background:#161d18;color:var(--paper);border:1px solid #59604d;border-radius:4px;padding-inline:10px;font-size:16px}.operator-unlock button{gap:5px;padding-inline:9px;justify-content:center;white-space:nowrap}#operator-status:empty{display:none}.bonus-guide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 11px;margin-bottom:10px;border:1px solid #5f663e;border-radius:4px;background:linear-gradient(95deg,#1f2419f5,#262c1fbd),var(--art-results) right 45% / cover}.bonus-guide strong{color:var(--yellow);font-size:13px}.bonus-guide p{margin-top:2px;font-size:11px;color:var(--sub)}.bonus-guide button{min-height:34px}.bonus-track .track-badge{color:var(--yellow);border-color:#e7f84899}.bonus-track[aria-pressed=true] .track-badge{color:#151816}.endurance-guide{border-color:#b27d43;background-image:linear-gradient(95deg,#252118f2,#28261ed4),url(./hyakuri-endurance.webp);background-position:center;background-size:cover}.endurance-guide strong,.endurance-guide b{color:#ffe2a2}.endurance-track{border-color:#976a3e}#race-endurance-progress{display:block;color:#fff1c4;font:700 clamp(11px,1.9vw,15px)/1.15 var(--en);text-align:center;white-space:nowrap;padding-block:3px 1px}.transmission-hud{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:20px;margin-top:4px;border-top:1px solid #b8bd9640}.transmission-hud span{font-size:11px;font-variant-numeric:tabular-nums}#race-transmission,#race-shift-tip{color:var(--yellow)}.rpm i.near-redline{background:#fc684d}.instrument .nitro-hud{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center;padding-top:3px;color:#7fe6ff}.nitro-hud span{color:inherit;font-size:11px;font-variant-numeric:tabular-nums}.nitro-hud .ui-icon{width:12px;height:12px;margin-inline-end:3px}.nitro-meter{grid-column:1 / -1;height:5px;border-radius:2px;background:#5b9cb646;overflow:hidden}.nitro-meter i{display:block;width:100%;height:100%;transform-origin:left;background:#64ddfb}.nitro-active .nitro-meter{box-shadow:0 0 10px #5ef0ff99}.nitro-active .nitro-meter i{background:#bbf6ff}.touch-controls #touch-nitro{color:#a4efff;border-color:#5bc2d9}.touch-controls #touch-nitro.active{color:#10191b;background:#83e7fc}.touch-controls #touch-nitro.nitro-empty{opacity:.5}@media(max-width:360px){.touch-controls>div{gap:4px}.touch-controls>div>button{min-width:44px;padding-inline:3px}}.touch-shifts{inset:auto max(174px,calc(env(safe-area-inset-right) + 170px)) max(72px,calc(env(safe-area-inset-bottom) + 65px)) auto;gap:5px}.touch-shifts button{min-width:44px;min-height:44px;font-size:20px}.race-loading{position:absolute;inset:0;display:grid;place-items:center;overflow:auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(100deg,#080e0cf5,#101a14bb 61%,#0d130fbb),var(--loading-art, var(--art-controls)) center / cover #151916}.race-loading-card{width:min(100%,480px);padding:clamp(18px,5vw,34px);display:grid;gap:7px;border:1px solid #78955a;border-left:3px solid #a7e963;border-radius:5px;background:#101914f0;box-shadow:0 18px 55px #0008}.race-loading h2{font-size:clamp(22px,5.5vw,40px);line-height:1.2;overflow-wrap:anywhere}#race-loading-car,#race-loading-state{font-size:13px;color:var(--sub);overflow-wrap:anywhere}.race-load-bar{appearance:none;width:100%;height:8px;margin-top:12px;overflow:hidden;border:0;border-radius:5px;background:#293b2d;color:#a7e963}.race-load-bar::-webkit-progress-bar{background:#293b2d}.race-load-bar::-webkit-progress-value{background:#a7e963}.race-load-bar::-moz-progress-bar{background:#a7e963}.race-load-bar:indeterminate{background:linear-gradient(90deg,#293b2d,#a7e963,#293b2d) 0 / 250% 100%;animation:race-load-pulse 1.1s ease-in-out infinite alternate}.race-load-bar:indeterminate::-webkit-progress-bar{background:transparent}.race-load-bar:indeterminate::-moz-progress-bar{background:transparent}@keyframes race-load-pulse{to{background-position:100% 0}}@media(prefers-reduced-motion:reduce){.race-load-bar:indeterminate{animation:none}}@media(max-width:360px){.touch-shifts{right:max(162px,calc(env(safe-area-inset-right) + 155px))}}@media(max-height:450px)and (pointer:coarse){.touch-shifts{bottom:max(63px,calc(env(safe-area-inset-bottom) + 54px))}}#shop{--ui-art: var(--art-tuning)}#shop .shop-panel{background-image:linear-gradient(104deg,#151815ec,#1b1f1ae7 48%,#191e17cc),var(--ui-art);background-position:right center;background-size:auto,cover}.hero-hint a,.guide-content a{color:var(--yellow);text-underline-offset:3px;text-decoration:underline}.site-copyright strong,.site-copyright small{display:block}.site-copyright strong{color:var(--paper);font-size:13px}.site-copyright small{margin-top:4px;font-size:11px}.guide-content,.car-customization{display:grid;gap:12px}.guide-content{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}.car-customization{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin-top:12px}.guide-intro,.guide-controls,.customization-panel{min-width:0;padding:clamp(12px,3vw,22px);border:1px solid var(--line);border-radius:5px;background:linear-gradient(115deg,#1a211aee,#1b261cd9),var(--art-controls) center / cover}.customization-panel{background-image:linear-gradient(110deg,#191f19f7,#232b20e3),var(--art-garage)}.guide-content h3,.customization-panel h3{font-size:16px}.guide-content ol{margin:12px 0 0;padding-inline-start:1.5em;color:var(--sub)}.guide-content li{padding-inline-start:3px;margin-bottom:8px;line-height:1.65;font-size:13px}.guide-table{width:100%;margin-top:10px;table-layout:fixed;border-collapse:collapse}.guide-table :is(th,td){padding:7px 5px;border-bottom:1px solid #4d5946;text-align:left;font-size:12px;overflow-wrap:anywhere}.guide-table th{font-weight:700;color:var(--paper)}.guide-table td{color:var(--sub)}.guide-table kbd{padding:0 3px;font-size:.98em;line-height:1.55}.guide-controls>p{margin-top:10px}.customization-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px}.customization-head .quiet,.nickname-actions .quiet{min-height:44px}.paint-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,88px),1fr));gap:6px;margin-top:5px}.paint-swatch{display:flex;align-items:center;gap:5px;padding:6px;min-height:44px;background:#1c221a;border:1px solid #5e6650;border-radius:4px;font-size:11px;line-height:1.25;text-align:left;overflow-wrap:anywhere}.paint-swatch:before{content:"";width:16px;height:16px;flex:0 0 auto;border-radius:50%;border:1px solid #ffffff85;background:var(--swatch-color)}.paint-swatch[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow);background:#303b21}.paint-swatch[aria-pressed=true]:before{box-shadow:0 0 0 1px #131911,0 0 0 2px var(--yellow)}.paint-current{margin-top:8px;color:var(--yellow);font-size:12px}.custom-paint{margin-top:8px}.custom-paint summary,.pause-help summary{cursor:pointer;min-height:44px;padding-block:12px;color:var(--paper);font-size:13px}.custom-paint label,.car-nickname-form>label{font-size:12px;color:var(--sub)}.custom-paint label{display:block;margin-bottom:4px}.customization-panel input{width:100%;min-width:0;min-height:44px;padding:8px 9px;border:1px solid #606a53;border-radius:4px;background:#131a13;color:var(--paper);font-size:16px}.custom-paint input{max-width:140px}.car-nickname-form{display:grid;gap:6px;margin-top:10px}.nickname-actions{display:flex;flex-wrap:wrap;gap:8px}.nickname-actions button{min-height:44px}#nickname-status:empty{display:none}#nickname-status{color:var(--yellow)}.race-car-label{width:100%;display:flex;align-items:start;gap:4px;padding-top:3px;color:#d0e9c6}.race-car-label .ui-icon{margin-top:1px}#race-car-name{min-width:0;overflow-wrap:anywhere}@media(max-width:440px){#race-car-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.pause-help{padding:0 8px;border:1px solid #626d4e;border-radius:3px}.pause-help .key-list{padding-bottom:10px}.pause-help dt{flex:0 0 auto}@media(max-width:760px){.guide-content,.car-customization{grid-template-columns:minmax(0,1fr)}}@media(max-width:360px){.guide-table :is(th,td){padding-inline:3px;font-size:11px}}html{scroll-padding-top:116px}.announcements{background:#171e16;border-top:1px solid #3a4633}.announcement-inner{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;gap:10px;min-height:39px;height:auto;overflow:hidden}.announcement-inner strong{color:var(--yellow);font-size:11px;white-space:nowrap}.announcement-window{min-width:0;overflow:hidden}#announcement-copy{white-space:nowrap;width:max-content;font-size:12px;line-height:1.6}.announcements.is-ready:not(.is-static) #announcement-copy{animation:announcement-slide 13s linear infinite;padding-inline-start:var(--ticker-width, 100%)}.announcements.is-paused #announcement-copy{animation-play-state:paused!important}.announcements.is-static #announcement-copy{white-space:normal;max-width:100%}@keyframes announcement-slide{0%{transform:translate(0)}to{transform:translate(-100%)}}#announcement-toggle{min-height:32px;padding:2px 7px;font-size:11px}.community-jumps,.level-ranking-controls,.community-tabs,.community-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.community-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:14px;align-items:start}.level-ranking,.community-app{min-width:0;display:grid;gap:12px;padding:clamp(12px,3vw,22px);border:1px solid #545d42;border-radius:5px;background:linear-gradient(115deg,#151b16f7,#253021e5),var(--art-controls) center / cover}.level-ranking h3,.community-app h3{font-size:16px}.level-ranking :is(label,input),.community-app :is(label,input){min-width:0}.level-ranking :is(input,select),.community-app :is(input,textarea,select){width:min(100%,350px);min-height:44px;padding:8px;background:#141b14;color:var(--paper);border:1px solid #69795c;border-radius:4px;font-size:16px}.level-ranking button,.community-app button{min-height:44px}.level-ranking-status:empty,.community-status:empty{display:none}.level-ranking-status,.level-ranking-self,.community-status,.community-empty{color:var(--sub);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.level-ranking-table{width:100%;border-collapse:collapse;table-layout:fixed}.level-ranking-table :is(th,td){overflow-wrap:anywhere;border-bottom:1px solid #485443;padding:7px 3px;text-align:left;font-size:13px}.level-ranking-table :is(th,td):first-child{width:22%}.level-ranking-table :is(th,td):last-child{width:27%}.community-tabs [aria-selected=true],.community-tabs [aria-pressed=true]{color:var(--yellow);border-color:var(--yellow)}.community-panel,.community-form{margin-top:8px}.community-head{display:flex;align-items:start;justify-content:space-between;gap:8px}.community-tabs button,.community-form button,.community-line button{padding:7px 8px;border:1px solid #62704e;background:#242b1e;border-radius:4px;font-size:12px}.community-form label,.level-ranking-controls label,.community-code label{display:grid;gap:5px;font-size:12px}.community-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:10px}.community-line button{margin-inline-start:5px}.community-head p,.level-ranking-head p,.level-ranking-controls p{color:var(--sub);margin-top:5px;font-size:12px;line-height:1.55}.community-list{list-style:none;padding:0;margin:7px 0}.community-line{padding:7px 3px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.community-chat{max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:7px 9px;margin-block:5px;border:1px solid var(--line);border-radius:4px;background:#101610;list-style:none}.community-chat li{overflow-wrap:anywhere}@media(max-width:768px){.community-grid{grid-template-columns:minmax(0,1fr)}.announcement-inner{gap:6px}}@media(max-width:680px){html{scroll-padding-top:101px}.header-inner:not(.announcement-inner){grid-template-columns:minmax(0,1fr) auto auto}.site-header nav{gap:clamp(4px,1.3vw,9px)}.site-header nav a{font-size:clamp(9px,2.8vw,11px)}.announcements .header-inner{height:auto;min-height:38px}}@media(prefers-reduced-motion:reduce){.announcements #announcement-copy{animation:none!important;white-space:normal;max-width:100%}}.menu-theme{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-bottom:10px;padding:12px;border:1px solid #5e653e;border-radius:4px;background:linear-gradient(94deg,#1c2218f2,#242a1cc9),var(--art-audio) right center / cover}.menu-theme strong{display:block;margin-top:4px;font:700 24px/1.1 var(--en);color:var(--paper)}.menu-theme small{color:var(--sub);font-size:11px}.menu-theme button{min-height:40px;padding:6px 10px}.menu-theme button[aria-pressed=true]{color:var(--yellow)}.tuning-panel{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:clamp(14px,2.4vw,24px);background:linear-gradient(117deg,#111b29ed,#0e1520f2),var(--art-tuning) right center / cover}.tuning-head,.tuning-stage,.tuning-parts li{display:flex;justify-content:space-between;align-items:center;gap:12px}.tuning-head h3{margin:0;font-size:18px}.tuning-head p,.tuning-stage p+p,.tuning-parts p,.tuning-note{color:var(--sub);font-size:12px;line-height:1.55}.tuning-head p{margin-top:3px;overflow-wrap:anywhere}.tuning-balance{min-width:0;text-align:right;flex:none}.tuning-balance span{display:block;font-size:11px;color:var(--sub)}.tuning-balance strong{color:var(--yellow);font:700 clamp(20px,2.6vw,31px)/1.1 var(--en);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tuning-player,.tuning-vehicle,.tuning-star{margin-top:13px;padding:9px 12px;border:1px solid var(--line);border-radius:3px;background:#172332;font-size:12px}.tuning-player>div,.tuning-vehicle>div,.tuning-star>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}.tuning-player strong,.tuning-vehicle strong{color:var(--paper)}.tuning-player span,.tuning-vehicle span,.tuning-star>div>span,.tuning-star p{color:var(--sub)}.tuning-player progress,.tuning-vehicle progress{display:block;margin-top:7px}.tuning-player p,.tuning-vehicle p{margin-top:7px;color:var(--sub);overflow-wrap:anywhere}.tuning-star strong{color:var(--yellow)}.tuning-star p{margin-top:4px;line-height:1.55}.tuning-stage{margin-top:14px;padding:12px;border:1px solid #535c3a;border-left:3px solid var(--yellow);border-radius:3px;background:#232b25}.tuning-stage p:first-child{font-size:12px}.tuning-stage strong{color:var(--yellow);margin-left:5px}.tuning-quantity{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;color:var(--sub);font-size:12px}.tuning-quantity select{min-height:44px;font-size:16px}.tuning-controls{display:grid;gap:8px;margin-top:14px}.tuning-groups,.tuning-buy-options,.tuning-bulk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.tuning-panel :is(.tuning-groups,.tuning-buy-options,.tuning-bulk-actions) button{white-space:normal;max-width:100%}.tuning-panel .tuning-groups button{flex:1 1 auto;color:var(--paper);border-color:var(--line);background:#102033}.tuning-panel .tuning-groups button[aria-pressed=true]{color:var(--yellow);border-color:var(--yellow);background:#263129}.tuning-buy-options{justify-content:space-between}.tuning-compare,.tuning-bulk-review{min-width:0;margin-block-start:10px;border:1px solid var(--line);border-radius:5px;background:#101c2b;font-size:12px;line-height:1.5}.tuning-compare summary{min-height:44px;padding:12px;cursor:pointer}.tuning-compare table{width:100%;table-layout:fixed;border-collapse:collapse}.tuning-compare :is(th,td){padding:5px 8px;border-top:1px solid var(--line);text-align:start;overflow-wrap:anywhere}.tuning-compare thead,.tuning-compare tbody th{color:var(--sub)}.tuning-compare td.tuning-changed{color:var(--yellow);font-weight:750}.tuning-bulk-review{padding:10px;border-color:#778554;overflow-wrap:anywhere}.tuning-bulk-review h4{margin:0 0 4px;color:var(--paper)}.tuning-bulk-review p:not([hidden]){margin-block-end:6px}.tuning-bulk-review [data-tuning-bulk-rank]{color:var(--yellow)}.tuning-bulk-review ul{max-height:192px;overflow-y:auto;margin:0 0 8px;padding-inline-start:20px}.tuning-bulk-review li+li{margin-top:2px}.tuning-parts{display:grid;margin:12px 0 0;padding:0;list-style:none}.tuning-parts li{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,26%) 130px;padding:8px 0;border-bottom:1px solid var(--line);min-width:0}.tuning-parts li strong{font-size:13px;line-height:1.4}.tuning-meter{min-width:0;display:grid;grid-template-columns:minmax(62px,max-content) minmax(0,1fr);align-items:center;gap:6px;color:var(--paper);white-space:nowrap;font:700 13px/1 var(--en)}.tuning-meter progress,.tuning-player progress,.tuning-vehicle progress{width:100%;height:6px;border:0;border-radius:2px;appearance:none;background:#383f33;overflow:hidden;accent-color:var(--yellow)}.tuning-meter progress::-webkit-progress-bar,.tuning-player progress::-webkit-progress-bar,.tuning-vehicle progress::-webkit-progress-bar{background:#383f33}.tuning-meter progress::-webkit-progress-value,.tuning-player progress::-webkit-progress-value,.tuning-vehicle progress::-webkit-progress-value{background:var(--yellow)}.tuning-meter progress::-moz-progress-bar,.tuning-player progress::-moz-progress-bar,.tuning-vehicle progress::-moz-progress-bar{background:var(--yellow)}.tuning-panel button{min-height:44px;background:#303729;border:1px solid #717b45;border-radius:3px;padding:6px 8px;font-size:12px;font-weight:700;line-height:1.4;color:var(--yellow)}.tuning-panel button:hover:not(:disabled){background:var(--yellow);color:#171b12}.tuning-panel button:disabled{color:#afb39d;cursor:default;opacity:.72}.tuning-stage button{flex:0 1 auto}.tuning-note{margin-top:11px}.tuning-status{color:var(--yellow);font-size:12px;line-height:1.5}.tuning-status:not(:empty){margin-top:7px}@media(max-width:560px){.tuning-head{flex-wrap:wrap;align-items:start}.tuning-balance{max-width:100%}.tuning-parts li{grid-template-columns:minmax(0,1fr) minmax(82px,35%);gap:5px 10px}.tuning-parts li button{grid-column:2;grid-row:1 / 3}.tuning-stage{align-items:stretch;flex-direction:column;gap:8px}}.shop-panel{padding:clamp(12px,2.6vw,24px);border:1px solid var(--line);border-radius:12px}.shop-head,.shop-pager{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-head{flex-wrap:wrap;padding:2px 0 12px;border-bottom:1px solid var(--line)}.shop-head h3{margin:0 0 4px}.shop-head p{font-size:12px;line-height:1.55;color:var(--sub)}.shop-head .shop-player{color:var(--yellow);margin-top:5px}.shop-head .ui-icon{margin-inline-end:.34em;color:var(--yellow)}.shop-tools{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));margin-top:14px}.shop-tools label .ui-icon{margin-inline-end:.36em}.shop-matches{margin:13px 0 6px;color:var(--sub);font-size:12px}.shop-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-car{display:grid;grid-template-columns:minmax(0,1fr) auto;align-self:start;min-width:0;gap:10px 7px;padding:12px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(112deg,#111b29,#182333)}.shop-car>div{min-width:0}.shop-car-title{position:relative;padding-inline-start:14px}.shop-car-title:before{content:"";position:absolute;inset:2px auto 2px 0;width:5px;border:1px solid #ffffff4a;border-radius:3px;background:var(--stock-paint, #6e7c8c)}.shop-car strong{font-size:14px;overflow-wrap:anywhere}.shop-car small{color:var(--sub);display:block;margin-top:3px;font-size:11px;overflow-wrap:anywhere}.shop-car-price{align-self:center;color:var(--yellow);font-size:13px;font-weight:800;text-align:end}.shop-car button,.shop-pager button{min-height:44px;padding:7px 9px;font-size:12px}.shop-car button:disabled{cursor:default;color:var(--sub);border-color:var(--line);background:#182131}.shop-car-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.shop-car-actions button{justify-content:center;text-align:center}.shop-car-inspect[aria-expanded=true]{border-color:var(--yellow);color:var(--yellow)}.shop-car-details{grid-column:1 / -1;padding:10px;border-top:1px solid var(--line);border-radius:5px;background:#0b1018}.shop-car-details h4{margin:0 0 8px;color:var(--yellow);font-size:12px}.shop-car-details dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 6px;margin:0}.shop-car-details dt{color:var(--sub);font-size:11px}.shop-car-details dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:12px;font-weight:800}.shop-car-details p{margin:11px 0 0;color:var(--sub);font-size:12px;line-height:1.6}.shop-car-preview{min-width:0;margin:0 0 12px}.shop-car-preview figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;align-items:baseline;margin-bottom:6px;color:var(--paper)}.shop-car-preview figcaption span{color:var(--sub);font-size:12px}.shop-car-preview canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px;background:radial-gradient(ellipse at 50% 58%,#495d73,#223249 64%,#152236)}.shop-car-preview-controls{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.shop-car-preview-controls .ghost{flex:1 1 auto;justify-content:center}.shop-pager{justify-content:center;margin-top:12px}.shop-pager output{font-size:12px;color:var(--sub)}.shop-pager[hidden]{display:none}@media(max-width:650px){.shop-inventory{grid-template-columns:minmax(0,1fr)}}@media(max-width:400px){.shop-tools{grid-template-columns:minmax(0,1fr)}.shop-car-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}#shop .shop-panel{background-image:linear-gradient(110deg,#101827f8,#101827ed 55%,#101827d6),var(--art-tuning)}#garage .garage-grid{border-radius:12px}#garage .car-stage{min-height:clamp(275px,38vw,414px);background:radial-gradient(ellipse at 50% 62%,#35485b,#19283a 54%,#101827 96%)}#garage #car-canvas{min-height:0}#garage .garage-hint{right:11px;bottom:11px;padding:6px 9px;border:1px solid #8096ad48;border-radius:5px;color:var(--paper);background:#0b1018df;font-size:11px}#garage .car-info{display:flex;flex-direction:column;justify-content:center;min-width:0;border-inline-start:1px solid var(--line);background:linear-gradient(126deg,#172233,#101827)}#garage .car-info h3,#garage .car-meta{overflow-wrap:anywhere}#garage .car-meta{letter-spacing:.035em}#garage .car-stats>div{grid-template-columns:minmax(57px,auto) minmax(0,1fr) auto}#garage .car-stats dd{min-width:3ch}#garage .garage-shortcuts,#shop .shop-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}#garage .garage-shortcuts{margin:10px 0 16px}#garage .garage-shortcuts a,#garage .garage-shop-link,#shop .shop-shortcuts a,#records .records-action{display:inline-flex;align-items:center;min-height:44px;gap:5px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#111a29}#garage .garage-shortcuts a:hover,#garage .garage-shop-link:hover,#shop .shop-shortcuts a:hover,#records .records-action:hover{border-color:var(--yellow)}#garage .garage-catalog{min-width:0;padding:clamp(11px,2.5vw,19px);border:1px solid var(--line);border-radius:12px;background:#101827}#garage .garage-catalog h3{margin:0 0 8px;font-size:16px}#garage .car-catalog-tools{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));margin-top:0}#garage .catalog-current{min-height:44px}#garage .car-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,146px),1fr));gap:6px}#garage .car-choice{min-height:56px;gap:6px;padding:6px;background:#172334}#garage .car-choice[aria-pressed=true]{border-color:var(--yellow);background:#28352b}#garage .car-choice span{min-width:0}#garage .car-choice strong,#garage .car-choice small{overflow-wrap:anywhere}#garage .customization-panel,#garage .operator-garage{border-radius:10px;background-image:linear-gradient(113deg,#101827f4,#152235e8),var(--art-garage)}#garage .paint-swatch,#garage .customization-panel input{background:#0f1724}#garage .paint-swatch[aria-pressed=true]{background:#25332b}#records .records-intro{margin-top:8px;color:var(--sub);font-size:13px;line-height:1.5}#records .records{border-radius:12px;background:linear-gradient(120deg,#101827f5,#152136ee),var(--art-results) center / cover}#records .records>p{padding:20px 15px}#records .record{gap:8px;min-height:65px;padding:10px 13px}#records .record>div,#records .record small{overflow-wrap:anywhere}#records .record small{font-size:11px;opacity:.9}#records .record-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 8px;min-width:0}#records .record-actions button{min-height:44px;white-space:nowrap}@media(max-width:440px){#records .record{grid-template-columns:minmax(0,1fr)}#records .record-actions{justify-content:space-between}}#records .record b{max-width:14ch;font-size:clamp(17px,2.25vw,24px);font-variant-numeric:tabular-nums;text-align:end;overflow-wrap:anywhere;white-space:normal}#records .records-action{margin-top:10px}@media(max-width:760px){#garage .car-info{border-inline-start:0;border-top:1px solid var(--line)}}@media(max-width:620px){.shop-tools,#garage .car-catalog-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:730px){#garage .car-catalog-tools label:first-child{grid-column:auto}}@media(max-width:400px){#garage .car-list{grid-template-columns:repeat(2,minmax(0,1fr))}#garage .car-choice>.ui-icon{display:none}#garage .garage-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#garage .garage-shortcuts a{justify-content:center;padding-inline:4px;white-space:normal;text-align:center}#garage .garage-shortcuts a>.ui-icon{display:none}#garage .operator-unlock{grid-template-columns:minmax(0,1fr)}}.gamepad-settings{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.gamepad-settings h3{font-size:15px;margin:0 0 7px}.gamepad-settings p{font-size:12px;line-height:1.5;color:var(--sub);margin:0 0 9px}.gamepad-settings select{width:100%;margin-bottom:9px;color:var(--paper);background:#303630;border:1px solid #535a43;border-radius:3px;padding:7px;font-size:13px}.gamepad-bindings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.gamepad-bindings button,.gamepad-defaults{display:grid;gap:3px;padding:7px 8px;text-align:left;background:#303630;border:1px solid #535a43;border-radius:3px;font-size:12px;overflow-wrap:anywhere}.gamepad-bindings button small{color:var(--sub);font-size:10px}.gamepad-bindings button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}.gamepad-defaults{margin-top:8px}.catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(94px,.34fr);gap:8px;align-items:end}.car-catalog-tools{margin-top:15px}.car-catalog-tools,.track-catalog-tools{grid-template-columns:minmax(110px,1fr) minmax(90px,.34fr) minmax(90px,.34fr)}.catalog-tools label{display:grid;gap:5px;color:var(--sub);font-size:12px;font-weight:700}.catalog-tools input,.catalog-tools select{min-width:0;width:100%;min-height:44px;padding:7px 8px;color:var(--paper);font-size:16px;background:#1d211d;border:1px solid var(--line);border-radius:3px}.catalog-tools input::placeholder{color:#a9a99b}.catalog-status{display:flex;justify-content:space-between;align-items:center;gap:7px 12px;min-height:39px;flex-wrap:wrap;font-size:12px;color:var(--sub)}.catalog-current{min-width:0;min-height:34px;padding:3px 0;border:0;background:none;color:var(--yellow);overflow-wrap:anywhere;text-align:right}.catalog-current:hover{text-decoration:underline}.catalog-preferences{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-block-start:10px;min-width:0}.catalog-view-filter{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.catalog-preferences button{min-height:44px;min-width:0;max-width:100%;padding:6px 9px;border:1px solid #405164;border-radius:6px;color:var(--paper);background:#121d2b;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.catalog-preferences button:hover,.catalog-preferences button:focus-visible{border-color:var(--yellow)}.catalog-preferences button[aria-pressed=true]{border-color:var(--yellow);background:#363e2c;color:var(--yellow)}.catalog-favorite-toggle{display:inline-flex;align-items:center;gap:4px;margin-inline-start:auto}.catalog-favorite-toggle>span:first-child{color:var(--yellow);font-size:16px}.catalog-favorite-mark{margin-inline-start:4px;color:var(--yellow);font-size:.85em}.car-choice strong .catalog-favorite-mark{display:inline}.catalog-preferences-notice{flex-basis:100%;color:var(--sub);font-size:12px}.track-list,.car-list{max-height:360px;overflow:auto;align-content:start;padding:4px;border:1px solid var(--line);border-radius:4px;background:#171a17;scrollbar-color:#626951 #171a17;scroll-padding:4px}.car-list{max-height:250px;margin-top:0}.catalog-empty{grid-column:1 / -1;padding:18px 10px;color:var(--sub);font-size:13px}.track-card{min-height:142px}.track-card>span{max-width:100%;overflow-wrap:anywhere}.track-card .track-badge{white-space:normal}.car-choice{min-height:51px}.car-choice span{min-width:0;overflow-wrap:anywhere}.car-choice strong{font-size:12px}.car-choice small{display:block;margin-top:4px}@media(max-width:680px){.track-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}.track-card{min-height:122px}.car-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:228px}.catalog-current{min-height:44px}}@media(max-width:600px){.car-catalog-tools,.track-catalog-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.car-catalog-tools label:first-child,.track-catalog-tools label:first-child{grid-column:1 / -1}}@media(max-width:420px){.catalog-favorite-toggle{margin-inline-start:0}}.ui-icon{display:inline-block;width:1.14em;height:1.14em;flex:none;vertical-align:-.18em;pointer-events:none}[data-ui-icon]>.ui-icon:first-child{margin-inline-end:.36em}[data-ui-replace]>.ui-icon:first-child{margin-inline-end:0}.site-header nav a{gap:.44em}.site-header nav a>.ui-icon:first-child{margin:0}.site-header .ui-icon,.settings-btn .ui-icon{width:1.2em;height:1.2em}.settings-icon{display:inline-flex}.section-heading h2>.ui-icon,.tuning-head h3>.ui-icon,.modal-head h2>.ui-icon{color:var(--yellow)}.section-heading h2>.ui-icon{width:.85em;height:.85em;vertical-align:-.05em}.hero-actions a.ghost{justify-content:flex-start;gap:.55em}.hero-actions a.ghost>.ui-icon{width:1.25em;height:1.25em;color:var(--yellow)}.hero-actions a.ghost>span:empty{display:none}.catalog-label{font:inherit}.catalog-label .ui-icon,.track-badge .ui-icon{margin-inline-end:.32em}.mode-icon .ui-icon{width:1.2em;height:1.2em;vertical-align:middle}.car-choice>.ui-icon{width:17px;height:17px;color:var(--paint);filter:drop-shadow(0 0 2px #101411)}.car-choice[aria-pressed=true]>.ui-icon{color:var(--yellow)}.track-badge .ui-icon{width:13px;height:13px}.song-preview .ui-icon{width:19px;height:19px;vertical-align:middle}.song-select .ui-icon,.record .ui-icon{margin-inline-end:.35em;color:var(--yellow)}.car-meta .ui-icon,.tuning-balance .ui-icon,.tuning-stage .ui-icon,.tuning-parts .ui-icon{margin-inline-end:.34em;color:var(--yellow)}.tuning-panel button .ui-icon{color:inherit}.gamepad-bindings .ui-icon,.gamepad-defaults .ui-icon{margin-inline-end:.35em}.cross>.ui-icon,.race-buttons .ui-icon{width:19px;height:19px;vertical-align:middle}.race-timing>.ui-icon,.instrument .ui-icon{color:var(--yellow);margin-inline-end:.3em}.race-buttons button:focus-visible,.touch-controls button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.touch-controls button{display:grid;align-content:center;justify-items:center;gap:2px}.touch-controls button .ui-icon{width:20px;height:20px;margin:0}.touch-controls button .touch-label{font-size:11px;line-height:1}.result-details dt .ui-icon{margin-inline-end:.35em;color:var(--yellow)}@media(max-width:680px){.site-header nav a{flex-direction:column;justify-content:center;gap:2px;line-height:1.08}.car-choice>.ui-icon{width:14px;height:14px}}@media(max-width:320px){.track-badge .ui-icon{width:11px;height:11px;margin-inline-end:2px}}.catalog-current .ui-icon{margin-inline-end:.3em}.car-choice>.ui-icon{color:#d1d4bd}.car-choice>i{width:4px}.race-track-label{min-width:0;max-width:100%}.race-track-label .ui-icon{color:var(--yellow);margin-inline-end:.3em}.check-label>span:first-of-type{display:block}.setting-rows b{font-weight:inherit}@media(max-width:360px){.car-choice>i{width:3px}.instrument span .ui-icon{width:.86em;height:.86em}}img,canvas{-webkit-touch-callout:none;-webkit-user-drag:none}:where([data-artwork]){-webkit-touch-callout:none}:where([data-artwork]>*){-webkit-touch-callout:default}:where(a[href],button) img{pointer-events:none}:root{--bg: #0b1018;--panel: #131d29;--paper: #f0f4f8;--sub: #afbccb;--line: #344354;--cyan: #8bdbe6;--page-gutter: clamp(12px, 4vw, 52px);--header-offset: calc(var(--header-size, 116px) + 12px)}html{scroll-padding-top:var(--header-offset)}body{min-width:0}.wrap,.site-header .header-inner{width:min(1328px,calc(100% - 2 * var(--page-gutter)))}.site-header{padding-block-start:env(safe-area-inset-top);border-color:var(--line);background:linear-gradient(90deg,#0d141ffc,#101b27ed),var(--art-road) right center / min(75%,780px) auto no-repeat}.site-header .header-inner:not(.announcement-inner){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto) auto;grid-template-areas:"brand navigation actions";height:auto;min-height:68px;gap:10px clamp(10px,3vw,34px)}.site-header .brand{grid-area:brand;width:fit-content;max-width:100%;min-width:0}.site-header .brand img{flex:0 0 auto}.site-header nav{grid-area:navigation;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.site-header nav a{justify-content:center;gap:.32em;min-width:0;min-height:44px;padding:5px clamp(2px,1.6vw,21px);border-radius:4px 4px 0 0;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.2}.site-header nav a[aria-current]{background:#dffd6010}.header-actions{grid-area:actions;display:flex;justify-content:end;align-items:center;gap:clamp(5px,1vw,13px)}.wallet-badge{display:grid;gap:1px;min-width:0;padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:#101d2a}.wallet-badge span{color:var(--cyan);font-size:10px;white-space:nowrap;line-height:1.2}.wallet-badge strong{color:var(--yellow);font-size:clamp(11px,2vw,14px);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.2}.site-header .settings-btn{min-height:44px;max-width:100%;padding:6px 11px;border-color:var(--line);border-radius:5px;background-color:var(--panel)}.site-header .settings-btn .settings-icon{flex:none}.announcements{background:#101c25;border-color:var(--line)}.announcement-inner{min-height:44px;gap:clamp(4px,2vw,12px)}.announcement-inner strong{color:var(--cyan)}#announcement-toggle{min-height:44px;border:0;color:var(--paper)}#announcement-toggle:hover{color:var(--yellow)}.announcements:not(.is-ready) #announcement-copy,.announcements.is-static #announcement-copy{width:auto;white-space:normal;overflow-wrap:anywhere}.hero{min-height:clamp(440px,42vw,650px)}.hero:after{background:linear-gradient(90deg,#0a111cf5,#0a111cb5 35%,#0a111c20 75%),linear-gradient(0deg,#0b1018,#0b101800 32%)}.hero-inner{padding-block:clamp(45px,8vw,100px)}.hero-content{min-width:0;max-width:min(100%,610px)}.hero h1{font-size:clamp(55px,10vw,150px)}.hero-description{max-width:38ch;color:var(--sub)}.hero-actions{gap:9px}.hero-actions :is(button,a){max-width:100%;justify-content:center}.hero-links{display:flex;flex-wrap:wrap;gap:3px 18px}.hero-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--paper);font-size:13px}.hero-links a:hover{color:var(--yellow)}.hero-links .ui-icon{color:var(--cyan)}.stat-band{border-color:var(--line);background:#101822}.stats{grid-template-columns:repeat(3,minmax(0,1fr));min-height:auto}.stat-link{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-width:0;gap:5px clamp(4px,1.7vw,18px);padding:13px 4px;border-inline-end:1px solid var(--line);text-align:center}.stat-link:first-child{border-inline-start:1px solid var(--line)}.stat-link:hover{background:#dffd6010}.stat-link:focus-visible{outline-offset:-3px}.stat-link strong{font-size:clamp(29px,5vw,48px)}.stat-link span{font-family:var(--jp);font-size:clamp(11px,1.7vw,15px);letter-spacing:0}.stat-link .ui-icon{color:var(--cyan)}:where(.content-section,.section-heading,.section-heading>*,.lower-grid>*){min-width:0}.section-heading{flex-wrap:wrap;align-items:baseline}.section-heading h2{overflow-wrap:anywhere}.content>:is(#setup,#garage,#online-play),.lower-grid>:is(#records,#audio){background-image:linear-gradient(105deg,#0b1018 10%,#0b1018ee 53%,#0b1018a6),var(--ui-art)}.section-heading .quiet,footer .quiet{min-height:44px;white-space:normal}.lower-grid{gap:clamp(12px,3vw,34px)}footer{padding-block:22px max(22px,env(safe-area-inset-bottom));background:#101822}footer .footer-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}footer .site-copyright{order:initial;width:auto;margin-top:7px}footer nav{display:flex;align-items:start;flex-wrap:wrap;gap:7px}.modal[data-overlay]{position:fixed;width:min(var(--modal-width, 470px),calc(100% - 2 * var(--page-gutter)));max-height:calc(100% - 2 * var(--page-gutter));max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)));overscroll-behavior:contain;scrollbar-gutter:stable;padding:clamp(12px,3vw,24px);border-color:var(--line);background:linear-gradient(135deg,#101a27fa,#142131eb),var(--ui-art, var(--art-controls)) center / cover}.modal:focus-visible{outline:1px solid var(--cyan)}.modal-head{align-items:center}.modal-head h2{min-width:0;overflow-wrap:anywhere;font-size:clamp(19px,4vw,25px)}.modal .cross{min-width:44px;min-height:44px;border-color:var(--line);background-color:#202f40}#settings{--modal-width: 620px}.setting-rows{gap:12px}.settings-group,#settings .gamepad-settings{display:grid;gap:12px;min-width:0;margin:0;padding:10px clamp(8px,2.5vw,15px) 13px;border:1px solid var(--line);border-radius:5px;background:#111b27c4}.settings-group legend{padding-inline:5px;color:var(--cyan);font-size:13px;font-weight:700}.settings-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.settings-sliders label,.settings-group label,#settings select{min-width:0}.settings-sliders input[type=range]{display:block;height:28px;margin:0}.setting-rows :is(.select-label,.check-label){width:100%;margin:0}#settings select{width:100%;min-height:44px;margin:0;background:#202f40;border-color:var(--line);font-size:16px}.settings-group .check-label{align-items:start;padding-block:7px}.settings-group .check-label input{margin:0;width:19px;height:19px;flex:none}.settings-group .check-label b{font-weight:700}#settings .gamepad-settings{gap:7px}#settings .gamepad-settings :is(h3,p){margin:0}#settings .gamepad-settings :is(button,select){min-height:44px}.settings-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:14px}.settings-actions small{min-width:0;margin-inline-end:auto;color:var(--sub);font-size:11px}#error-text{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:680px){:root{--header-offset: calc(var(--header-size, 140px) + 12px)}.site-header .header-inner:not(.announcement-inner){grid-template-areas:"brand actions" "navigation navigation";grid-template-columns:minmax(0,1fr) auto;gap:0;padding-top:3px}.site-header .settings-btn{padding:5px 9px}.site-header nav{width:100%;gap:2px}.site-header nav a{gap:4px;font-size:11px}.hero{min-height:clamp(340px,110vw,470px)}.hero:before{background-position:61% center}.hero:after{background:linear-gradient(90deg,#0a111cbd,#0a111c1a 90%),linear-gradient(0deg,#0b1018 3%,#0b101800 85%)}.hero-inner{padding-block:36px 25px}.hero h1{font-size:clamp(53px,13vw,86px)}footer .footer-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:380px){.settings-sliders{grid-template-columns:minmax(0,1fr)}.stat-link{flex-direction:column}}@media(min-width:580px)and (max-height:475px)and (orientation:landscape){.site-header .header-inner:not(.announcement-inner){grid-template-areas:"brand navigation actions";grid-template-columns:minmax(0,1fr) minmax(0,auto) auto;min-height:51px;column-gap:8px}.site-header nav a{padding-inline:8px}}@media(forced-colors:active){.site-header,.modal[data-overlay],.hero:after{background-image:none}}#setup .setup-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);align-items:stretch;gap:clamp(12px,1.7vw,24px)}.course-browser,#setup .mode-panel{min-width:0;padding:clamp(13px,1.8vw,23px);border:1px solid var(--line);border-radius:16px;background:#111b29}#setup .mode-panel{display:flex;flex-direction:column;background:linear-gradient(166deg,#162436,#101925 76%)}#setup .selection-heading{min-width:0;margin:0 0 12px;font-size:clamp(17px,2vw,22px);line-height:1.3}.selection-heading .ui-icon{color:var(--yellow);margin-inline-end:.37em}.course-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}#setup .course-features .bonus-guide{display:grid;align-content:start;justify-content:stretch;grid-template-rows:1fr auto;min-width:0;min-height:104px;margin:0;padding:10px 11px;overflow:hidden;color:var(--paper);background:linear-gradient(105deg,#19252fed,#172333bf 70%,#17243180),var(--art-road) center 46% / cover;border:1px solid #475b61;border-radius:9px}#setup .course-features .endurance-guide{background:linear-gradient(105deg,#15212dee,#152333b8 65%,#16243380),url(./hyakuri-endurance.webp) center 45% / cover;border-color:#786b50}#setup .course-features .xp-guide{grid-column:1 / -1;background:linear-gradient(105deg,#153341f5,#174153ac),var(--art-road) center 42% / cover;border-color:#5e99ad}.course-features .bonus-guide strong,.course-features .bonus-guide p{overflow-wrap:anywhere}#setup .course-features .bonus-guide strong{color:var(--paper);font-size:12px}#setup .course-features .bonus-guide strong .ui-icon,#setup .course-features #bonus-count{color:var(--yellow)}#setup .course-features .xp-guide strong .ui-icon,#setup :is(#xp-course-count,#xp-course-range,#launch-xp){color:#a8eeff}#setup .course-features .bonus-guide p{color:#d4dce7;line-height:1.55}#setup .course-features .bonus-guide button{justify-self:start;white-space:normal;min-height:36px;padding-inline:0;color:var(--paper)}#setup .catalog-tools{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.68fr))}#setup .catalog-tools label,#setup .catalog-tools input,#setup .catalog-tools select{min-width:0}#setup .catalog-tools :is(input,select),#setup .mode-options select{min-height:43px;background:#0b1420;border-color:#35495e;border-radius:8px;color:var(--paper)}#setup .catalog-tools option,#setup .mode-options option{background:#0b1420}#setup .catalog-tools input::placeholder{color:#a8b8cb}#setup .catalog-status{min-height:40px}#setup .catalog-current{text-align:start}#setup .track-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;max-height:clamp(310px,35vw,470px);background:#0c1420;border:1px solid #263a50;border-radius:10px;scrollbar-color:#647483 #0c1420;scrollbar-gutter:stable}#setup .track-card{min-width:0;min-height:clamp(115px,12vw,155px);padding:9px 10px;gap:8px;border-color:#506176;border-radius:8px;background:#1b2a3d}#setup .track-card:after{background:linear-gradient(0deg,#07111b,#0b1625e6 23%,#0e1a2e55 67%,#0d19263b)}#setup .track-card:focus-visible,#setup .track-card[aria-pressed=true]{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}#setup .track-card:hover{border-color:var(--yellow)}#setup .track-card .track-badge{padding:3px 6px;background:#0a1622ee;border:1px solid #74889e;border-radius:5px;color:#edf4fa;font-size:10px;line-height:1.35}#setup .bonus-track .track-badge{color:#eff4a4;border-color:#929a60}#setup .endurance-track .track-badge{color:#ffe2a2;border-color:#bd915a}#setup .xp-track .track-badge{color:#a8eeff;border-color:#609db0}#setup .track-card[aria-pressed=true] .track-badge{color:#152022;background:var(--yellow);border-color:var(--yellow)}#setup .track-name{font-size:clamp(14px,1.45vw,20px);color:#f8fbfd}#setup .track-detail{color:#d2dee9;line-height:1.45}#setup .mode-list{gap:7px;margin-bottom:13px}#setup .mode-card{min-width:0;min-height:51px;display:grid;grid-template-columns:23px minmax(0,1fr);gap:7px;align-items:center;padding:7px 8px;border:1px solid #3a4e65;border-radius:8px;background:#122132;color:var(--paper);overflow-wrap:anywhere}#setup .mode-card:hover,#setup .mode-card[aria-pressed=true]{border-color:var(--yellow)}#setup .mode-card[aria-pressed=true]{background:#343d2d}.mode-name{min-width:0;font-size:12px;line-height:1.35}#setup .mode-card .mode-icon{color:#b3c5d7}#setup .mode-card[aria-pressed=true] .mode-icon{color:var(--yellow)}.mode-options{display:grid;gap:9px;margin-bottom:12px}#setup .mode-options .select-label{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;color:#d4dce7;overflow-wrap:anywhere}#setup .mode-options select{min-width:0;width:100%;font-size:16px}#setup .difficulty-setting{margin:0}#setup .difficulty-setting .panel-note{min-height:0;color:#adbecf}.selection-summary{min-width:0;margin-top:auto;padding:12px;display:grid;gap:2px;border:1px solid #334c64;border-radius:9px;background:#0b1523;overflow-wrap:anywhere}.selection-summary span{color:#a6bed6;font-size:11px}.selection-summary strong{color:#f1f5f9;font-size:14px}.selection-summary p{color:#b8c8d7;font-size:12px}#setup .launch{min-height:46px;margin-top:9px;justify-content:space-between;white-space:normal;line-height:1.25;text-align:start}@media(max-width:860px){#setup .setup-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media(max-width:680px){#setup .setup-grid{grid-template-columns:minmax(0,1fr)}#setup .catalog-tools{grid-template-columns:repeat(2,minmax(0,1fr))}#setup .catalog-tools label:first-child{grid-column:1 / -1}#setup .track-list{max-height:365px}#setup .mode-options .select-label{font-size:12px}}@media(max-width:360px){#setup .course-features{grid-template-columns:minmax(0,1fr)}#setup .course-features .bonus-guide{min-height:0}#setup .track-list{gap:5px;padding:3px}#setup .track-card{padding:7px;min-height:108px}#setup .course-features .bonus-guide{padding:8px}#setup .course-features .bonus-guide button{min-height:44px}#setup .mode-card{grid-template-columns:19px minmax(0,1fr)}}.race-challenges{min-width:0}.race-challenge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.race-challenge{display:grid;align-content:start;gap:7px;min-width:0;padding:clamp(9px,2vw,14px);border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow-wrap:anywhere}.race-challenges .race-challenge>header,.race-challenges .race-challenge>footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;min-width:0;border:0;margin:0;padding:0;background:none}.race-challenges .race-challenge>header>span{color:var(--cyan);font-size:11px;font-weight:740}.race-challenges .race-challenge h3,.race-challenges .race-challenge p{margin:0}.race-challenges .race-challenge h3{color:var(--paper);font-size:15px;line-height:1.4}.race-challenge p,.race-challenge-note{color:var(--sub);font-size:13px;line-height:1.5}.race-challenge-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.race-challenge-progress progress{width:100%;height:8px;accent-color:var(--cyan)}.race-challenge-progress strong{color:var(--paper);font-size:12px}.race-challenge>footer>span{font-size:11px;color:var(--sub)}.race-challenge>footer>.race-challenge-payout{color:var(--yellow);font-weight:740;font-size:12px}.race-challenge-note{margin:8px 0 0}@media(max-width:530px){.race-challenge-list{grid-template-columns:minmax(0,1fr)}}#race .tuning-bench{min-width:0;padding:0 10px;border:1px solid var(--race-line, var(--line));border-radius:7px;background:#0b1623cc;color:var(--race-muted, var(--sub));font-size:12px}#race .tuning-bench summary{min-height:44px;padding-block:13px 8px;color:var(--paper);font-weight:750;cursor:pointer}#race .tuning-bench dl{display:grid;gap:6px;margin:0}#race .tuning-bench dl>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;padding-block:5px;border-top:1px solid var(--race-line, var(--line))}#race .tuning-bench dd{min-width:0;margin:0;font-weight:750;color:var(--paper);overflow-wrap:anywhere}#race .tuning-bench dd small{margin-inline-start:.65em;color:var(--race-cyan, var(--sub))}#race .tuning-bench p{margin-block:6px 9px;line-height:1.55}#community{--social-bg: #0b1018;--social-card: #121c2a;--social-overlay: #182639;--social-border: #344962;--social-copy: #c5d3e0;--social-low: #9cafc4;--social-cyan: #8ae4f5}#community .section-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 20px}.community-jumps{display:flex;flex-wrap:wrap;gap:8px}.community-jumps a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;color:var(--social-cyan);background:#101e2e;border:1px solid var(--social-border);border-radius:6px}.community-grid{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);align-items:start;gap:clamp(12px,2.5vw,24px)}.community-grid>*{min-width:0;scroll-margin-top:12px}#community :is(.level-ranking,.community-app){min-width:0;display:grid;gap:clamp(10px,1.5vw,16px);padding:clamp(14px,2.4vw,23px);border:1px solid var(--social-border);border-radius:9px;background:linear-gradient(145deg,#19283a 0%,var(--social-card) 49%,#101723 100%)}#community :is(.level-ranking-head,.community-head) h3{margin:0;font-size:clamp(16px,2vw,21px);line-height:1.38;overflow-wrap:anywhere}#community :is(.level-ranking-head,.community-head) h3 svg{margin-inline-end:.35em;color:var(--social-cyan)}#community :is(.level-ranking-head,.community-head) p{margin:6px 0 0;font-size:12px;color:var(--social-copy);line-height:1.55;overflow-wrap:anywhere}.level-ranking-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.level-ranking-summary dl{min-width:0;margin:0;border:1px solid var(--social-border);border-radius:6px;padding:9px 10px;background:var(--social-bg)}.level-ranking-summary dt{color:var(--social-low);font-size:11px}.level-ranking-summary dd{margin:5px 0 0;color:var(--yellow);font:700 clamp(18px,2.5vw,27px)/1.15 var(--en, sans-serif);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.level-ranking-scroll{max-height:368px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--social-border);border-radius:6px}#community .level-ranking-table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0;color:var(--social-copy);font-variant-numeric:tabular-nums}#community .level-ranking-table :is(th,td){padding:8px;border-color:var(--social-border);font-size:12px;overflow-wrap:anywhere}#community .level-ranking-table :is(th,td):first-child{width:18%;text-align:center}#community .level-ranking-table :is(th,td):last-child{width:30%;text-align:end}.level-ranking-table thead th{position:sticky;z-index:1;top:0;background:#1e3045;color:var(--social-cyan)}.level-ranking-table tbody tr{background:var(--social-bg)}.level-ranking-table tbody tr:nth-child(2n){background:#111a28}.level-ranking-table tbody th{color:var(--paper);font-weight:600}.level-ranking-table tbody tr[data-podium] td:first-child{color:var(--yellow);font-weight:800}#community :is(.level-ranking-controls,.community-form,.community-code){display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;margin:0}#community [data-level-actions]{grid-template-columns:repeat(2,minmax(0,1fr))}#community [data-level-actions] button:only-of-type,#community [data-level-actions] button:first-child:has(+[hidden]),#community [data-level-join] p{grid-column:1 / -1}#community :is(.level-ranking,.community-app) input{width:100%;min-width:0;min-height:44px;border:1px solid var(--social-border);border-radius:5px;padding:8px 10px;background:var(--social-bg);color:var(--paper);font-size:16px}#community :is(.level-ranking,.community-app) input[readonly]{color:var(--social-cyan);font:750 clamp(13px,4vw,16px)/1.2 ui-monospace,monospace}#community :is(.level-ranking,.community-app) :is(label,.community-status,.level-ranking-status){min-width:0;color:var(--social-copy);overflow-wrap:anywhere}#community :is(.level-ranking,.community-app) button{--social-button-ink: var(--social-copy);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:4px;min-width:0;min-height:44px;margin:0;padding:7px 10px;border:1px solid var(--social-border);border-radius:5px;color:var(--social-button-ink);background:#172a3e;font-size:12px;font-weight:750;line-height:1.25;text-align:center;overflow-wrap:anywhere}#community :is(.level-ranking,.community-app) button:hover:not(:disabled){border-color:var(--social-cyan)}#community :is(.level-ranking,.community-app) button.primary{--social-button-ink: #161d11;background:var(--yellow);border-color:var(--yellow)}#community :is(a,button,input,.level-ranking-scroll,.community-chat):focus-visible{outline:2px solid var(--social-cyan);outline-offset:-2px}.community-head{padding-bottom:10px;border-bottom:1px solid var(--social-border)}.community-head>div{min-width:0}#community [data-community-entry]{display:grid;align-items:start;justify-items:start;gap:10px;padding:12px;border:1px solid var(--social-border);border-radius:6px;background:var(--social-bg)}#community [data-community-entry] button{color:var(--social-cyan)}#community .community-tabs{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:5px}#community .community-tabs button{position:relative;gap:4px;flex-wrap:wrap;min-height:51px;padding:6px 4px;background:var(--social-bg);font-size:11px}#community .community-tabs button[aria-selected=true]{color:var(--yellow);border-color:var(--yellow);background:#283a31}#community [data-community-request-count]{color:#101923;background:var(--social-cyan);border-radius:10px;padding:1px 4px;font-size:9px;line-height:1.2}#community .community-panel{display:grid;gap:11px;margin-top:12px;min-width:0}#community .community-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#community .community-columns>div,#community .community-columns>form,#community [data-community-guild-member]{min-width:0;padding:10px;border:1px solid var(--social-border);border-radius:6px;background:#111c2a}#community .community-columns>form{grid-template-columns:minmax(0,1fr)}#community [data-community-panel=friends] .community-columns>div:last-child{grid-column:1 / -1}#community .community-list{margin:5px 0 0}#community h4{margin:0;color:var(--social-cyan);font-size:12px;overflow-wrap:anywhere}#community .community-list .community-line,#community .community-message .community-line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;border-color:var(--social-border);font-size:12px}#community .community-list .community-line:last-child{border-bottom:0}#community .community-list .community-line>span:first-child,#community .community-message strong{min-width:0;overflow-wrap:anywhere}#community .community-actions{display:flex;flex-wrap:wrap;gap:4px}#community [data-community-guild-member]{display:grid;align-items:start;gap:12px}#community .community-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;border:1px solid var(--yellow);border-radius:5px;background:var(--social-bg)}.community-confirm p{width:100%;font-size:13px}#community [data-community-chat-hint]{margin:0;font-size:12px;color:var(--social-low);overflow-wrap:anywhere}#community .community-chat{display:grid;align-content:start;gap:5px;min-height:132px;max-height:min(325px,52dvh);margin:0 0 10px;padding:7px;background:var(--social-bg);border-color:var(--social-border)}#community .community-message{min-width:0;padding:7px 8px;color:var(--social-copy);border-radius:5px;background:#132133;overflow-wrap:anywhere}#community .community-message .community-line{padding:0 0 4px;border-bottom:0}#community .community-message strong{color:var(--social-cyan)}#community .community-message time{color:var(--social-low);font-size:10px}#community .community-message p{margin:0;white-space:pre-wrap;font-size:13px}@media(max-width:768px){.community-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:390px){#community .community-tabs button{flex-direction:column;gap:3px}#community .community-columns{grid-template-columns:minmax(0,1fr)}#community .community-actions{width:100%}#community .level-ranking-table :is(th,td){padding-inline:5px}}#audio,#guide{--support-border: #29374a;--support-panel: #101925;--support-accent: #8cdef0;--support-muted: #b7c4d4}#audio,#guide,#audio .section-heading>div,#guide .section-heading>div{min-inline-size:0}#audio .section-heading,#guide .section-heading{flex-wrap:wrap;gap:10px 14px}.support-action{min-block-size:44px;max-inline-size:100%;justify-content:center}#audio .menu-theme{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:12px;align-items:center;padding:15px;border:1px solid var(--support-border);border-radius:12px;background:linear-gradient(105deg,#132438fc 20%,#101925d9 78%),var(--art-audio) center / cover}.menu-theme h3,.race-music h3{font-size:14px;line-height:1.45;letter-spacing:.02em}.menu-theme h3,.menu-theme h3 .ui-icon,.race-music h3 .ui-icon{color:var(--support-accent)}#audio #menu-theme-title{color:var(--paper);font-size:clamp(23px,4vw,29px);line-height:1;overflow-wrap:anywhere}#audio #menu-theme-status{display:block;margin-block-start:5px;color:var(--support-muted);line-height:1.45}#audio #menu-music-toggle{min-block-size:44px;min-inline-size:0;border-radius:8px;white-space:normal}#audio #menu-music-toggle[aria-pressed=true]{background:#273125;border-color:#819050}.race-music{margin-block-start:18px}.race-music>.panel-note{margin-block:4px 9px;color:var(--support-muted)}#audio .song-list{margin:0;padding:4px;list-style:none;background:var(--support-panel);border:1px solid var(--support-border);border-radius:12px}#audio .song{grid-template-columns:44px minmax(0,1fr);gap:4px;min-block-size:0;padding:4px;border:0}#audio .song+.song{border-block-start:1px solid #233246}#audio .song-preview,#audio .song-select{min-block-size:44px;border:1px solid transparent;border-radius:8px;color:var(--paper)}#audio .song-preview{background:#182a3e;color:var(--support-accent)}#audio .song-preview .ui-icon{margin:0}#audio .song-preview:hover,#audio .song-preview[aria-pressed=true]{background:#22374a;border-color:var(--support-accent)}#audio .song-select{min-inline-size:0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 8px;padding:7px 9px;background:transparent}#audio .song-name{min-inline-size:0;overflow-wrap:anywhere;line-height:1.1}#audio .song-bpm{margin-inline-start:auto;color:var(--support-muted);white-space:nowrap}#audio .song-select:hover{background:#182a3e}#audio .song-select[aria-pressed=true]{border-color:#819050;background:#273125;color:var(--yellow)}#audio .song-selection{display:none;font:700 11px/1.3 var(--jp);white-space:nowrap}#audio .song-select[aria-pressed=true] .song-selection{display:inline}#audio :is(.song-select,.song-preview):focus-visible{outline-offset:-2px}#song-status:empty{margin:0}#guide .guide-content{grid-template-columns:minmax(0,.63fr) minmax(0,1.37fr);align-items:stretch;gap:14px}#guide :is(.guide-intro,.guide-controls){min-inline-size:0;padding:clamp(13px,2.4vw,21px);border:1px solid var(--support-border);border-radius:12px;background:var(--support-panel)}#guide .guide-intro{background:linear-gradient(125deg,#101925fc 45%,#132235e8),var(--art-road) center / cover}#guide .guide-content h3{font-size:17px;line-height:1.45}#guide .guide-content h3>.ui-icon{color:var(--support-accent)}#guide .guide-intro ol{margin-block-start:12px;color:var(--support-muted)}#guide .guide-intro li{margin-block-end:10px;line-height:1.75}#guide .guide-intro li:last-child{margin-block-end:0}#guide .guide-intro li::marker{color:var(--support-accent)}.guide-devices{display:grid;gap:7px;margin-block-start:12px}.guide-device{min-inline-size:0;border:1px solid var(--support-border);border-radius:9px;background:#121f2e}.guide-device summary{display:flex;align-items:center;gap:7px;min-block-size:44px;padding:7px 11px;color:var(--paper);cursor:pointer;font-size:14px;font-weight:700;list-style:none}.guide-device summary::-webkit-details-marker{display:none}.guide-device summary:after{content:"";flex:none;margin-inline-start:auto;inline-size:8px;block-size:8px;transform:rotate(45deg);border-inline-end:2px solid var(--support-accent);border-block-end:2px solid var(--support-accent)}.guide-device[open] summary{color:var(--support-accent)}.guide-device[open] summary:after{transform:rotate(225deg)}.guide-device summary:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px;border-radius:8px}.guide-bindings{margin:0;padding:0 10px 6px;font-size:13px}.guide-bindings>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:baseline;gap:9px;min-block-size:32px;padding:6px 0;border-block-start:1px solid #28384b}.guide-bindings dt{font-weight:700}.guide-bindings dd{margin:0;color:var(--support-muted)}.guide-bindings :is(dt,dd){min-inline-size:0;line-height:1.65;overflow-wrap:anywhere}.guide-bindings kbd{display:inline-block;padding:0 4px;border:1px solid #3e566f;border-radius:4px;background:#101a28;color:var(--paper);font-size:12px;white-space:nowrap}.guide-notes{display:grid;gap:7px;margin-block-start:12px;color:var(--support-muted);font-size:13px;line-height:1.65}.guide-notes button{justify-self:start}@media(max-width:720px){#guide .guide-content{grid-template-columns:minmax(0,1fr)}}@media(max-width:430px){#audio .menu-theme{grid-template-columns:minmax(0,1fr);gap:10px}#audio #menu-music-toggle{justify-self:start;max-inline-size:100%}}#race{--race-line: #7a9ab15c;--race-muted: #c5d2de;--race-cyan: #8aeaff;--hud-gutter: clamp(9px, 2.2vw, 28px);--safe-top: max(var(--hud-gutter), env(safe-area-inset-top));--safe-left: max(var(--hud-gutter), env(safe-area-inset-left));--safe-right: max(var(--hud-gutter), env(safe-area-inset-right));--safe-bottom: max(var(--hud-gutter), env(safe-area-inset-bottom));background:#070e17;block-size:100dvh;touch-action:pan-y}#race,#race *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#race>:not(.race-overlay),#race .race-buttons button{touch-action:none}#race .race-overlay{touch-action:pan-y;overscroll-behavior:contain}#race .race-overlay :is(button,summary){touch-action:manipulation}#race .race-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(6px,1.25vw,16px);inset:var(--safe-top) var(--safe-right) auto var(--safe-left)}#race :is(.race-timing,.race-map,.instrument){background:linear-gradient(145deg,#0b1624f5,#112133e8),var(--art-controls) center / cover;border:1px solid var(--race-line);border-radius:9px;box-shadow:0 8px 28px #02081380;text-shadow:none}#race .race-timing{gap:4px;width:clamp(170px,22vw,258px);min-width:0;padding:clamp(8px,1.1vw,13px);border-inline-start:2px solid var(--yellow)}#race .race-wallet{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px;padding:3px 4px}#race .race-wallet :is(span,strong){font-size:clamp(9px,1.1vw,12px)}#race .race-panel-wallet{display:flex;flex-wrap:wrap;gap:8px;color:var(--race-muted);font-size:12px}#race .race-panel-wallet strong{color:var(--yellow);font-variant-numeric:tabular-nums}@media(max-width:420px){#race .race-wallet .ui-icon{display:none}}#race :is(.race-car-label,.race-track-label){display:flex;align-items:flex-start;gap:5px;min-width:0;width:100%;padding:0;font-size:clamp(10px,1.2vw,13px);line-height:1.25;color:var(--race-muted)}#race #race-track-name,#race #race-car-name{min-width:0;overflow-wrap:anywhere}#race #race-time{color:#f2f9ff;font:800 clamp(28px,4vw,53px)/.96 var(--en);font-variant-numeric:tabular-nums;letter-spacing:.015em;white-space:nowrap}#race #race-best{font:600 clamp(11px,1.3vw,15px)/1.15 var(--en)}#race #race-best:empty{display:none}#race .race-side{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-block-start:3px;padding:6px 0 0;border-block-start:1px solid var(--race-line);background:none;width:100%}#race #race-position{font:800 italic clamp(21px,3vw,37px)/.95 var(--en);min-width:0;overflow-wrap:anywhere}#race #race-context{font:650 clamp(9px,1vw,12px)/1.25 var(--jp);color:var(--race-muted);overflow-wrap:anywhere}#race .race-map{padding:7px;width:clamp(96px,14vw,178px)}#race .race-map canvas{display:block;border-radius:4px}#race .race-map .progress{margin-block-start:3px}#race #race-endurance-progress{color:#edf7ff}#race .race-buttons{gap:6px;flex-wrap:nowrap}#race .race-buttons button{display:grid;place-items:center;inline-size:47px;block-size:44px;min-inline-size:0;background:linear-gradient(150deg,#142235eb,#0c1725f5),var(--art-controls) center / cover;border:1px solid var(--race-line);border-radius:8px;color:#f1f8ff}#race .race-buttons button:hover{border-color:var(--yellow)}#race #pause{color:var(--yellow)}#race .countdown{font-size:clamp(78px,26dvh,185px);filter:drop-shadow(0 4px 18px #071018)}#race .instrument{right:var(--safe-right);bottom:var(--safe-bottom);width:clamp(164px,22vw,238px);padding:clamp(8px,1.25vw,14px)}#race .rpm{height:7px;background:#344758;border-radius:2px}#race .rpm i{background:linear-gradient(90deg,#88cf69,var(--yellow))}#race .rpm i.near-redline{background:#ff805e}#race .race-speed-row{align-items:baseline;margin-block:6px 3px}#race #race-speed{font:800 italic clamp(47px,6vw,79px)/.82 var(--en)}#race .race-speed-row span{color:var(--race-muted);margin-inline-start:2px}#race #race-gear{min-width:1.35em;padding:2px .18em;border:1px solid #dbea6575;border-radius:5px;background:#c8df591c;text-align:center}#race .transmission-hud{border-color:var(--race-line);padding-block:2px}#race .transmission-hud span{font-size:12px}#race #race-rev-count{color:var(--race-muted)}#race .nitro-hud{color:var(--race-cyan)}#race .nitro-hud span,#race .nitro-hud .ui-icon{color:inherit}#race .nitro-meter{background:#29495a}#race .race-tip{bottom:var(--safe-bottom);max-inline-size:min(48vw,540px);white-space:normal;text-align:center;line-height:1.55;background:#0b1623e8;border-color:var(--race-line);border-radius:8px}#race .touch-controls{pointer-events:none}#race .touch-main{inset:auto var(--safe-right) var(--safe-bottom) var(--safe-left);gap:5px}#race .touch-main>div{gap:var(--pedal-gap);min-width:0}#race .touch-controls button{min-width:0;width:var(--pedal-size);min-height:var(--pedal-height);padding:3px 0;background:linear-gradient(160deg,#20374ae8,#0b1726f0),var(--art-controls) center / cover;border:1px solid #8eb0c39c;border-radius:10px;box-shadow:0 3px 12px #01081299;pointer-events:auto}#race .touch-controls .ui-icon{width:21px;height:21px}#race .touch-controls .touch-label{font:800 11px/1 var(--en)}#race .touch-controls [data-action=accelerate]{color:var(--yellow);border-color:#dae861}#race .touch-controls button.active{background:var(--yellow);color:#102014;border-color:var(--yellow)}#race #touch-nitro{color:var(--race-cyan)}#race #touch-nitro.active{background:var(--race-cyan);color:#0c1822;border-color:var(--race-cyan)}#race .touch-shifts{inset:auto auto calc(var(--safe-bottom) + var(--pedal-height) + 8px) var(--safe-left);gap:6px}#race .touch-shifts button{width:44px;min-height:44px;font-size:23px}#race .race-local-overlay,#race-loading{z-index:2;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:auto}#race .race-local-overlay{background:linear-gradient(145deg,#030a13b8,#05101be8);place-items:safe center}#race .race-local-overlay .race-panel,#race .race-loading-card{width:min(100%,485px);min-width:0;margin:auto;padding:clamp(16px,4.8vw,28px);gap:12px;color:#f1f6ff;background:linear-gradient(137deg,#0f1e2ff7,#0d1826ee),var(--ui-art, var(--art-controls)) center / cover;border:1px solid var(--race-line);border-top:3px solid var(--yellow);border-radius:12px;box-shadow:0 20px 70px #02060ec4}#race .race-local-overlay h2,#race-loading-track{font-size:clamp(24px,6vw,39px);line-height:1.16;margin:0;overflow-wrap:anywhere}#race .race-local-overlay h2 .ui-icon{width:.95em;height:.95em;margin-inline-end:.32em;color:var(--yellow)}#race .race-local-overlay .panel-note,#race-loading-car,#race-loading-state{color:var(--race-muted);line-height:1.45}#race .race-panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#race .race-local-overlay .race-panel button{min-height:44px;padding:8px 11px;justify-content:center;gap:5px;font-size:13px;line-height:1.3;text-align:center;border-radius:7px;overflow-wrap:anywhere}#race .race-local-overlay .race-panel .primary{background:var(--yellow);color:#131d12}#race .race-local-overlay .race-panel .primary:hover{background:#f3ff9b}#race .race-local-overlay .race-panel .ghost{background:#14263a;border-color:var(--race-line)}#race .race-local-overlay .race-panel .ghost:hover{border-color:var(--yellow)}#race #pause-exit-label{font:inherit}#race .pause-help{padding:0 10px;border-color:var(--race-line);border-radius:7px}#race .pause-help summary{padding-block:9px;cursor:pointer}#race .pause-help .key-list div{gap:5px 9px;flex-wrap:wrap}#race .pause-help dd{text-align:start;overflow-wrap:anywhere}#race .race-local-overlay .result-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#race .race-local-overlay .result-details>div{display:grid;align-content:start;gap:5px;min-width:0;padding:8px 10px;border:1px solid #6d91ad44;border-radius:6px;background:#0b1623dd}#race .race-local-overlay .result-details dt{color:var(--race-muted);font-size:11px}#race .race-local-overlay .result-details dd{font-size:clamp(18px,4vw,27px);overflow-wrap:anywhere}#race-loading{place-items:safe center;background:linear-gradient(100deg,#050c16e8,#0715238a),var(--loading-art, var(--art-controls)) center / cover #0a1420}#race .race-loading-card{width:min(100%,520px)}#race .race-load-bar{height:9px;margin-block-start:5px;background:#273e4d;color:var(--yellow)}#race .race-load-bar::-webkit-progress-bar{background:#273e4d}#race .race-load-bar::-webkit-progress-value{background:var(--yellow)}#race .race-load-bar::-moz-progress-bar{background:var(--yellow)}#race .race-load-bar:indeterminate{background:linear-gradient(90deg,#273e4d,var(--yellow),#273e4d) 0 / 250% 100%}#race .race-load-bar:indeterminate::-webkit-progress-bar{background:transparent}@media(max-width:720px),(pointer:coarse){#race{--pedal-size: clamp(44px, 13vw, 63px);--pedal-height: clamp(47px, 14vw, 63px);--pedal-gap: clamp(4px, 1.2vw, 7px)}#race .race-top{grid-template-columns:minmax(0,1fr) auto auto}#race .race-timing{width:min(100%,230px)}#race .race-map{width:clamp(70px,19vw,137px)}#race .instrument{bottom:calc(var(--safe-bottom) + var(--pedal-height) + 8px)}#race .race-tip{display:none}}@media(max-width:440px){#race .race-top{grid-template-columns:minmax(0,1.35fr) minmax(0,.84fr) auto}#race .race-map{width:100%;padding:5px}#race .race-buttons{display:grid;grid-template-columns:minmax(0,1fr)}#race .race-buttons button{width:44px}#race #race-time{font-size:clamp(24px,7.35vw,34px)}#race .instrument{width:clamp(146px,45vw,186px)}#race .race-speed-row{gap:4px}#race #race-speed{font-size:clamp(37px,11.6vw,53px)}#race .race-speed-row span{font-size:12px}#race #race-gear{font-size:clamp(21px,6vw,27px)}}@media(max-height:450px)and (orientation:landscape){#race{--hud-gutter: 8px}#race .race-timing{width:min(185px,100%);padding:7px}#race #race-time{font-size:31px}#race .race-map{width:78px;padding:4px}#race .instrument{width:152px;padding:7px}#race #race-speed{font-size:44px}#race .race-local-overlay .race-panel{gap:9px;padding:14px}}@media(max-height:450px)and (orientation:landscape)and (pointer:coarse){#race{--pedal-height: 48px}}.online-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.8vw,24px)}.online-mode{min-width:0;min-height:235px;display:grid;align-content:start;grid-template-rows:auto 1fr auto;gap:12px;padding:clamp(15px,2.5vw,28px);border:1px solid #455e76;border-radius:16px;background:linear-gradient(109deg,#0e1829fd,#112237d9 58%,#142e458f),url(./ui/mountain-road.webp) center / cover}.online-ranked{border-color:#746a56;background:linear-gradient(109deg,#151b29fc,#202735d9 58%,#3d39429c),url(./ui/finish-line.webp) center / cover}.online-capacity{justify-self:start;padding:4px 7px;border:1px solid #8093aa;border-radius:6px;color:#e9f2fa;background:#111c2be8;font:700 13px/1.2 var(--en);white-space:nowrap}.online-ranked .online-capacity{color:#ffe1b0;border-color:#b49b73}.content .online-mode h3{margin-bottom:6px;font-size:clamp(19px,2.5vw,30px);line-height:1.3}.online-mode h3 .ui-icon{color:var(--yellow)}.online-mode p,.online-status{font-size:13px;line-height:1.65;color:#ccdae7;overflow-wrap:anywhere}.online-mode button{min-width:0;min-height:46px;justify-self:start;white-space:normal}#online-dialog{box-sizing:border-box;width:min(500px,calc(100% - 24px));min-width:0;max-height:calc(100dvh - 24px);padding:clamp(14px,3vw,23px);overflow:auto;overscroll-behavior:contain;background:linear-gradient(156deg,#192c42,#101a2a 66%);border:1px solid #526882;border-radius:17px;box-shadow:0 20px 55px #02070cb0}.online-dialog .modal-head{align-items:start;border-color:#3e5369}.online-dialog .modal-head div,.online-dialog .modal-head h2{min-width:0;overflow-wrap:anywhere}.online-dialog .modal-head h2{margin-top:5px;font-size:clamp(21px,5vw,28px)}.online-dialog .modal-head button{flex:none}.online-dialog-label{color:#bad1e6;font-size:11px}.online-status:empty{display:none}.online-status:not(:empty){margin-block:0 10px;padding:8px 10px;border-left:3px solid var(--yellow);border-radius:4px;background:#101a26}.online-layout{display:grid;min-width:0;gap:10px}.online-layout label{display:grid;gap:5px;min-width:0;color:#d7e3ef;font-size:13px}.online-layout input{box-sizing:border-box;min-width:0;width:100%;min-height:44px;border:1px solid #566f88;border-radius:7px;background:#0b1522;color:var(--paper);padding:8px 10px;font-size:16px}.online-layout input[readonly]{color:#b9c9da}.online-layout button{min-height:44px;min-width:0;white-space:normal}.online-selection,.online-room-code,.online-wait-card{min-width:0;margin:0;padding:10px 12px;background:#0d1725;border:1px solid #354d65;border-radius:9px;overflow-wrap:anywhere}.online-join{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.online-room-entry{padding-top:8px;border-top:1px solid #344c64}#online-code{text-transform:uppercase;font-family:var(--en);letter-spacing:.13em}.online-room-code p{color:#c0d0df;font-size:12px}.online-code{color:var(--yellow);letter-spacing:.1em;font:700 clamp(24px,7vw,40px)/1.2 var(--en);font-variant-numeric:tabular-nums;user-select:all}.online-players{display:grid;gap:5px;min-width:0;max-height:225px;margin:0;padding:4px;list-style:none;overflow:auto}.online-players li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:8px;padding:7px 8px;border:1px solid #384d65;border-radius:6px;color:#f0f4f7;background:#16263a;font-size:13px;overflow-wrap:anywhere}.online-players li span{color:#aebfce;font-size:11px}.online-players li span:empty{display:none}.online-room-actions,.online-race-actions{display:grid;gap:7px}.online-wait-card{display:grid;gap:5px;color:#e5eef5;font-size:13px}#online-wait{color:var(--yellow);font:700 30px/1 var(--en);font-variant-numeric:tabular-nums}#online-race-layer .online-race-panel{box-sizing:border-box;width:min(100%,435px);min-width:0;max-height:100%;padding:clamp(13px,3.5vw,24px);overflow:auto;border:1px solid #657d96;border-radius:14px;background:linear-gradient(155deg,#172d46f7,#0c1b2deb)}#online-race-layer .online-race-panel h2,#online-race-status{overflow-wrap:anywhere}#online-race-layer .online-race-emblem{display:inline-block;margin-bottom:5px;color:var(--yellow)}#online-race-status{margin-block:4px 11px;color:#c9d8e8}#online-race-layer .online-race-actions button{min-height:44px;white-space:normal}@media(max-width:600px){.online-modes{grid-template-columns:minmax(0,1fr)}.online-mode{min-height:0}.online-mode button{justify-self:stretch}}@media(max-width:360px){.online-join .ghost{padding-inline:8px}.online-room-code{padding-inline:9px}.online-players li{gap:4px}}#time-challenge,#time-challenge-offer{min-width:0;padding:clamp(12px,2vw,20px);border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,#142230f7,#152638da),var(--art-results) center / cover;overflow-wrap:anywhere}#time-challenge{margin-block-start:13px}#time-challenge-offer{margin-block-end:14px}#time-challenge :is(h3,p),#time-challenge-offer :is(h3,p){margin:0}#time-challenge p,#time-challenge-offer p{font-size:13px;color:var(--sub);line-height:1.6}#time-challenge h3+p,#time-challenge-offer h3+p{margin-block-start:5px}#time-challenge :is(button,select,input),#time-challenge-offer button{min-height:44px}#time-challenge-offer button{margin-block:9px 4px}.time-challenge-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-block:10px 5px}.time-challenge-form label{display:grid;min-width:0;gap:4px;color:var(--sub);font-size:12px}.time-challenge-form :is(select,input){width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;background:#101b27;color:var(--paper);padding:7px 9px;font-size:16px}.time-challenge-form button{justify-self:start}#time-challenge [role=status]:empty,#time-challenge-offer [role=status]:empty{display:none}#time-challenge [role=status],#time-challenge-offer [role=status]{color:var(--cyan)}#link-rank{display:grid;gap:12px;min-width:0;margin-block-start:13px;padding:clamp(12px,2vw,20px);border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,#142230f7,#152638da),var(--art-results) center / cover;overflow-wrap:anywhere}#link-rank h3{margin:0 0 5px}#link-rank p{font-size:13px;color:var(--sub);line-height:1.6}#link-rank :is(.link-rank-entry,.link-rank-filter,.link-rank-entry label){display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:5px}#link-rank .link-rank-entry{gap:8px}#link-rank label{color:var(--sub);font-size:12px}#link-rank :is(select,input){width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:5px;background:#101b27;color:var(--paper);padding:7px 9px;font-size:16px}#link-rank button{min-height:44px}#link-rank .link-rank-entry button{justify-self:start}#link-rank .link-rank-status{color:var(--cyan)}#link-rank .link-rank-status:empty{display:none}.link-rank-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.link-rank-table :is(th,td){padding:6px 4px;border-bottom:1px solid var(--line);text-align:start}.link-rank-table thead th:first-child{width:15%}.link-rank-table thead th:nth-child(3){width:29%}.link-rank-table thead th:last-child{width:max(46px,18%)}.link-rank-table :is(th,td):last-child{padding-inline:2px}.link-rank-table button.ghost{width:100%;justify-content:center;gap:0;padding:4px;font-size:11px}.link-rank-personal :is(th,td){color:var(--yellow)}#p2p-room{min-width:0}.p2p-lobby{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(8px,2vw,17px);align-items:start}.p2p-room-surface{min-width:0;padding:clamp(12px,2.8vw,22px);border:1px solid var(--line);border-radius:12px;background:linear-gradient(123deg,#142132f7,#17293ce5),var(--art-road) center / cover;overflow-wrap:anywhere}.p2p-room-head{display:flex;align-items:start;justify-content:space-between;gap:8px 12px;min-width:0}.p2p-room-head>div{min-width:0}.content .p2p-room-head h3,.content .p2p-room-guide h3{margin:0 0 5px;font-size:clamp(16px,2vw,23px)}.p2p-room-head h4{margin:0 0 4px;font-size:16px}.p2p-room-surface p,.p2p-room-guide ol{font-size:13px;color:var(--sub);line-height:1.65}.p2p-room-badge{flex:none;background:#101924;padding:4px 7px;border-radius:4px;border:1px solid var(--line);color:var(--yellow);font-size:12px}.p2p-room-person,.p2p-room-exchange{display:grid;min-width:0;gap:9px;margin-block-start:13px}.p2p-room-quick{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.p2p-room-quick-code,.p2p-room-manual{margin-block-start:4px;padding:9px;border:1px solid var(--line);border-radius:5px;background:#101b29}.p2p-room-quick-code{margin-block-start:11px}.p2p-room-quick-code input{color:var(--cyan);font-weight:700;letter-spacing:.08em}.p2p-room-manual summary{min-height:44px;padding-block:10px;cursor:pointer;font-size:13px}.p2p-room-manual>.p2p-room-actions{margin-block-start:5px}.p2p-room-status-head{margin-block-start:12px}.p2p-room-actions{display:flex;flex-wrap:wrap;gap:8px}.p2p-room-surface :is(button,textarea,input){min-height:44px;min-width:0}.p2p-room-surface button{max-width:100%;white-space:normal;justify-self:start}.p2p-room-surface label{display:grid;gap:4px;min-width:0;color:var(--paper);font-size:13px}.p2p-room-surface :is(textarea,input){width:100%;border:1px solid var(--line);border-radius:5px;background:#101b29;color:var(--paper);padding:8px 10px;font:inherit;font-size:16px}.p2p-room-surface textarea{min-height:66px;resize:vertical;overflow:auto}.p2p-room-surface textarea[readonly]{color:var(--cyan)}.p2p-room-surface :is(.p2p-selection,.p2p-room-notice):empty{display:none}.p2p-room-players{display:grid;list-style:none;margin:8px 0;padding:0;gap:3px}.p2p-room-players li{display:flex;flex-wrap:wrap;gap:3px 9px;justify-content:space-between;padding:5px 1px;border-bottom:1px solid var(--line)}.p2p-room-players li strong{font-size:13px}.p2p-room-players li span{color:var(--sub);font-size:12px}.p2p-room-cpu{display:grid;min-width:0;gap:8px;margin-block-start:13px;padding:9px;border:1px solid var(--line);border-radius:5px;background:#101b29}.p2p-room-final,.p2p-room-confirm{margin-block-start:13px}.p2p-room-confirm{padding:8px;border:1px solid var(--line);border-radius:5px}.p2p-room-confirm p{margin-bottom:6px}.p2p-room-surface .p2p-room-notice{margin-top:11px;padding:6px 9px;border-left:3px solid var(--cyan);background:#101b29;color:var(--paper)}.p2p-room-surface .p2p-room-error{border-color:#f69c91}.p2p-room-guide ol{margin:7px 0 10px;padding-inline-start:1.25em}.p2p-room-guide p+p{margin-top:8px}@media(max-width:720px){.p2p-lobby{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.p2p-room-quick{grid-template-columns:minmax(0,1fr)}}#save-sync{margin-block-start:16px;min-width:0}.save-sync-panel{display:grid;gap:12px;min-width:0;padding:clamp(12px,2.8vw,24px);border:1px solid var(--line);border-radius:8px;background:#111b28;overflow-wrap:anywhere}.save-sync-panel h3,.save-sync-panel h4,.save-sync-panel p{margin:0}.save-sync-panel p,.save-sync-panel label{color:var(--sub);font-size:13px;line-height:1.55}.save-sync-panel p:empty{display:none}.save-sync-head{display:grid;gap:3px}.save-sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.save-sync-grid>section,.save-sync-confirm,.save-sync-auto,.save-sync-restore{display:grid;min-width:0;gap:8px;align-content:start;border:1px solid var(--line);border-radius:6px;padding:10px;background:#142233}.save-sync-confirm{border-color:#81914b}.save-sync-auto form,.save-sync-auto-pair{display:grid;gap:6px;min-width:0}.save-sync-auto input{width:100%;min-width:0;min-height:44px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;font:16px/1.35 monospace;color:var(--paper);background:#0c1724}.save-sync-auto form button{justify-self:start;min-height:44px;max-width:100%;white-space:normal}.save-sync-manual{min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:6px}.save-sync-manual>summary{min-height:44px;padding-block:12px;font-size:14px;font-weight:750;cursor:pointer}.save-sync-manual[open]>summary{margin-block-end:8px;border-bottom:1px solid var(--line)}.save-sync-manual>:not(summary){margin-block-end:10px}.save-sync-panel [hidden]{display:none}.save-sync-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.save-sync-actions button{min-height:44px;max-width:100%;white-space:normal}.save-sync-panel label:not(.save-sync-file){display:grid;gap:3px;min-width:0}.save-sync-panel textarea{resize:vertical;width:100%;min-height:50px;border:1px solid var(--line);border-radius:4px;padding:5px;font:16px/1.35 monospace;color:var(--paper);background:#0c1724}.save-sync-panel label.save-sync-file{border:1px solid var(--line);padding:6px 8px;border-radius:4px;display:grid;gap:4px;max-width:100%}.save-sync-file input{font-size:12px;color:var(--paper);max-width:100%;min-width:0;width:220px}.save-sync-file input::file-selector-button{min-height:32px;color:var(--paper);background:#203047;border:1px solid #4e647d;border-radius:4px;padding-inline:7px;margin-inline-end:5px}.save-sync-panel .save-sync-status{color:var(--yellow)}.save-sync-panel .save-sync-status:empty{display:none}@media(max-width:620px){.save-sync-grid{grid-template-columns:minmax(0,1fr)}}body.simple-menu{--page-gutter: clamp(12px, 4vw, 34px);--panel: #111b27;--line: #2c3a4a;display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.simple-menu>main{flex:1 0 auto}.simple-menu .visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.simple-menu :is(.wrap,.site-header .header-inner){width:min(1100px,calc(100% - 2 * var(--page-gutter)))}.simple-menu .site-header{border-color:var(--line);background:#0b121b}.simple-menu .site-header .header-inner:not(.announcement-inner){grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);grid-template-areas:"brand navigation actions";min-height:58px;padding-block:0;gap:5px clamp(10px,3.3vw,32px)}.simple-menu .site-header .brand{min-height:44px;gap:9px;font-size:19px}.simple-menu .site-header .brand img{width:32px;height:32px}.simple-menu .site-header .brand small{display:none}.simple-menu .header-actions{min-width:0}.simple-menu .site-header .wallet-badge{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:end;gap:3px 7px;padding:5px 8px;background:transparent}.simple-menu .site-header nav{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:0}.simple-menu .site-header nav :is(a,button){position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:44px;padding:6px clamp(5px,1.15vw,15px);border:0;border-radius:0;background:transparent;color:var(--sub);font-size:clamp(12px,1.5vw,14px);font-weight:750;line-height:1.25;text-align:center;white-space:normal}.simple-menu .site-header nav :is(a,button):hover{color:var(--paper)}.simple-menu .site-header nav :is(a,button)[aria-current]{color:var(--yellow);box-shadow:inset 0 -2px var(--yellow)}.simple-menu .site-header nav a[aria-current]:after{content:none}.simple-menu .site-header nav :is(a,button):focus-visible{outline-offset:-3px}.simple-menu .site-header nav .ui-icon{margin:0}.simple-menu .announcements{background:#101a25}.simple-menu .announcements .announcement-inner{min-height:36px}.simple-menu #announcement-toggle{min-width:44px;min-height:36px;justify-content:center;padding:0 2px}.simple-menu .content{padding-block:clamp(13px,2.7vw,32px)}.simple-menu .content .content-section{padding:0 0 clamp(16px,2.9vw,32px);border:0;background-image:none}.simple-menu .content-section .section-heading{align-items:center;gap:5px 12px;margin-block-end:12px}.simple-menu .content-section .section-heading h2{margin-block-start:0;font-size:clamp(24px,3.4vw,32px);letter-spacing:-.045em}.simple-menu .section-heading .kicker{display:none}.simple-menu .lower-grid{grid-template-columns:minmax(0,1fr);gap:0}.simple-menu .simple-race-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,250px);gap:clamp(10px,2vw,24px);align-items:center;padding:clamp(14px,3.2vw,34px);border:1px solid #435265;border-radius:8px;background:linear-gradient(105deg,#0d1825 8%,#0e1927f5 46%,#14212edc),url(./hero.webp) right 55% / cover}.simple-menu .simple-race-card .selection-summary{display:grid;gap:3px;margin:0;padding:0;border:0;background:transparent}.simple-menu .simple-race-card .selection-summary>span{color:var(--sub);font-size:12px}.simple-menu #launch-track{color:var(--paper);font-size:clamp(19px,3.5vw,32px);font-weight:850;line-height:1.25}.simple-menu .simple-race-card .selection-summary p{font-size:clamp(12px,1.7vw,14px);line-height:1.5}.simple-menu .simple-race-actions{display:grid;gap:3px;min-width:0}.simple-menu #setup .simple-race-actions .launch{gap:8px;margin:0;border-radius:5px;font-size:16px}.simple-menu .simple-action-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}.simple-menu .simple-action-links>a,.simple-menu .simple-setting-links>:is(a,button){display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:var(--sub);font-size:13px;font-weight:650;white-space:normal}.simple-menu .simple-action-links>a:hover{color:var(--yellow)}.simple-menu .simple-setting-links>.primary{color:#171b12;font-weight:800}.simple-menu :is(.simple-panel,.simple-race-details){min-width:0;margin-block-start:10px;border:1px solid var(--line);border-radius:6px;background-color:#111b27}.simple-menu :is(.simple-panel,.simple-race-details)>summary{min-height:44px;padding:12px clamp(10px,2.2vw,18px);color:var(--paper);font-size:14px;font-weight:750;line-height:1.44;cursor:pointer;overflow-wrap:anywhere}.simple-menu :is(.simple-panel,.simple-race-details)>summary::marker{color:var(--cyan)}.simple-menu :is(.simple-panel,.simple-race-details)>summary>.ui-icon{color:var(--cyan)}.simple-menu :is(.simple-panel,.simple-race-details)>summary:hover{color:var(--yellow)}.simple-menu :is(.simple-panel,.simple-race-details)>summary:focus-visible{outline:2px solid var(--yellow);outline-offset:-3px}.simple-menu :is(.simple-panel,.simple-race-details)[open]>summary{border-bottom:1px solid var(--line)}.simple-menu :is(.simple-panel,.simple-race-details)>:not(summary){margin-inline:clamp(6px,1.5vw,14px)}.simple-menu :is(.simple-panel,.simple-race-details)>:nth-child(2){margin-block-start:clamp(8px,1.5vw,14px)}.simple-menu :is(.simple-panel,.simple-race-details)>:last-child:not(summary){margin-block-end:clamp(8px,1.5vw,14px)}.simple-menu .simple-panel>.content-section{padding:0}.simple-menu .simple-panel>#save-sync{margin-block-start:8px}.simple-menu .simple-setting-links{display:flex;flex-wrap:wrap;gap:6px 13px}.simple-menu #setup :is(.course-browser,.mode-panel){border-radius:6px;background:#101925}.simple-menu #setup .course-features{grid-template-columns:minmax(0,1fr)}.simple-menu #setup .course-features .bonus-guide{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:6px 10px;min-height:0;padding:5px 8px;border-color:var(--line);border-radius:5px;background:#141f2c}.simple-menu #setup .course-features .bonus-guide button{justify-self:end;max-width:10ch;min-height:44px;padding:0 2px;text-align:start;overflow-wrap:anywhere}.simple-menu #setup .course-features .xp-guide{grid-column:auto}@media(max-width:680px){.simple-menu .simple-race-card{grid-template-columns:minmax(0,1fr)}}.simple-menu footer{padding-block:10px max(10px,env(safe-area-inset-bottom));background:#0b121b}.simple-menu footer .footer-layout{justify-content:start;align-items:center}.simple-menu footer .footer-brand{display:none}.simple-menu footer .site-copyright{margin:0}.simple-menu footer .site-copyright strong{font-size:11px}.simple-menu footer .site-copyright small{font-size:10px}.simple-menu footer nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--sub);font-size:12px}.simple-menu footer nav a:hover{color:var(--yellow)}@media(max-width:760px){.simple-menu .site-header .header-inner:not(.announcement-inner){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "navigation navigation";grid-template-rows:auto auto;gap:0 8px}.simple-menu .site-header nav{width:100%}.simple-menu .site-header nav :is(a,button){flex-direction:column;padding-inline:2px;gap:2px;font-size:clamp(10px,3.25vw,13px)}}@media(max-width:389px){.simple-menu .site-header .brand{gap:6px;font-size:16px}.simple-menu .site-header .brand img{width:27px;height:27px}.simple-menu .site-header .wallet-badge{gap:3px 5px}.simple-menu .announcement-inner{gap:4px}.simple-menu .announcement-inner>strong>.ui-icon{display:none}.simple-menu #setup :is(.course-browser,.mode-panel){padding:8px}}@media(max-width:330px){.simple-menu .simple-action-links>a{font-size:11px}}@media(max-height:430px)and (orientation:landscape){.simple-menu .site-header .header-inner:not(.announcement-inner){grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);grid-template-areas:"brand navigation actions";min-height:44px}.simple-menu .site-header nav :is(a,button){flex-direction:row;gap:3px;padding-inline:4px}}@media(forced-colors:active){.simple-menu .site-header nav :is(a,button)[aria-current]{outline:2px solid Highlight;outline-offset:-3px}.simple-menu .simple-race-card{background:Canvas}}body.simple-menu{--apex-surface: #101922;--apex-deep: #0b1118;--apex-raised: #182635;--apex-border: #344654;--apex-light: #eaf0f2;--apex-muted: #b4c2cc;--apex-accent: var(--yellow, #eff47a);--apex-signal: var(--cyan, #93ddea);--apex-metric: var(--en)}.simple-menu .content>[data-menu-view]:not(#setup)>.section-heading{min-block-size:58px;margin-block:0 clamp(13px,2.4vw,25px);padding-block:3px 12px;border-block-end:1px solid var(--apex-border)}.simple-menu .content>[data-menu-view]:not(#setup)>.section-heading h2{font-size:clamp(26px,5vw,48px);font-weight:850;line-height:1.12;letter-spacing:-.045em}.simple-menu .content>[data-menu-view]:not(#setup)>.section-heading h2>.ui-icon{color:var(--apex-accent);margin-inline-end:.4em}.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel{min-inline-size:0;margin-block-start:10px;overflow-wrap:anywhere;border-color:var(--apex-border);border-radius:7px;background:var(--apex-surface)}.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel>summary{display:flex;align-items:center;gap:.65rem;min-block-size:clamp(51px,6vw,66px);padding:11px clamp(13px,2.6vw,24px);border-inline-start:3px solid transparent;border-radius:6px;list-style:none;color:var(--apex-light);font-size:clamp(14px,1.75vw,17px);font-weight:760}.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel>summary::-webkit-details-marker{display:none}.simple-menu :is(#garage,#community,#preferences) .simple-panel>summary>.ui-icon{flex:none;margin:0;color:var(--apex-signal)}.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel>summary:after{content:"";flex:0 0 8px;inline-size:8px;block-size:8px;margin:0 2px 2px auto;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg)}.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel[open]>summary{border-inline-start-color:var(--apex-accent);border-radius:6px 6px 0 0}.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel[open]>summary:after{transform:rotate(225deg)}.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel>summary:hover{color:var(--apex-accent);background-color:var(--apex-raised)}.simple-menu #garage #owned-panel{--apex-row-art: var(--art-garage)}.simple-menu #garage #tuning-panel{--apex-row-art: var(--art-tuning)}.simple-menu #garage #paint-panel{--apex-row-art: var(--art-garage)}.simple-menu #shop .simple-panel{--apex-row-art: var(--art-tuning)}.simple-menu #community #multiplayer-panel{--apex-row-art: var(--art-road)}.simple-menu #community :is(#records-panel,#ranking-panel){--apex-row-art: var(--art-results)}.simple-menu #community #transfer-panel{--apex-row-art: var(--art-controls)}.simple-menu #preferences #audio-panel{--apex-row-art: var(--art-audio)}.simple-menu #preferences #guide-panel{--apex-row-art: var(--art-controls)}.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel>summary{background-image:linear-gradient(90deg,var(--apex-surface) 30%,#101922da 66%,#1019227a),var(--apex-row-art, none);background-position:right center;background-size:cover,min(60%,420px) auto;background-repeat:no-repeat}.simple-menu #garage .garage-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);border-color:var(--apex-border);border-radius:8px}.simple-menu #garage .car-stage{min-block-size:clamp(300px,37vw,440px);background:radial-gradient(ellipse at 50% 53%,#5c7684a6 0,#263b4abd 39%,transparent 80%),linear-gradient(0deg,#070d16 3%,#122435b8 43%,#0d1723f4 94%),var(--art-garage) center / cover no-repeat}.simple-menu #garage .car-stage:before{position:absolute;z-index:0;inset:8% 6% 12%;content:"";pointer-events:none;background:linear-gradient(var(--apex-signal),var(--apex-signal)) top left / 20px 1px,linear-gradient(var(--apex-signal),var(--apex-signal)) top left / 1px 20px,linear-gradient(var(--apex-signal),var(--apex-signal)) bottom right / 20px 1px,linear-gradient(var(--apex-signal),var(--apex-signal)) bottom right / 1px 20px;background-repeat:no-repeat;opacity:.5}.simple-menu #garage .garage-hint{border-color:var(--apex-border);background:#0a141de0;color:var(--apex-light)}.simple-menu #garage .car-info{padding:clamp(15px,3.3vw,30px);background:linear-gradient(150deg,#1a2935,#0f171e 70%)}.simple-menu #garage .car-info .kicker{font-family:var(--apex-metric);color:var(--apex-signal)}.simple-menu #garage .car-info h3{margin-block:5px 8px;color:var(--apex-light);font-size:clamp(25px,4vw,39px);line-height:1.13}.simple-menu #garage .car-meta{line-height:1.55;color:var(--apex-muted)}.simple-menu #garage .car-desc{color:var(--apex-muted)}.simple-menu #garage .car-stats dd{color:var(--apex-light);font:750 clamp(15px,2.4vw,23px)/1.1 var(--apex-metric);white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.simple-menu #garage .car-stats>div{grid-template-columns:minmax(0,66px) minmax(30px,1fr) minmax(58px,auto);min-block-size:28px;border-block-end:1px solid #485e6c58}.simple-menu #garage .car-stats [aria-label]{border-radius:999px}.simple-menu #garage :is(.garage-catalog,.customization-panel,.operator-garage){border-color:var(--apex-border);border-radius:6px;background:var(--apex-deep)}.simple-menu #garage .car-choice{min-block-size:52px;border-radius:5px;border-color:var(--apex-border);background:var(--apex-raised)}.simple-menu #garage .car-choice[aria-pressed=true]{border-color:var(--apex-accent);background:#293435}.simple-menu #shop .shop-panel{padding:clamp(11px,2.2vw,24px);border-color:var(--apex-border);border-radius:7px;background:var(--apex-surface)}.simple-menu #shop :is(.shop-head,.shop-inventory,.shop-car){min-inline-size:0}.simple-menu #shop .shop-head h3{font-size:clamp(17px,2.9vw,23px)}.simple-menu #shop .shop-player{color:var(--apex-signal)}.simple-menu #shop .shop-matches{color:var(--apex-muted)}.simple-menu #shop .shop-car{grid-template-columns:minmax(0,1fr) minmax(0,auto);padding:clamp(9px,1.5vw,15px);border-color:var(--apex-border);border-radius:6px;background:linear-gradient(119deg,var(--apex-deep),#172532)}.simple-menu #shop .shop-car-title:before{width:4px;border-radius:1px}.simple-menu #shop .shop-car strong{font-size:clamp(14px,2vw,18px)}.simple-menu #shop .shop-car-price{color:var(--apex-accent);font:730 clamp(16px,2.6vw,27px)/1.1 var(--apex-metric);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.simple-menu #shop .shop-car-preview canvas{background:radial-gradient(ellipse at 50% 63%,#68818c,#263a4c 62%,#0b1723)}.simple-menu #shop .shop-car-details{border-color:var(--apex-border);background:var(--apex-deep)}.simple-menu #shop .shop-car-details dd{color:var(--apex-light)}.simple-menu :is(#garage,#shop) .tuning-panel{border-color:var(--apex-border);border-radius:6px;background:var(--apex-deep)}.simple-menu :is(#garage,#shop) :is(.tuning-player,.tuning-vehicle,.tuning-star,.tuning-stage){border-color:var(--apex-border);border-radius:5px;background:var(--apex-surface)}.simple-menu :is(#garage,#shop) .tuning-vehicle{border-inline-start:3px solid var(--apex-signal)}.simple-menu :is(#garage,#shop) .tuning-stage{border-inline-start:3px solid var(--apex-accent)}.simple-menu :is(#garage,#shop) .tuning-balance strong{font-family:var(--apex-metric);font-variant-numeric:tabular-nums}.simple-menu :is(#garage,#shop) .tuning-groups button[aria-pressed=true]{border-color:var(--apex-accent);color:var(--apex-deep);background:var(--apex-accent)}.simple-menu :is(#garage,#shop) .tuning-parts li{border-block-end-color:var(--apex-border)}.simple-menu :is(#garage,#shop) .tuning-parts li strong{color:var(--apex-light)}.simple-menu :is(#garage,#shop) .tuning-parts li p{color:var(--apex-muted)}.simple-menu #community :is(.p2p-room-surface,.save-sync-panel,.link-rank){border-color:var(--apex-border);border-radius:7px;background:var(--apex-deep)}.simple-menu #community .records{border-color:var(--apex-border);border-radius:6px;background:var(--apex-deep)}.simple-menu #community .record:nth-child(2n){background:#10243481}.simple-menu #community .record b{color:var(--apex-signal);font:740 clamp(21px,3.9vw,32px)/1.1 var(--apex-metric)}.simple-menu #preferences .simple-setting-links>.primary{min-inline-size:min(100%,240px);padding-inline:17px}.simple-menu #audio :is(.menu-theme,.song-list){border-color:var(--apex-border);border-radius:6px}.simple-menu #audio .menu-theme{background:linear-gradient(100deg,var(--apex-deep) 18%,#10202ae8 61%,#10202a68),var(--art-audio) center / cover no-repeat}.simple-menu #audio #menu-theme-title{font:760 clamp(28px,5vw,49px)/1.05 var(--apex-metric);letter-spacing:-.012em}.simple-menu #audio .song-list{background:var(--apex-deep)}.simple-menu #audio .song-name{font:680 clamp(16px,2vw,23px)/1.17 var(--apex-metric);letter-spacing:.01em}.simple-menu #audio .song-select[aria-pressed=true]{color:var(--apex-accent);border-color:var(--apex-accent);background:#222f34}.simple-menu #settings{border-color:var(--apex-border);border-block-start:3px solid var(--apex-accent);border-radius:8px;color:var(--apex-light);background:linear-gradient(140deg,var(--apex-surface),var(--apex-deep))}.simple-menu #settings :is(.settings-group,.gamepad-settings){border-color:var(--apex-border);border-radius:5px;background:var(--apex-surface)}.simple-menu #settings .settings-group legend{color:var(--apex-signal)}@media(max-width:680px){.simple-menu #garage .garage-grid{grid-template-columns:minmax(0,1fr)}.simple-menu #garage .car-stage{min-block-size:clamp(225px,58vw,338px)}.simple-menu #garage .car-info{border-inline-start:0;border-block-start:1px solid var(--apex-border)}}@media(max-width:390px){.simple-menu :is(#garage,#shop) .tuning-panel{padding:10px}.simple-menu #shop .shop-car{grid-template-columns:minmax(0,1fr) minmax(0,28%)}.simple-menu #shop .shop-car-actions button{min-inline-size:0;padding-inline:4px;overflow-wrap:anywhere}.simple-menu #audio :is(.menu-theme,.song-list){padding-inline:7px}}@media(forced-colors:active){.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel>summary{background-image:none}.simple-menu :is(#garage,#shop,#community,#preferences) .simple-panel[open]>summary{border-inline-start-color:Highlight}.simple-menu :is(#garage,#shop) .tuning-groups button[aria-pressed=true]{border-color:Highlight;color:HighlightText;background:Highlight}}.simple-menu{--yellow:#ecf67d;--cyan:#8adbeb;--paper:#eef4f5}.simple-menu #setup .apex-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:end;isolation:isolate;position:relative;overflow:hidden;min-height:clamp(365px,45vw,565px);padding:clamp(22px,4vw,52px);border:1px solid #546474;border-radius:16px;background:#0b121b}.simple-menu .apex-hero-art,.simple-menu .apex-hero-art img,.simple-menu .apex-hero:after{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.simple-menu .apex-hero-art{z-index:-2}.simple-menu .apex-hero-art img{object-fit:cover;object-position:center 56%}.simple-menu .apex-hero:after{z-index:-1;content:"";background:linear-gradient(91deg,#060b14f2,#07101db3 31%,#07101d05 69%),linear-gradient(0deg,#080e18f0,#080e1810 47%)}.simple-menu .apex-wordmark{margin-bottom:clamp(19px,4vw,38px)}.simple-menu .apex-wordmark>span{color:var(--yellow);font:800 clamp(12px,2vw,16px)/1 var(--en);letter-spacing:.25em}.simple-menu .apex-wordmark h1{font:900 clamp(55px,8vw,113px)/.98 var(--jp);margin:9px 0 0;letter-spacing:-.09em;color:#fff}.simple-menu .apex-wordmark h1 span{color:var(--yellow);font-family:var(--en);font-style:italic;padding-inline-start:.02em}.simple-menu .apex-hero #launch-track{font-size:clamp(19px,3vw,29px)}.simple-menu .apex-hero .selection-summary p{color:#dbe6ee}.simple-menu .apex-hero .simple-race-actions{margin-top:18px;display:flex;flex-direction:row;gap:8px}.simple-menu #setup .apex-hero .launch,.simple-menu .apex-hero-options{width:auto;min-height:47px;padding:10px 15px;border-radius:7px}.simple-menu .apex-hero-options{display:inline-flex;align-items:center;background:#121d2bd9}.simple-menu .apex-hero-counts{display:flex;align-self:end;align-items:flex-end;flex-wrap:wrap;gap:4px clamp(10px,2.5vw,28px)}.simple-menu .apex-hero-counts a{display:grid;min-height:44px;gap:4px;align-content:center;color:#dae8ee;white-space:nowrap}.simple-menu .apex-hero-counts a:hover{color:var(--yellow)}.simple-menu .apex-hero-counts strong{color:inherit;font:750 clamp(19px,3.1vw,31px)/1 var(--en);font-variant-numeric:tabular-nums}.simple-menu .apex-hero-counts span{font-size:11px;font-weight:700}.simple-menu .apex-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.simple-menu .apex-quick-links a{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;padding:12px clamp(8px,2vw,19px);min-height:78px;min-width:0;gap:3px 8px;color:var(--paper);background:linear-gradient(120deg,#172834,#0e1721);border:1px solid #3b4c5a;border-radius:9px;text-decoration:none}.simple-menu .apex-quick-links a:hover{border-color:var(--yellow)}.simple-menu .apex-quick-links a .ui-icon{grid-row:span 2;color:var(--yellow);align-self:center;width:22px;height:22px}.simple-menu .apex-quick-links a span{font:750 clamp(12px,1.8vw,15px)/1.3 var(--jp)}.simple-menu .apex-quick-links a small{color:var(--sub);font:500 11px/1.35 var(--jp)}.simple-menu .apex-quick-links :is(span,small){overflow-wrap:anywhere}.simple-menu .tuning-guide{--ui-art:var(--art-controls)}.simple-menu .car-vehicle-level{color:var(--cyan);font-weight:750;margin:8px 0;overflow-wrap:anywhere}@media(max-width:700px){.simple-menu #setup .apex-hero{min-height:460px;grid-template-columns:minmax(0,1fr);gap:12px;align-content:end}.simple-menu .apex-hero-art img{object-position:67% 51%}.simple-menu .apex-hero:after{background:linear-gradient(0deg,#080e18fc 2%,#090f18d9 44%,#0913211f 79%)}.simple-menu .apex-wordmark{margin-bottom:12px}.simple-menu .apex-hero-counts{order:1}}@media(max-width:380px){.simple-menu #setup .apex-hero{min-height:426px;padding:14px}.simple-menu .apex-quick-links{gap:5px}.simple-menu .apex-quick-links a{min-height:72px;padding:7px;grid-template-columns:minmax(0,1fr)}.simple-menu .apex-quick-links a .ui-icon{grid-row:auto;width:16px;height:16px}.simple-menu .apex-quick-links a small{font-size:10px}.simple-menu #setup .apex-hero .launch,.simple-menu .apex-hero-options{padding-inline:9px;font-size:13px;white-space:nowrap}}
.para-song-filters{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);margin:12px 0 3px}.para-song-filters input,.para-song-filters select{font-size:16px;width:100%;min-width:0}.song[hidden]{display:none!important}#para-song-count{display:block;margin-block:0 8px;color:var(--sub);font-size:12px}.para-song-filters label{min-width:0;overflow-wrap:anywhere}@media(max-width:420px){.para-song-filters{grid-template-columns:minmax(0,1fr);gap:6px}}


.simple-menu #garage #maintenance-panel{--apex-row-art:var(--art-tuning)}
.maintenance-overview{font:700 12px/1.4 var(--jp);color:var(--apex-signal);text-align:end;margin-inline-start:auto}
.simple-menu #garage #maintenance-panel>summary:after{margin-inline-start:0}
.maintenance-overview[data-damaged="true"]{color:#ffd491}
.maintenance-workshop{padding:3px clamp(4px,1.6vw,15px) 4px;min-inline-size:0}
.maintenance-intro{margin:0 0 11px;color:var(--apex-muted);font-size:13px}
.maintenance-services{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:9px}
.maintenance-service{display:grid;gap:7px;align-content:start;min-inline-size:0;padding:11px;border:1px solid var(--apex-border);border-radius:6px;background:var(--apex-deep);color:var(--apex-light)}
.maintenance-service strong{font-size:14px;line-height:1.4}.maintenance-service strong .ui-icon{color:var(--apex-signal)}
.maintenance-wear{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--apex-muted);font:750 12px/1.45 var(--jp);font-variant-numeric:tabular-nums}
.maintenance-wear progress{inline-size:100%;height:5px;accent-color:var(--apex-signal)}
.maintenance-service[data-damaged="true"] .maintenance-wear,.maintenance-service[data-damaged="true"] .maintenance-wear progress{color:#ffd491;accent-color:#ffd491}
.maintenance-service p{margin:0;color:var(--apex-muted);font-size:12px;line-height:1.45}
.maintenance-service button{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 8px;min-inline-size:0;min-block-size:44px;margin-block-start:4px;padding:7px 9px;border:1px solid var(--apex-border);border-radius:5px;background:var(--apex-raised);color:var(--apex-light);font:700 12px/1.4 var(--jp);text-align:start;white-space:normal;overflow-wrap:anywhere}
.maintenance-service button:not([aria-disabled="true"]){border-color:var(--apex-signal);color:var(--apex-accent);cursor:pointer}
.maintenance-service button:not([aria-disabled="true"]):hover{border-color:var(--apex-accent);background:#304334}
.maintenance-service button[aria-disabled="true"]{color:var(--apex-muted);cursor:default}
.maintenance-service button [data-maintenance-price]{font-variant-numeric:tabular-nums}
.maintenance-service button:focus-visible{outline:2px solid var(--apex-accent);outline-offset:2px}
.maintenance-status{min-block-size:1.4em;margin:8px 0 0;color:var(--apex-signal);font-size:13px;overflow-wrap:anywhere}
.maintenance-status[data-error="true"]{color:#ffd491}
@media(forced-colors:active){.maintenance-service button[aria-disabled="true"]{color:GrayText}.maintenance-service button:focus-visible{outline-color:Highlight}}

#race[data-technique="true"] #race-position{font-size:clamp(17px,3vw,34px);white-space:nowrap}

.simple-menu #garage #turbine-panel{--apex-row-art:var(--art-tuning)}
.simple-menu #garage #turbine-panel>summary{column-gap:8px}
.simple-menu #garage #turbine-panel>summary:after{margin-inline-start:0}
.turbine-summary{margin-inline-start:auto;color:var(--apex-signal);font:700 12px/1.4 var(--jp);text-align:end;overflow-wrap:anywhere}
.turbine-panel{display:grid;gap:10px;min-inline-size:0;margin:0 4px 4px;padding:clamp(10px,2vw,17px);border:1px solid var(--apex-border);border-radius:6px;background:var(--apex-deep)}
.turbine-head,.turbine-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;min-inline-size:0}
.turbine-head>div{flex:1 1 15em;min-inline-size:0}
.turbine-head h3{margin:0;color:var(--apex-light);font-size:15px;overflow-wrap:anywhere}
.turbine-head p,.turbine-actions>span,.turbine-stats dt{margin:0;color:var(--apex-muted);font-size:12px}
.turbine-head>strong,.turbine-stats dd,.turbine-actions strong{color:var(--apex-signal);font-variant-numeric:tabular-nums}
.turbine-panel progress{width:100%;height:6px;accent-color:var(--apex-signal)}
.turbine-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.25rem),1fr));gap:6px;margin:0}
.turbine-stats>div{display:grid;gap:3px;padding:7px 9px;border:1px solid var(--apex-border);border-radius:4px;min-inline-size:0;overflow-wrap:anywhere}
.turbine-stats dd{margin:0;font-weight:800}
.turbine-actions button{min-block-size:44px;max-inline-size:100%;white-space:normal;text-align:center}
.turbine-actions button:disabled{opacity:.62;cursor:default}
.turbine-messages p{margin:0;color:var(--apex-signal);overflow-wrap:anywhere}
.turbine-messages p:is([data-error="true"],[data-turbine="quote"]){color:#ffd491}
.turbine-messages p:empty{margin:0;padding:0;min-height:0}
#race #race-speed[data-four-digit-speed]{font-size:clamp(29px,5.25vw,63px);letter-spacing:-.035em;white-space:nowrap}
@media(max-width:720px),(max-height:540px) and (orientation:landscape){
  #race #race-speed[data-four-digit-speed]{font-size:clamp(27px,8.25vw,36px)}
}

/* Night race menu and telemetry */
:root {
  --theme-ink: #090f18;
  --theme-panel: #101b29;
  --theme-raised: #172636;
  --theme-border: #364553;
  --theme-muted: #b7c3cf;
  --theme-ivory: #f6eee4;
  --theme-gold: #f4bf75;
  --theme-gold-dark: #211404;
  --theme-aqua: #7dd7d5;
  --theme-faint: #b9daeb12;
  --theme-radius: 12px;
  --art-road: url("./theme-hero.webp");
  --art-garage: url("./theme-garage.webp");
  --art-tuning: url("./theme-shop.webp");
  --art-results: url("./theme-records.webp");
  --art-audio: url("./theme-settings.webp");
  --art-controls: url("./theme-settings.webp");
  background: var(--theme-ink);
}

body.simple-menu {
  --bg: var(--theme-ink);
  --panel: var(--theme-panel);
  --paper: var(--theme-ivory);
  --sub: var(--theme-muted);
  --line: var(--theme-border);
  --yellow: var(--theme-gold);
  --cyan: var(--theme-aqua);
  --apex-surface: var(--theme-panel);
  --apex-deep: var(--theme-ink);
  --apex-raised: var(--theme-raised);
  --apex-border: var(--theme-border);
  --apex-light: var(--theme-ivory);
  --apex-muted: var(--theme-muted);
  --apex-accent: var(--theme-gold);
  --apex-signal: var(--theme-aqua);
  --page-gutter: clamp(12px, 3.2vw, 50px);
  background: radial-gradient(ellipse at 85% 10%, #182f426e, transparent 38rem), var(--theme-ink);
}
.simple-menu :is(.wrap, .site-header .header-inner) {
  width: min(1240px, calc(100% - 2 * var(--page-gutter)));
}
.simple-menu .site-header {
  border-bottom: 1px solid #67869b4d;
  background: linear-gradient(105deg, #0b111b, #121e2d 57%, #111a25);
  box-shadow: 0 6px 24px #03070d5c;
}
.simple-menu .site-header .header-inner:not(.announcement-inner) {
  min-block-size: 66px;
  gap: 4px clamp(8px, 2vw, 27px);
}
.simple-menu .site-header .brand {
  display: flex;
  color: var(--theme-ivory);
  font-size: 22px;
  font-weight: 840;
  letter-spacing: -.06em;
}
.simple-menu .site-header .brand img {
  inline-size: 38px;
  block-size: 38px;
  border: 1px solid #e6bc795e;
  border-radius: 8px;
  box-shadow: 0 3px 12px #02050b8c;
}
.simple-menu .site-header .brand small {
  display: block;
  margin-block-start: 1px;
  font: 750 10px/1 var(--en);
  letter-spacing: .24em;
  color: var(--theme-muted);
}
.simple-menu .site-header .brand-z {
  color: var(--theme-gold);
  margin-inline-start: .04em;
}
.simple-menu .site-header nav :is(a, button) {
  padding-inline: clamp(7px, 1.3vw, 20px);
  gap: .42em;
  line-height: 1.3;
}
.simple-menu .site-header nav :is(a, button)[aria-current] {
  background: linear-gradient(0deg, #f4bf751a, transparent 88%);
  box-shadow: inset 0 -2px var(--theme-gold);
}
.simple-menu .site-header .wallet-badge {
  min-inline-size: 0;
  max-inline-size: min(100%, 21ch);
  padding: 6px 10px;
  border: 1px solid #b3b0a64b;
  border-radius: 8px;
  background: linear-gradient(145deg, #251e20ca, #101b27);
}
.simple-menu .site-header .wallet-badge strong {
  color: var(--theme-gold);
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.simple-menu .announcements {
  background: #101d29;
  border-color: #3b4d5a;
}
.simple-menu .announcements .announcement-inner {
  min-block-size: 38px;
}
.simple-menu #announcement-toggle {
  padding-inline: 10px;
  border-color: #587080;
  color: var(--theme-muted);
}
.simple-menu .content {
  padding-block: clamp(16px, 3vw, 34px);
}
.simple-menu :is(#setup, #garage, #online-play, #records, #audio) {
  background: transparent;
}
.simple-menu .apex-hero-content {
  min-inline-size: 0;
  inline-size: fit-content;
}
.simple-menu #setup .apex-hero {
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  gap: 14px;
  min-block-size: clamp(385px, 39vw, 530px);
  padding: clamp(24px, 4vw, 57px);
  border-color: #ac9d863b;
  border-radius: clamp(13px, 1.8vw, 23px);
  background: var(--theme-panel);
  box-shadow: 0 20px 50px #01050b9e;
}
.simple-menu .apex-hero-art img {
  object-position: center 59%;
}
.simple-menu .apex-hero::after {
  background:
    linear-gradient(90deg, #060b14f7 0%, #060c15e3 14%, #080e17a8 34%, #0a10171e 65%, #0a101708 100%),
    linear-gradient(0deg, #080e17ee 0%, #080e17a3 13%, transparent 47%);
}
.simple-menu .apex-wordmark {
  margin-block-end: clamp(17px, 3vw, 34px);
}
.simple-menu .apex-wordmark > span,
.simple-menu .hero-brand-en {
  color: var(--theme-gold);
  font-weight: 700;
  font-size: clamp(13px, 1.5vw, 17px);
  letter-spacing: .26em;
}
.simple-menu .apex-wordmark h1 {
  font-size: clamp(58px, 8vw, 115px);
  font-weight: 850;
  color: var(--theme-ivory);
  text-shadow: 0 5px 34px #060a11a6;
}
.simple-menu .apex-wordmark h1 span {
  color: var(--theme-gold);
}
.simple-menu .theme-hero-copy {
  margin: 10px 0 0;
  max-inline-size: 31ch;
  color: var(--theme-ivory);
  font-size: clamp(13px, 1.7vw, 17px);
  line-height: 1.52;
  text-shadow: 0 2px 10px #040710;
}
.simple-menu .apex-hero .selection-summary {
  padding-inline-start: 13px;
  border-inline-start: 2px solid var(--theme-aqua);
}
.simple-menu .apex-hero .selection-summary > span {
  color: var(--theme-aqua);
  font-weight: 720;
}
.simple-menu .apex-hero #launch-track {
  font-size: clamp(20px, 3vw, 30px);
  font-weight: 800;
  line-height: 1.25;
}
.simple-menu .apex-hero .selection-summary p {
  color: var(--theme-ivory);
  overflow-wrap: anywhere;
}
.simple-menu .apex-hero .simple-race-actions {
  gap: 8px;
  flex-wrap: wrap;
}
.simple-menu #setup .apex-hero .launch,
.simple-menu .apex-hero-options {
  min-block-size: 48px;
  min-inline-size: 0;
  padding-inline: clamp(12px, 1.8vw, 24px);
  border-radius: 8px;
}
.simple-menu #setup .apex-hero .launch {
  justify-content: space-between;
  gap: 14px;
  color: var(--theme-gold-dark);
  background: linear-gradient(115deg, #ffe0aa, #eab164);
  border-color: #ffe1b08a;
  box-shadow: 0 4px 19px #eeaa5047;
}
.simple-menu #setup .apex-hero .launch:hover {
  background: #ffe1ab;
}
.simple-menu .apex-hero-options {
  justify-content: center;
  color: var(--theme-ivory);
  border-color: #bed7e366;
  background: #111e2be8;
}
.simple-menu .apex-hero-options:hover {
  border-color: var(--theme-aqua);
  background: #192d3de8;
}
.simple-menu .apex-hero-counts {
  justify-self: end;
  gap: clamp(10px, 2vw, 24px);
  padding: 6px 14px;
  background: #101925d6;
  border: 1px solid #d5b58951;
  border-radius: 9px;
  box-shadow: 0 2px 15px #03060c63;
}
.simple-menu .apex-hero-counts a {
  text-align: center;
}
.simple-menu .apex-hero-counts strong {
  color: var(--theme-gold);
}
.simple-menu .apex-hero-counts span {
  color: var(--theme-ivory);
}
.simple-menu .apex-quick-links {
  gap: 10px;
  margin-block-start: 14px;
}
.simple-menu .apex-quick-links a {
  --quick-art: var(--art-garage);
  align-content: center;
  gap: 4px 10px;
  min-block-size: 93px;
  padding: 13px clamp(10px, 2vw, 24px);
  border-color: var(--theme-border);
  border-radius: var(--theme-radius);
  background: linear-gradient(92deg, #101b29 3%, #101b29ef 46%, #0d182580), var(--quick-art) right center / auto 150% no-repeat;
  box-shadow: 0 3px 14px #02070d5c;
}
.simple-menu .apex-quick-links a:nth-child(2) { --quick-art: var(--art-tuning); }
.simple-menu .apex-quick-links a:nth-child(3) { --quick-art: var(--art-results); }
.simple-menu .apex-quick-links a .ui-icon {
  inline-size: 25px;
  block-size: 25px;
  color: var(--theme-aqua);
}
.simple-menu .apex-quick-links a span {
  font-size: clamp(12px, 1.7vw, 16px);
}
.simple-menu .apex-quick-links a small {
  color: var(--theme-muted);
}
.simple-menu .technique-guide {
  --ui-art: url("./mugen-apex-loop.webp");
  margin-block: 14px 12px;
  padding: 14px clamp(12px, 2.6vw, 26px);
  border-inline-start: 3px solid var(--theme-aqua);
  background: linear-gradient(92deg, #111d2bf5 15%, #101b29e8 66%, #101b296e), var(--ui-art) right 58% / auto 180% no-repeat;
}
.simple-menu :is(.simple-race-details, #mission-panel) {
  border-color: var(--theme-border);
  border-radius: var(--theme-radius);
}
.simple-menu :is(.simple-race-details, #mission-panel)>summary {
  min-block-size: 52px;
  font-size: 15px;
  background: linear-gradient(95deg, var(--theme-panel) 20%, #162536d9 83%, #152332b8), var(--art-results) right 53% / auto 195% no-repeat;
  border-radius: var(--theme-radius);
}
.simple-menu :is(.simple-race-details, #mission-panel)[open]>summary {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.simple-menu :is(.course-browser, .mode-panel) {
  min-inline-size: 0;
}
.simple-menu :is(.bonus-guide, .race-challenge, .mode-card, .track-card) {
  border-color: var(--theme-border);
  border-radius: 9px;
}
.simple-menu :is(.track-card, .mode-card)[aria-pressed="true"] {
  border-color: var(--theme-gold);
  box-shadow: inset 0 0 0 1px #f4bf753e;
}
.simple-menu #setup :is(.mode-card, .bonus-guide) {
  background-color: var(--theme-raised);
}
.simple-menu #setup .mode-card[aria-pressed="true"] {
  background: linear-gradient(120deg, #3a2e26, #273640);
}
.simple-menu #setup .course-features .bonus-guide {
  background: linear-gradient(90deg, #142130f5, #132331ef 68%, #122333a9), var(--ui-art, var(--art-road)) right center / cover;
}
.simple-menu #setup .track-card::after {
  background: linear-gradient(0deg, #07111bf8 0%, #0b1625dd 26%, #0e1a2e38 67%, #0d192628 100%);
}

.simple-menu #garage { --section-art: var(--art-garage); }
.simple-menu #shop { --section-art: var(--art-tuning); }
.simple-menu #community { --section-art: var(--art-results); }
.simple-menu #preferences { --section-art: var(--art-controls); }

.simple-menu .content > [data-menu-view]:not(#setup) > .section-heading {
  position: relative;
  align-items: flex-end;
  isolation: isolate;
  overflow: hidden;
  min-block-size: clamp(135px, 17vw, 220px);
  margin-block-end: clamp(13px, 2.5vw, 24px);
  padding: clamp(16px, 3.1vw, 38px);
  border: 1px solid var(--theme-border);
  border-radius: clamp(10px, 1.5vw, 16px);
  background: linear-gradient(89deg, #08101bf7 0%, #0b1421e8 26%, #0b1726ab 52%, #0b17262e), var(--section-art) center 56% / cover no-repeat;
  box-shadow: 0 9px 27px #0307108c;
}
.simple-menu .content > [data-menu-view]:not(#setup) > .section-heading::before {
  content: "";
  position: absolute;
  inset: auto auto 0 0;
  inline-size: min(26%, 195px);
  block-size: 2px;
  background: linear-gradient(90deg, var(--theme-gold), transparent);
}
.simple-menu .content > [data-menu-view]:not(#setup) > .section-heading h2 {
  font-size: clamp(28px, 4.7vw, 55px);
  color: var(--theme-ivory);
  line-height: 1.13;
  text-shadow: 0 2px 19px #02040bbf;
}
.simple-menu .content > [data-menu-view]:not(#setup) > .section-heading .theme-intro {
  max-inline-size: 45ch;
  margin: 6px 0 0;
  color: var(--theme-muted);
  font-size: 13px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.simple-menu .section-heading .quiet,
.simple-menu footer .quiet {
  padding-inline: 12px;
  border: 1px solid #6c839470;
  border-radius: 7px;
  background: #111e2bec;
  color: var(--theme-ivory);
}
.simple-menu .section-heading .quiet:hover,
.simple-menu footer .quiet:hover {
  border-color: var(--theme-aqua);
}
.simple-menu .shop-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.simple-menu .theme-section-foot {
  margin-block: 12px 0;
}
.simple-menu .theme-section-foot a {
  min-block-size: 44px;
  align-items: center;
}
.simple-menu :is(.theme-quick, .theme-scroll-top) {
  color: var(--theme-aqua);
  overflow-wrap: anywhere;
}
.simple-menu .theme-scroll-top {
  min-block-size: 44px;
  max-inline-size: 100%;
}
.simple-menu :is(#garage, #shop, #community, #preferences) .simple-panel {
  border-radius: var(--theme-radius);
  background: var(--theme-panel);
}
.simple-menu :is(#garage, #shop, #community, #preferences) .simple-panel > summary {
  border-radius: var(--theme-radius);
  background-image: linear-gradient(93deg, var(--theme-panel) 20%, #132030f0 57%, #142131a6), var(--apex-row-art, var(--section-art));
  background-position: right center;
  background-size: cover, min(65%, 505px) auto;
}
.simple-menu :is(#garage, #shop, #community, #preferences) .simple-panel[open] > summary {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.simple-menu #garage .garage-grid {
  border-radius: var(--theme-radius);
  box-shadow: 0 7px 24px #0307109e;
}
.simple-menu #garage .car-stage {
  background: radial-gradient(ellipse at 47% 62%, #3b658390, #162b41a6 42%, transparent 79%),
    linear-gradient(0deg, #070b13f4, #0d1b2fb0 52%, #0b1525c2),
    var(--art-garage) center / cover no-repeat;
}
.simple-menu #garage .car-info {
  background: linear-gradient(146deg, #202f3d, #121e2b 38%, #101922);
}
.simple-menu #garage .car-stats dd {
  color: var(--theme-gold);
}
.simple-menu #shop .shop-panel {
  border-radius: var(--theme-radius);
  background: linear-gradient(142deg, #172635, var(--theme-panel) 48%);
}
.simple-menu #shop .shop-car {
  border-radius: 9px;
  background: linear-gradient(119deg, #0d1520, #182636);
}
.simple-menu #shop .shop-car-preview canvas {
  background: radial-gradient(ellipse at 50% 69%, #3b5a6d, #263a4c44 55%, #0b17238a), var(--art-garage) center / cover no-repeat;
}
.simple-menu #community :is(.p2p-room-surface, .save-sync-panel, .link-rank) {
  border-radius: var(--theme-radius);
  background: linear-gradient(107deg, var(--theme-panel) 25%, #111d2bf2 61%, #111d2bbf), var(--section-art) right center / cover no-repeat;
}
.simple-menu #preferences .simple-setting-links > .primary {
  min-block-size: 48px;
  color: var(--theme-gold-dark);
  background: linear-gradient(115deg, #ffe0aa, #eab164);
}
.simple-menu #audio .menu-theme {
  background: linear-gradient(100deg, #101a28 22%, #101a28e0 62%, #101a287e), var(--art-audio) center / cover no-repeat;
}
.simple-menu #audio .song-select[aria-pressed="true"] {
  background: #f4bf751c;
}
.simple-menu .modal[data-overlay]:not(#race),
.simple-menu #settings {
  border: 1px solid var(--theme-border);
  border-block-start: 3px solid var(--theme-gold);
  border-radius: var(--theme-radius);
  background: linear-gradient(120deg, #0d1927f6 21%, #132133ef 62%, #101d2ddd), var(--art-controls) center / cover no-repeat;
  color: var(--theme-ivory);
  box-shadow: 0 14px 38px #020610bb;
}
.simple-menu footer {
  border-color: var(--theme-border);
  background: linear-gradient(90deg, #0d1723, #0e1925ef), var(--art-results) right center / cover no-repeat;
  color: var(--theme-muted);
}
.simple-menu :is(a, button, summary, select, input, textarea):focus-visible {
  outline-color: var(--theme-aqua);
}

#race {
  --race-line: #9eb5c367;
}
#race :is(.race-timing, .race-map, .instrument) {
  border-color: var(--race-line);
  border-radius: 10px;
  background: linear-gradient(150deg, #0c1726ec, #152434e8);
  box-shadow: 0 5px 17px #02060d88;
}
#race .race-timing {
  border-inline-start: 3px solid var(--theme-gold);
}
#race .race-timing :is(#race-time, #race-position) {
  color: var(--theme-ivory);
}
#race .race-timing #race-best,
#race .race-timing .race-track-label .ui-icon,
#race #race-nitro-label {
  color: var(--theme-aqua);
}
#race :is(.race-wallet, .race-buttons button) {
  border-color: var(--race-line);
  background: #132336ec;
}
#race .race-wallet strong {
  color: var(--theme-gold);
}
#race .race-buttons button:active,
#race .race-buttons button:hover {
  border-color: var(--theme-gold);
  color: var(--theme-gold);
}
#race .touch-controls button {
  background: linear-gradient(152deg, #263b4ce8, #101e2cf3);
}
#race .touch-controls button.active {
  color: var(--theme-gold-dark);
  background: var(--theme-gold);
  border-color: var(--theme-gold);
}
#race .race-loading {
  background: linear-gradient(#091422af, #07101bed), var(--loading-art, none) center / cover no-repeat, var(--art-results) center / cover no-repeat #0a1420;
}
#race .race-loading .race-loading-card,
#race .race-overlay .race-panel {
  border: 1px solid #d1b07870;
  border-block-start: 3px solid var(--theme-gold);
  border-radius: var(--theme-radius);
  background: linear-gradient(125deg, #111d2bf9, #0e1927e8 69%, #111e2ccc), var(--art-results) center / cover no-repeat;
  box-shadow: 0 12px 38px #01040bbb;
}
#race #pause-layer .race-panel {
  background: linear-gradient(125deg, #111d2bf9, #0e1927e8 69%, #111e2ccc), var(--art-controls) center / cover no-repeat;
}
#race .rpm i {
  background: linear-gradient(90deg, var(--theme-aqua), var(--theme-gold));
}
#race .rpm i.near-redline {
  background: #f99179;
}
#race .race-local-overlay .race-panel .primary:hover {
  background: #ffe1ab;
}

@media (max-width: 760px) {
  .simple-menu .site-header .header-inner:not(.announcement-inner) {
    min-block-size: 89px;
    gap: 0 8px;
  }
  .simple-menu .site-header .brand img {
    inline-size: 32px;
    block-size: 32px;
  }
  .simple-menu .site-header .brand {
    gap: 7px;
    font-size: 18px;
  }
  .simple-menu .site-header nav :is(a, button) {
    padding-inline: 2px;
    gap: 3px;
    font-size: clamp(10px, 3.2vw, 13px);
  }
  .simple-menu #setup .apex-hero {
    min-block-size: 490px;
    grid-template-columns: minmax(0, 1fr);
    align-content: end;
    gap: 11px;
    padding: 19px;
  }
  .simple-menu .apex-hero-art img {
    object-position: 78% 46%;
  }
  .simple-menu .apex-hero::after {
    background: linear-gradient(0deg, #070e18f7 4%, #080f19e9 28%, #080f198e 48%, #0c152536 67%, #0e172705 100%);
  }
  .simple-menu .apex-wordmark {
    margin-block-end: 14px;
  }
  .simple-menu .apex-wordmark h1 {
    font-size: clamp(53px, 12vw, 76px);
  }
  .simple-menu .apex-hero .simple-race-actions {
    margin-block-start: 12px;
  }
  .simple-menu .apex-hero-counts {
    justify-self: stretch;
    justify-content: start;
    gap: 8px 16px;
    width: fit-content;
    max-inline-size: 100%;
    padding: 3px 9px;
  }
  .simple-menu .apex-hero-counts a {
    min-block-size: 42px;
  }
  .simple-menu .apex-quick-links a {
    min-block-size: 82px;
    padding: 9px;
    background-size: auto, auto 120%;
  }
  .simple-menu .apex-quick-links a .ui-icon {
    inline-size: 20px;
    block-size: 20px;
  }
  .simple-menu .content > [data-menu-view]:not(#setup) > .section-heading {
    min-block-size: 128px;
    align-items: flex-end;
    gap: 10px;
    background-position: center, 59% center;
  }
}

@media (max-width: 410px) {
  .simple-menu #setup .apex-hero {
    min-block-size: clamp(425px, 65svh, 490px);
    padding: 14px;
  }
  .simple-menu .apex-hero-art img {
    object-position: 84% 47%;
  }
  .simple-menu .site-header .wallet-badge {
    padding: 4px 7px;
  }
  .simple-menu .apex-quick-links {
    gap: 5px;
  }
  .simple-menu .apex-quick-links a {
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 81px;
    gap: 3px;
    padding: 7px;
  }
  .simple-menu .apex-quick-links a .ui-icon {
    grid-row: auto;
    inline-size: 17px;
    block-size: 17px;
  }
  .simple-menu .apex-quick-links a small {
    font-size: 11px;
  }
  .simple-menu .content > [data-menu-view]:not(#setup) > .section-heading .theme-intro {
    font-size: 12px;
  }
}

@media (max-height: 455px) and (orientation: landscape) {
  .simple-menu .site-header .header-inner:not(.announcement-inner) {
    min-block-size: 49px;
  }
  .simple-menu #setup .apex-hero {
    min-block-size: 330px;
  }
}
@media (forced-colors: active) {
  .simple-menu :is(.site-header, .apex-quick-links a, .apex-hero-counts, #setup .apex-hero),
  .simple-menu .content > [data-menu-view]:not(#setup) > .section-heading,
  .simple-menu :is(#garage, #shop, #community, #preferences) .simple-panel > summary,
  #race :is(.race-timing, .race-map, .instrument, .race-loading, .race-loading .race-loading-card, .race-overlay .race-panel) {
    border-color: ButtonText;
    background: Canvas;
    box-shadow: none;
  }
  .simple-menu .apex-hero-art,
  .simple-menu .apex-hero::after {
    display: none;
  }
}

.simple-menu .theme-hero-copy {
  margin: 0;
  color: #f6eee4;
  font-size: clamp(.87rem, 1.7vw, 1.04rem);
  font-weight: 650;
  letter-spacing: .06em;
  text-wrap: balance;
}
.simple-menu .theme-section-foot { margin: 16px 0 0; }
.simple-menu .theme-section-foot .quiet,
.simple-menu .simple-setting-links .quiet { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.simple-menu .simple-setting-links { gap: 10px; flex-wrap: wrap; }
.simple-menu .bonus-guide.technique-guide {
  --art: url('./mugen-apex-loop.webp');
  background-image: linear-gradient(98deg, #101923 32%, #111d28ed 63%, #111d28ad 100%), var(--art);
  background-position: center;
  background-size: cover;
}
.simple-menu .garage-hint .ui-icon { color: var(--theme-aqua); }
.simple-menu #garage .car-stage {
  background: radial-gradient(ellipse at 50% 51%, #355066 0%, #192938 44%, #0d1621 80%);
}
.simple-menu .apex-hero-art img { -webkit-user-drag: none; }
.theme-long-courses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  grid-column: 1 / -1;
  gap: 10px;
}
.theme-long-courses a {
  display: grid;
  grid-template-columns: 1.1rem minmax(0,1fr);
  align-content: end;
  align-items: center;
  gap: 5px 9px;
  min-height: 112px;
  padding: 12px;
  border: 1px solid var(--theme-border);
  border-radius: 9px;
  color: var(--theme-ivory);
  background: linear-gradient(0deg, #0b121bea, #0b121b75), var(--theme-long-art) center 52% / cover;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.theme-long-courses a:first-child { --theme-long-art: url('./xp-dawn-30km.webp'); }
.theme-long-courses a:last-child { --theme-long-art: url('./bonus-bay-30km.webp'); }
.theme-long-courses a:hover { border-color: var(--theme-gold); }
.theme-long-courses small { grid-column: 2; color: var(--theme-gold); font-size: .77rem; }
.theme-long-courses .ui-icon { color: var(--theme-aqua); }

/* Grand Prix menu, championship progress, and results */
.simple-menu .site-header .header-inner:not(.announcement-inner) {
  grid-template-columns: max-content minmax(0, 1fr) minmax(0, max-content);
  column-gap: clamp(8px, 1.2vw, 18px);
}
.simple-menu .site-header .simple-nav {
  align-self: stretch;
  justify-self: center;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  width: min(100%, 660px);
}
.simple-menu .site-header .simple-nav a {
  padding-inline: max(3px, .6vw);
}
.simple-menu .header-actions {
  gap: 5px;
  min-width: 0;
}
.simple-menu .site-header .wallet-badge strong { white-space: normal; }
.gp-header-title, .gp-driver-title {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .15em .4em;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: var(--theme-gold);
}
.gp-header-title {
  max-width: min(210px, 21vw);
  align-content: center;
  padding: 6px 9px;
  border: 1px solid #a586555f;
  border-radius: 7px;
  background: linear-gradient(125deg, #32291fcc, #141d28e8);
  font-size: .75rem;
  font-weight: 760;
  line-height: 1.35;
}
#gp-header-driver {
  color: var(--theme-ivory);
}
#gp-header-driver:empty, #gp-header-title-text:empty, #gp-race-round:empty, #gp-race-title:empty {
  display: none;
}
.simple-menu .apex-quick-links {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.simple-menu .apex-quick-links a.gp-quick-link {
  --quick-art: url('./enkan-circuit.webp');
  border-color: #9776499f;
}
.simple-menu .apex-quick-links a.gp-quick-link .ui-icon {
  color: var(--theme-gold);
}
.simple-menu #grand-prix {
  --section-art: url('./enkan-circuit.webp');
  --gp-accent: #c69558;
}
.simple-menu #grand-prix .section-heading {
  min-block-size: clamp(155px, 20vw, 248px);
  align-items: end;
  flex-wrap: wrap;
}
#grand-prix .section-heading > div,
#grand-prix .section-heading h2 {
  min-width: 0;
  overflow-wrap: anywhere;
}
#grand-prix .section-heading .quiet {
  min-block-size: 44px;
}
.gp-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 20px;
  margin-block-end: 14px;
}
.gp-status {
  margin: 0;
  color: var(--theme-aqua);
  font-size: .91rem;
  font-weight: 740;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
#gp-titles {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 8px 12px;
  min-inline-size: 0;
  max-inline-size: 100%;
}
#gp-titles form {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 6px;
  min-inline-size: 0;
  max-inline-size: 100%;
}
#gp-titles label, .gp-title-select {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: var(--theme-muted);
  font-size: .82rem;
  font-weight: 710;
}
#gp-titles :is(select, input) {
  min-block-size: 42px;
  min-width: 0;
  box-sizing: border-box;
  width: min(11rem, 100%);
  max-width: 100%;
  padding: 7px 10px;
  border: 1px solid #65808b;
  border-radius: 7px;
  background-color: #0c1a27;
  color: var(--theme-ivory);
  font-size: .9rem;
}
#gp-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%, 242px),1fr));
  gap: clamp(7px, 1.7vw, 16px);
}
#gp-list .gp-card {
  position: relative;
  display: grid;
  isolation: isolate;
  overflow: hidden;
  align-items: end;
  min-width: 0;
  min-block-size: clamp(132px, 15vw, 176px);
  max-width: 100%;
  padding: 0;
  text-align: start;
  color: var(--theme-ivory);
  background-color: var(--theme-panel);
  border: 1px solid #536674;
  border-radius: 10px;
  box-shadow: 0 6px 16px #02070d8a;
  white-space: normal;
  overflow-wrap: anywhere;
}
#gp-list .gp-card:hover,
#gp-list .gp-card[aria-pressed='true'],
#gp-list .gp-card[aria-expanded='true'] {
  border-color: var(--theme-aqua);
}
#gp-list .gp-card:focus-visible {
  outline-offset: -3px;
}
#gp-list .gp-card[data-earned]:not([data-earned='false']) {
  border-color: var(--gp-accent);
}
.gp-card::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(0deg, #09131efb 1%, #09131ef2 34%, #101c2b91 70%, #101c2b27);
  pointer-events: none;
}
.gp-card-image {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 51%;
}
.gp-card-content {
  display: grid;
  gap: 4px;
  align-content: end;
  min-width: 0;
  padding: clamp(11px, 1.5vw, 19px);
}
.gp-card :is(h3,strong,b) {
  margin: 0;
  color: inherit;
  font-weight: 830;
  font-size: clamp(.93rem, 2vw, 1.15rem);
  line-height: 1.38;
}
.gp-card :is(p,small), .gp-card-content > span:last-child {
  margin: 0;
  color: var(--theme-muted);
  font-size: .77rem;
  line-height: 1.45;
}
.gp-card .gp-card-kicker {
  color: var(--theme-gold);
  font-size: .73rem;
  letter-spacing: .08em;
  font-weight: 760;
}
#gp-detail {
  display: grid;
  gap: 14px;
  padding: clamp(13px, 2.3vw, 25px);
  margin-block-end: 17px;
  border: 1px solid #597286;
  border-radius: 10px;
  background: linear-gradient(145deg, #1b2938, #101b28 82%);
  box-shadow: 0 7px 23px #02070c82;
  overflow-wrap: anywhere;
}
#gp-detail:focus-visible { outline: 2px solid var(--theme-gold); }
.gp-detail-head {
  display: grid;
  gap: 4px;
  color: var(--theme-muted);
  font-size: .9rem;
}
.gp-detail-head :is(h3,p), #gp-detail h4 {
  margin: 0;
}
.gp-detail-head h3 {
  color: var(--theme-ivory);
  font-size: clamp(1.16rem, 2.5vw, 1.55rem);
  line-height: 1.35;
  scroll-margin-block-start: 64px;
}
.gp-rounds {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%, 192px),1fr));
  gap: 6px 10px;
  margin: 0;
  padding: 0;
  list-style-position: inside;
  color: var(--theme-ivory);
  font-size: .85rem;
  line-height: 1.5;
}
.gp-rounds li {
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid #3b5365;
  border-radius: 6px;
  background: #0b1723;
}
.gp-rounds li small {
  display: block;
  color: var(--theme-aqua);
}
.gp-rounds li::marker { color: var(--theme-muted); }
.gp-rounds li[aria-current] {
  border-color: var(--theme-gold);
  color: var(--theme-gold);
}
.gp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.gp-actions button {
  min-block-size: 44px;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.gp-table-wrap {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-color: #5c8191 #101a25;
}
.gp-table {
  width: 100%;
  margin-block: 6px 0;
  border-collapse: collapse;
  color: var(--theme-ivory);
  font-size: clamp(.72rem, 1.4vw, .87rem);
  text-align: start;
  font-variant-numeric: tabular-nums;
}
.gp-table caption {
  caption-side: top;
  padding-block-end: 6px;
  color: var(--theme-aqua);
  font-weight: 850;
  text-align: start;
}
.gp-table :is(td,th) {
  padding: 6px 8px;
  border-block-end: 1px solid #3a5263;
  text-align: start;
  line-height: 1.4;
}
.gp-table thead th {
  background: #161f2d;
  color: var(--theme-muted);
  white-space: nowrap;
}
.gp-table .gp-self {
  background: #66472a38;
  color: #ffdfad;
  font-weight: 740;
}
.gp-driver-you {
  margin-inline-start: .55em;
  color: var(--theme-muted);
  font-size: .72em;
}
.gp-driver-title {
  margin-inline-start: .35em;
  font-size: .88em;
  font-weight: 720;
  color: #ffd697;
}
#race .race-car-label {
  flex-wrap: wrap;
  overflow: visible;
}
#race .race-car-label > bdi {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#race p.gp-race-status {
  max-width: 100%;
  margin: 0;
  color: var(--theme-aqua);
  font-size: clamp(9px, 1vw, 11px);
  font-weight: 800;
  line-height: 1.24;
  overflow-wrap: anywhere;
}
#gp-result {
  margin-block: 8px 12px;
  padding-block-start: 7px;
  border-block-start: 1px solid #62768a;
  overflow-wrap: anywhere;
}
#gp-result :is(h3,h4,p) { margin-block: 3px 6px; }
#gp-result h3 { color: var(--theme-gold); }
#gp-result-action { white-space: normal; }
#gp-result-action[aria-disabled='true'] { opacity: .65; cursor: wait; }

@media (max-width: 955px) {
  .simple-menu .site-header .header-inner:not(.announcement-inner) {
    grid-template-columns: max-content minmax(0, 1fr);
    grid-template-areas: 'brand actions' 'navigation navigation';
    grid-template-rows: auto auto;
    padding-block-start: 3px;
  }
  .simple-menu .site-header .simple-nav a { min-block-size: 42px; }
  .gp-header-title { max-width: min(205px, 29vw); }
}
@media (max-width: 620px) {
  .simple-menu .apex-quick-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #gp-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #gp-list .gp-card { min-block-size: 136px; }
  .gp-table :is(td,th) { padding: 5px; }
}
@media (max-width: 420px) {
  .simple-menu .site-header .header-inner:not(.announcement-inner) { column-gap: 5px; }
  .simple-menu .site-header .simple-nav a {
    gap: 2px;
    padding-inline: 1px;
    font-size: clamp(8px, 2.55vw, 11px);
  }
  .gp-header-title {
    max-width: 30vw;
    padding: 4px 5px;
    font-size: .64rem;
    line-height: 1.24;
  }
  .gp-card-content { padding: 8px; }
}
@media (max-width: 310px) {
  .simple-menu .site-header .simple-nav a { overflow-wrap: anywhere; }
  .simple-menu .header-actions .gp-header-title { max-width: 28vw; }
  #gp-list { grid-template-columns: minmax(0,1fr); }
}
@media (forced-colors: active) {
  #gp-list .gp-card, .gp-header-title, #gp-detail, .gp-rounds li {
    border: 1px solid ButtonText;
    background: Canvas;
  }
  .gp-card::before, .gp-card-image { display: none; }
  #gp-list .gp-card:is(:hover,[data-earned]), .gp-rounds li[aria-current] { border-color: Highlight; }
}

.simple-menu #garage #nitro-level-panel{--apex-row-art:var(--art-tuning)}
.simple-menu #garage #nitro-level-panel>summary{column-gap:8px}
.simple-menu #garage #nitro-level-panel>summary:after{margin-inline-start:0}
#nitro-level-panel [data-nitro-level=quote]{color:#ffd491}
#race #race-nitro-level:not([hidden]){
  grid-column:1/-1;justify-self:center;color:#abf3e8;
  font-size:clamp(8px,1.55vw,12px);font-weight:800;white-space:nowrap
}

/* Omoji Z editorial interface */
:root {
  --theme-ink:#111110;
  --theme-panel:#181816;
  --theme-raised:#22211e;
  --theme-border:#433c34;
  --theme-muted:#bdb6ac;
  --theme-ivory:#f4eee5;
  --theme-gold:#e7ad80;
  --theme-gold-dark:#20140e;
  --theme-aqua:#b8cec4;
  --theme-faint:#d9c3a116;
  --theme-radius:4px;
  --art-road:url("./reel-routes.webp");
  --art-garage:url("./reel-garage.webp");
  --art-tuning:url("./reel-technical.webp");
  --art-results:url("./reel-routes.webp");
  --art-audio:url("./reel-technical.webp");
  --art-controls:url("./reel-technical.webp");
}
body.theme-reel {
  --page-gutter:clamp(14px,3.6vw,64px);
  --reel-font:"Barlow Condensed","Arial Narrow",sans-serif;
  background:radial-gradient(ellipse at 84% 0%,#33241b40,transparent 35rem),var(--theme-ink);
}
.theme-reel .site-header {
  background:#141412f5;
  border-color:#b182615e;
  box-shadow:0 4px 20px #0008;
}
.theme-reel :is(.wrap, .site-header .header-inner) {
  width:min(1420px,calc(100% - 2 * var(--page-gutter)));
}
.theme-reel .site-header .brand {
  font-size:21px;
  letter-spacing:.015em;
}
.theme-reel .site-header .brand img {
  border-radius:3px;
  box-shadow:none;
  border-color:#b182613b;
}
.theme-reel .site-header .brand small {
  font:700 10px/1 var(--reel-font);
  letter-spacing:.24em;
}
.theme-reel .site-header .simple-nav a {
  border-radius:0;
  color:#ccc5b9;
  font-weight:700;
  white-space:nowrap;
}
.theme-reel .site-header .simple-nav a:hover,
.theme-reel .site-header .simple-nav a[aria-current] {
  color:var(--theme-ivory);
}
.theme-reel .site-header .simple-nav a[aria-current] {
  background:linear-gradient(0deg,#c187532c,transparent 67%);
  box-shadow:inset 0 -2px var(--theme-gold);
}
.theme-reel .site-header .wallet-badge,
.theme-reel .site-header .gp-header-title {
  background:linear-gradient(115deg,#2a211a,#171615);
  border:1px solid #d3986b66;
  border-radius:3px;
  box-shadow:none;
}
.theme-reel .announcements {background:#1b1916;border-color:#302821;}
.theme-reel .announcements .announcement-inner {min-block-size:35px;}
.theme-reel #announcement-toggle {border-color:#67513d;border-radius:2px;}
.theme-reel .content {padding-block:clamp(15px,3vw,42px);}
.theme-reel #setup .apex-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:end;
  position:relative;
  min-block-size:clamp(410px,41vw,650px);
  isolation:isolate;
  padding:clamp(22px,5.6vw,81px);
  margin:0;
  border:1px solid #b98b635b;
  border-radius:4px 4px 0 0;
  background:#211d1a;
  box-shadow:none;
}
.theme-reel .apex-hero-art img {object-position:50% 53%;}
.theme-reel .apex-hero::after {
  background:linear-gradient(90deg,#100e0cf3 0%,#16120fc9 19%,#1b161069 41%,transparent 69%),
             linear-gradient(0deg,#14100cc9 0%,#17120f25 32%,transparent 58%);
}
.theme-reel .apex-hero-content {max-width:min(100%,620px);inline-size:auto;}
.theme-reel .apex-wordmark {margin-block-end:clamp(20px,2.8vw,40px);}
.theme-reel .apex-wordmark .hero-brand-en {
  display:flex;
  align-items:center;
  gap:12px;
  font:700 clamp(12px,1.5vw,17px)/1.3 var(--reel-font);
  letter-spacing:.25em;
}
.theme-reel .hero-brand-en::before {content:"";inline-size:29px;block-size:1px;background:currentColor;}
.theme-reel .apex-wordmark h1 {
  margin-block:8px 0;
  font-size:clamp(56px,8.5vw,145px);
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.10em;
  text-shadow:0 2px 28px #100d09a3;
}
.theme-reel .apex-wordmark h1 span {
  display:inline-block;
  margin-inline-start:.04em;
  font:800 italic 1.25em/.78 var(--reel-font);
  letter-spacing:-.04em;
  color:var(--theme-gold);
}
.theme-reel .theme-hero-copy {font-size:clamp(13px,1.45vw,18px);line-height:1.7;margin-top:12px;}
.theme-reel .apex-hero .selection-summary {
  inline-size:fit-content;
  max-inline-size:100%;
  padding-inline-start:13px;
  border-color:var(--theme-gold);
}
.theme-reel .apex-hero .selection-summary>span {
  color:var(--theme-gold);
  font-size:11px;
  letter-spacing:.12em;
}
.theme-reel .apex-hero #launch-track {font-size:clamp(18px,2.35vw,31px);line-height:1.34;}
.theme-reel #setup .apex-hero .launch,
.theme-reel #setup .apex-hero-options {
  min-block-size:49px;
  padding-inline:18px;
  border-radius:2px;
}
.theme-reel #setup .apex-hero .launch {
  background:linear-gradient(115deg,#f1c39e,#d69265);
  box-shadow:0 3px 18px #0e0706a6;
  border-color:#e4ac83;
}
.theme-reel #setup .apex-hero .launch:hover {background:#ffcb9d;}
.theme-reel #setup .apex-hero-options {background:#181511bf;border-color:#bc9b7d8f;}
.theme-reel .apex-hero-counts {
  display:grid;
  justify-self:stretch;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0 0 clamp(16px,2.6vw,37px);
  padding:0;
  border:1px solid #b98b635b;
  border-top:0;
  border-radius:0 0 4px 4px;
  background:#191714;
  box-shadow:none;
}
.theme-reel .apex-hero-counts a {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:0 10px;
  min-height:62px;
  padding:6px;
}
.theme-reel .apex-hero-counts a+a {border-inline-start:1px solid #604d3e;}
.theme-reel .apex-hero-counts strong {
  color:var(--theme-ivory);
  font:800 italic clamp(23px,3.4vw,42px)/1 var(--reel-font);
  font-variant-numeric:tabular-nums;
}
.theme-reel .apex-hero-counts span {
  color:var(--theme-gold);
  letter-spacing:.07em;
  font-weight:750;
}
.reel-shortcuts {
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:clamp(8px,1.4vw,17px);
}
.reel-tile {
  display:grid;
  position:relative;
  z-index:0;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  min-inline-size:0;
  min-block-size:clamp(148px,19vw,240px);
  isolation:isolate;
  overflow:hidden;
  padding:clamp(14px,2vw,27px);
  border:1px solid #84684e82;
  border-radius:3px;
  background:#20201d;
  color:var(--theme-ivory);
  text-decoration:none;
}
.reel-tile img,.reel-tile::before {
  position:absolute;
  z-index:-2;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:61% 58%;
}
.reel-tile::before {
  content:"";
  z-index:-1;
  background:linear-gradient(0deg,#110d0bf4 0%,#161211a6 31%,#15120d1a 77%);
}
.reel-tile-text {display:grid;gap:3px;}
.reel-tile-text strong {
  display:flex;
  gap:7px;
  align-items:center;
  color:var(--theme-ivory);
  font-size:clamp(15px,2.15vw,27px);
  font-weight:850;
  overflow-wrap:anywhere;
}
.reel-tile-text .ui-icon {color:var(--theme-gold);}
.reel-tile-text small {
  color:var(--theme-muted);
  line-height:1.55;
  overflow-wrap:anywhere;
}
.reel-arrow {padding-inline-start:6px;color:var(--theme-gold);font-size:1.3rem;}
.reel-tile:hover {border-color:var(--theme-gold);}
.reel-utility {
  display:flex;
  flex-wrap:wrap;
  gap:6px 25px;
  margin-block:8px 15px;
}
.reel-utility a {display:inline-flex;gap:8px;align-items:center;min-height:39px;color:var(--theme-muted);font-size:13px;}
.theme-reel .content>[data-menu-view]:not(#setup)>.section-heading {
  min-block-size:clamp(155px,21vw,290px);
  border-color:#ba8f6663;
  border-radius:4px;
  background:linear-gradient(90deg,#14110ef1 0%,#171411dc 27%,#18171376 52%,#18171321),var(--section-art) center 55%/cover no-repeat;
  box-shadow:none;
}
.theme-reel .content>[data-menu-view]:not(#setup)>.section-heading::before {
  inline-size:clamp(50px,14vw,160px);
  background:var(--theme-gold);
}
.theme-reel .content>[data-menu-view]:not(#setup)>.section-heading h2 {
  font-weight:900;
  letter-spacing:-.05em;
  font-size:clamp(32px,6vw,76px);
}
.theme-reel #grand-prix {--section-art:var(--art-road);--gp-accent:#dd9c72;}
.theme-reel #garage {--section-art:var(--art-garage);}
.theme-reel #shop {--section-art:var(--art-garage);}
.theme-reel .section-heading .quiet {background:#211a14e0;border-color:#d99e6d72;border-radius:2px;}
.theme-reel :is(#garage,#shop,#community,#preferences) .simple-panel,
.theme-reel :is(.simple-race-details,#mission-panel),
.theme-reel .bonus-guide,
.theme-reel #gp-list .gp-card,
.theme-reel #gp-detail {
  box-shadow:none;
  border-radius:3px;
  border-color:#65513f;
}
.theme-reel :is(#garage,#shop,#community,#preferences) .simple-panel>summary,
.theme-reel :is(.simple-race-details,#mission-panel)>summary {
  border-radius:2px;
  background:linear-gradient(90deg,#201b16 27%,#201b16be 70%,#201b166c),var(--apex-row-art,var(--art-tuning)) right 52% / auto 215% no-repeat;
}
.theme-reel #setup :is(.technique-guide,.course-features .bonus-guide) {
  background:linear-gradient(90deg,#231b14fa,#23201bef 65%,#251a1182),var(--ui-art,var(--art-road)) right center/cover;
}
.theme-reel .theme-long-courses>a {
  background:linear-gradient(90deg,#23201cf5,#23201cb0),var(--route-art,var(--art-road)) center/cover;
  border-color:#73553e;
}
.theme-reel #setup .mode-card[aria-pressed="true"] {
  background:linear-gradient(120deg,#493322,#2b2119);
}
.theme-reel #setup .track-card::after {background:linear-gradient(0deg,#140e0df6,#140e0d8b 34%,#110d0c09 72%);}
.theme-reel #gp-list .gp-card:hover,
.theme-reel #gp-list .gp-card[aria-expanded="true"],
.theme-reel #gp-list .gp-card[data-earned] {border-color:var(--theme-gold);}
.theme-reel .gp-card::before {background:linear-gradient(0deg,#17100df8,#18110dca 32%,#18110d23 74%);}
.theme-reel #gp-titles :is(input,select) {border-color:#775b47;background:#1d1a16;border-radius:2px;}
.theme-reel #gp-detail {background:linear-gradient(120deg,#2b2019,#171614);}
.theme-reel .gp-rounds li {background:#171512;border-color:#695440;}
.theme-reel .gp-table :is(td,th) {border-color:#553f33;}
.theme-reel .gp-table .gp-self {background:#3c2a20;}
.theme-reel .gp-driver-title {color:var(--theme-gold);border-color:#b787656e;}
.theme-reel #garage .garage-grid {
  border-radius:4px;
  border-color:#8f6d5267;
  box-shadow:none;
}
.theme-reel #garage .car-stage,
.theme-reel #shop .shop-car-preview canvas {
  background:radial-gradient(ellipse at 59% 28%,#71645853,transparent 68%),linear-gradient(155deg,#282621,#121110);
}
.theme-reel #garage .car-info {
  background:linear-gradient(145deg,#322922,#211d18 46%,#171613);
}
.theme-reel #garage .car-info h3 {color:var(--theme-ivory);letter-spacing:-.045em;}
.theme-reel #shop :is(.shop-panel,.shop-car) {
  border-color:#6d5444;
  border-radius:3px;
  background:linear-gradient(135deg,#2a221a,#171612 72%);
}
.theme-reel #community :is(.p2p-room-surface,.save-sync-panel,.link-rank) {
  background:linear-gradient(110deg,#1f1b17f7,#1b1713f1 63%,#191714a1),var(--art-results) right center/cover no-repeat;
}
.theme-reel #audio .menu-theme {
  background:linear-gradient(100deg,#201c17f3 22%,#201b16cc 64%,#21191243),var(--art-audio) right center/cover no-repeat;
}
.theme-reel .modal[data-overlay]:not(#race),
.theme-reel #settings {
  background:linear-gradient(120deg,#201b16f9,#211d19f0 66%,#201b16c9),var(--art-controls) center/cover no-repeat;
  border-radius:4px;
}
.theme-reel :is(input,select,textarea):not([type="color"],[type="range"]) {border-color:#645347;}
.theme-reel :is(button,a,input,select,textarea,summary):focus-visible {outline-color:var(--theme-gold);}
.theme-reel :is(.modal,.race-panel) {
  border-radius:4px;
  border-color:#bf956b80;
  background:linear-gradient(135deg,#29221ce8,#141412f5);
}
.theme-reel #race :is(.race-timing,.race-map,.instrument,.race-buttons button) {
  border-color:#d0aa8880;
  border-radius:3px;
  color:var(--theme-ivory);
  background:linear-gradient(110deg,#211810e5,#151513a3);
  box-shadow:0 3px 11px #07050355;
}
.theme-reel #race :is(#race-time,#race-position,#race-speed,#race-gear,#race-nitro-level) {
  font-family:var(--reel-font);
  color:#f6eee2;
  font-variant-numeric:tabular-nums;
}
.theme-reel #race #race-speed {font-style:italic;}
.theme-reel #race #race-gear,.theme-reel #race .gp-race-status {color:var(--theme-gold);}
.theme-reel #race :is(.rpm,.progress,.nitro-meter) {background:#0d0d0c;}
.theme-reel #race :is(.rpm i,.progress i,.nitro-meter i) {background:linear-gradient(90deg,#6aa79a,#ecc491);}
.theme-reel #race .race-loading-card {background:#191511ed;border:1px solid #b788626e;border-radius:3px;}
.theme-reel #race .race-overlay .race-panel,
.theme-reel #race #pause-layer .race-panel {
  border-radius:4px;
  background:linear-gradient(120deg,#28211cf7,#181612f2 68%,#181612c9),var(--art-technical,var(--art-controls)) center/cover no-repeat;
}
.theme-reel #race .touch-controls button {
  border-color:#d0aa887e;
  background-color:#151311a8;
}
.theme-reel footer {border-color:#685341;background:#151411;}

@media(max-width:870px){
  .theme-reel .site-header .simple-nav a {white-space:normal;word-break:normal;overflow-wrap:anywhere;}
  .reel-shortcuts {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:625px){
  .theme-reel #setup .apex-hero {
    min-block-size:min(590px,140vw);
    min-block-size:clamp(420px,128vw,575px);
    padding:21px 17px;
  }
  .theme-reel .apex-hero-art img {object-position:62% 22%;}
  .theme-reel .apex-hero::after {
    background:linear-gradient(0deg,#16110dfd 0%,#15110ded 25%,#110f0a65 61%,#0f0d0800 85%),linear-gradient(90deg,#130e0a48,transparent);
  }
  .theme-reel .apex-wordmark h1 {font-size:clamp(61px,14.9vw,105px);}
  .theme-reel .apex-wordmark {margin-block-end:19px;}
  .theme-reel .content>[data-menu-view]:not(#setup)>.section-heading {background-position:center,61% 53%;}
  .reel-shortcuts {grid-template-columns:repeat(2,minmax(0,1fr));}
  .reel-tile:first-child {grid-column:1/-1;min-block-size:156px;}
  .reel-tile {min-block-size:123px;padding:12px;}
  .reel-tile-text strong {font-size:15px;}
  .reel-tile-text small {font-size:11px;}
  .theme-reel .apex-hero-counts a {min-height:48px;}
}
@media(max-width:380px){
  .theme-reel .site-header .header-inner:not(.announcement-inner) {gap:3px 7px;}
  .theme-reel .site-header .simple-nav a {min-inline-size:0;font-size:10px;}
  .theme-reel #setup .apex-hero .launch,.theme-reel #setup .apex-hero-options {padding-inline:11px;}
  .reel-tile {padding:10px;}
}
@media(prefers-reduced-motion:reduce){
  .theme-reel .reel-tile {transition:none;}
}
/* Paint workshop shares the garage model and the current save's vehicle colors. */
.theme-reel .site-header .simple-nav {
  grid-template-columns: repeat(7,minmax(0,1fr));
  width:min(100%,730px);
}
.theme-reel .site-header .simple-nav a {
  padding-inline:clamp(1px,.54vw,9px);
  white-space:normal;
  text-align:center;
  min-inline-size:0;
}
.workshop-header-actions {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.theme-reel #paint-shop {
  --section-art:var(--art-garage);
}
.workshop-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(315px,.82fr);
  gap:clamp(10px,2.2vw,30px);
  align-items:stretch;
}
.workshop-preview {
  min-block-size:clamp(270px,39vw,540px);
  display:grid;
  border:1px solid #9672547d;
  border-radius:4px;
  overflow:hidden;
  background:radial-gradient(ellipse at 54% 42%,#55493d,#191713 69%);
}
.workshop-preview>.car-stage {
  min-block-size:inherit;
  width:100%;
  background:radial-gradient(ellipse at 52% 33%,#51473c95,transparent 64%),#181612;
}
.workshop-preview #car-canvas {
  width:100%;
  height:100%;
  min-height:0;
  touch-action:pan-y;
}
.workshop-console {
  display:grid;
  gap:10px;
  min-inline-size:0;
  margin:0;
  padding:clamp(13px,2.2vw,29px);
  color:var(--theme-ivory);
  background:linear-gradient(135deg,#2c241c,#191613 70%);
  border:1px solid #8a6b5073;
  border-radius:4px;
}
.workshop-console :is(input,select) {
  min-width:0;
  width:100%;
  min-height:43px;
  color:var(--theme-ivory);
  border:1px solid #ae896678;
  border-radius:2px;
  background:#181512;
  padding:7px 9px;
}
.workshop-console :is(input,select):focus-visible {
  outline:2px solid var(--theme-gold);
}
.workshop-console input[type="color"] {padding:4px;}
.workshop-console input[aria-invalid="true"] {border-color:#e09884;}
.workshop-label,
.workshop-palette h3 {
  color:var(--theme-muted);
  font-size:.87rem;
  margin:0;
}
.workshop-palette h3 {margin-block-end:7px;}
.workshop-swatches {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,95px),1fr));
  gap:5px;
}
.workshop-swatches .workshop-swatch {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  font:inherit;
  font-size:clamp(.67rem,1.2vw,.79rem);
  line-height:1.2;
  text-align:start;
  overflow-wrap:anywhere;
  white-space:normal;
  color:var(--theme-ivory);
  border:1px solid #a7836660;
  border-radius:3px;
  background:#211a15;
  min-width:0;
  min-height:42px;
  padding:4px 5px;
}
.workshop-swatch::before,.workshop-sample::before {
  content:"";
  display:inline-block;
  flex:0 0 auto;
  width:17px;
  height:17px;
  border-radius:2px;
  border:1px solid #d1b597a8;
  background:var(--workshop-color);
}
.workshop-swatches .workshop-swatch[aria-pressed="true"] {
  color:var(--theme-gold);
  border-color:var(--theme-gold);
  box-shadow:inset 0 0 0 1px #e7ad803d;
}
.workshop-custom {
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1fr);
  gap:9px;
}
.workshop-custom>div { min-width:0; display:grid; gap:3px; }
.workshop-sample {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:20px;
  font-size:.83rem;
}
.workshop-actions {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.workshop-actions :is(button,a) {
  min-height:42px;
  white-space:normal;
  padding-inline:11px;
}
.workshop-message {
  min-height:1.5em;
  margin:0;
  color:var(--theme-gold);
}
@media(max-width:810px) {
  .workshop-grid {grid-template-columns:minmax(0,1fr);}
  .workshop-preview {min-block-size:clamp(220px,54vw,360px);}
}
@media(max-width:410px) {
  .theme-reel .site-header .simple-nav a {font-size:clamp(8px,2.5vw,10px);}
  .theme-reel .site-header .simple-nav a .ui-icon {width:12px;height:12px;}
}
@media(max-width:340px) {
  .theme-reel .site-header .simple-nav {grid-template-columns:repeat(4,minmax(0,1fr));}
  .theme-reel .site-header .simple-nav a {font-size:10px;min-block-size:35px;}
}


.theme-reel #shop .crown-shop {
  border-color: #c18f67a1;
  background: #1c1814;
}
.theme-reel #shop .crown-shop-heading {
  display: flex;
  position: relative;
  z-index: 0;
  isolation: isolate;
  align-items: end;
  flex-wrap: wrap;
  min-block-size: clamp(190px,29vw,360px);
  padding: clamp(16px,4vw,48px);
  margin: 0 0 16px;
  border: 1px solid #a6805b85;
  border-radius: 3px;
  background: linear-gradient(90deg,#17130fef,#17130fa8 30%,transparent 76%), linear-gradient(0deg,#17130f9d,transparent 55%), url("./crown-omoji.webp") right 54% / cover no-repeat #181612;
}
.theme-reel #shop .crown-shop-heading h3 {
  color: var(--theme-ivory);
  font-size: clamp(26px,4.8vw,64px);
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -.05em;
}
.theme-reel #shop .crown-shop-heading p {color: #ded1c1;}
.theme-reel #shop .crown-shop :is(.shop-car-price,.shop-car-title) {color: var(--theme-gold);}
#omoji-z-original a {color: #e7ad80;}
@media(max-width:610px) {
  .theme-reel #shop .crown-shop-heading {
    min-block-size: 220px;
    background-position: center, center, 69% 50%;
    background-image: linear-gradient(0deg,#17130ff5,#17130f9e 28%,transparent 72%), url("./crown-omoji.webp");
    background-position: center, 67% 60%;
  }
}

.theme-reel #operator-garage .operator-choices:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
  gap: 8px;
  margin: 5px clamp(12px, 2.1vw, 26px) 16px;
}
.theme-reel #operator-garage .operator-choices button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  min-block-size: 44px;
  border: 1px solid #846247;
  border-radius: 3px;
  color: var(--theme-ivory);
  background: linear-gradient(135deg, #30251b, #191715);
}
.theme-reel #operator-garage .operator-choices button[aria-pressed="true"] {
  color: var(--theme-gold);
  border-color: var(--theme-gold);
}
.theme-reel #operator-garage .operator-studio {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: grid;
  align-items: end;
  margin: 8px clamp(12px, 2.1vw, 26px) 14px;
  min-block-size: clamp(130px, 25vw, 282px);
  padding: 13px clamp(12px, 2.1vw, 24px);
  border: 1px solid #846247;
  border-radius: 3px;
  background: #191715;
}
.operator-studio::before,
.operator-studio img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
}
.operator-studio::before {
  content: '';
  z-index: -1;
  background: linear-gradient(90deg,#16110ddc,transparent 61%), linear-gradient(0deg,#16110dab,transparent 42%);
}
.operator-studio img {z-index: -2;object-fit: cover;object-position: center 53%;}
.operator-studio figcaption {display: grid;gap: 4px;max-width: 56%;}
.operator-studio strong {font-size: clamp(18px, 4vw, 42px);color: var(--theme-ivory);}
.operator-studio small {color: var(--theme-gold);font-weight: 750;}
.rolls-model-status {
  position: absolute;
  z-index: 5;
  inset: 12px 12px auto;
  max-inline-size: fit-content;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #896949;
  border-radius: 3px;
  background: #1c1712ee;
  color: var(--theme-ivory);
  font-size: 12px;
  overflow-wrap: anywhere;
  pointer-events: none;
}