/* Public editorial pages and the separate paddock shell. */
[hidden]{display:none!important}
body[data-area="site"] main{max-width:1440px;padding:0 48px 88px}
.public-header{max-width:none;padding:0 48px;min-height:88px;gap:32px}
.public-header .main-nav{margin-left:auto;margin-right:32px;gap:32px}
.public-header .site-play{min-width:96px}
.game-header{height:74px;display:flex;align-items:center;gap:30px;padding:0 28px;border-bottom:1px solid var(--line);background:#0b150e}
.game-header .brand{font-size:28px}
.game-header .brand-mark{height:21px}
.game-header .header-actions{margin-left:auto;gap:22px}
.exit-game{color:var(--muted);font-size:13px}
.exit-game:hover{color:var(--text)}
.game-sidebar{position:absolute;top:74px;left:0;bottom:0;width:174px;padding:28px 14px;border-right:1px solid var(--line);background:#0b150e}
body[data-area="game"]{position:relative;min-height:100vh}
.game-nav-label{display:block;padding:0 14px 18px;color:var(--subtle);font-size:10px;letter-spacing:1.5px}
.game-sidebar-inner{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin}
.game-nav{display:flex;flex-direction:column;gap:5px}
.game-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;color:var(--muted);font-size:14px;border-radius:3px}
.game-nav a:hover{background:var(--panel)}
.game-nav a.active{color:var(--accent);background:#223321}
.game-nav .icon{width:18px;height:18px}
.game-help{display:flex;flex-direction:column;gap:12px;padding:22px 14px;border-top:1px solid var(--line);margin-top:36px;color:var(--subtle);font-size:12px}
body[data-area="game"] .build-bar{margin-left:174px;padding:9px 32px;background:#101b13}
body[data-area="game"] main{max-width:1600px;width:calc(100% - 174px);margin-left:174px;padding:30px 32px 55px;min-height:calc(100vh - 116px)}
body[data-area="game"] .page-heading h1{font-size:38px;letter-spacing:0;font-style:normal;text-transform:none}
body[data-area="game"] .page-heading .eyebrow{font-size:10px;letter-spacing:1.25px}
body[data-area="game"] .page-heading p{font-size:14px;max-width:640px}
body[data-area="game"] .page-heading>.button{margin-top:0}
body[data-area="game"] .page-heading{margin-bottom:25px}
body[data-area="game"] .section-heading h2{font-size:22px;font-style:normal}
body[data-area="game"] .car-card h2{font-size:34px}
body[data-area="game"] .car-card .eyebrow{font-size:10px}
body[data-area="game"] .car-card .car-tags{display:none}
body[data-area="game"] .car-card-body>p{min-height:42px}
body[data-area="game"] .race-explainer{margin-top:20px}
body[data-area="game"] .race-explainer>div{background:none;border:0;padding:0}
body[data-area="game"] .race-explainer strong{font-size:16px}
body[data-area="game"] .race-explainer>div>span{display:none}
.lobby-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}
.lobby-workspace .room-panel{min-width:0}
.lobby-workspace .empty-room{min-height:340px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.lobby-workspace .empty-room h3{font-style:normal;font-size:28px;margin-top:16px;letter-spacing:0}
.lobby-workspace .empty-room p{max-width:300px;margin:10px 0 22px;font-size:14px}
.room-empty-icon .icon{width:30px;height:30px;color:var(--subtle)}
.paddock-practice{border:1px solid var(--line);background:var(--panel)}
.paddock-practice>img{width:100%;height:185px;object-fit:cover}
.paddock-practice>div{padding:25px 22px}
.paddock-practice h2{font-size:31px;margin:8px 0 12px}
.paddock-practice p{font-size:14px;color:var(--muted);margin-bottom:20px}
.paddock-practice dl{padding:0 22px;margin:0 0 22px;font-size:13px}
.paddock-practice dl>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.paddock-practice dt{color:var(--muted)}
.paddock-practice dd{margin:0}
body[data-area="game"] .history-empty{min-height:350px;padding:50px 24px}
body[data-area="game"] .history-empty h2{font-size:32px;font-style:normal;letter-spacing:0}
body[data-area="game"] .history-empty p{max-width:430px}
body[data-area="game"] .history-icon{width:42px;height:42px;background:none;border:0;margin-bottom:18px}
/* A car photograph, real controls and useful reading replace promotional blocks. */
.site-intro{display:grid;grid-template-columns:.85fr 1.3fr;gap:20px;padding-top:64px;align-items:center}
.intro-copy{padding:14px 0 35px}
.intro-copy>.eyebrow{color:var(--accent);font-size:11px;letter-spacing:1.6px}
.intro-copy h1{font-size:clamp(60px,6.3vw,92px);line-height:.98;font-weight:600;letter-spacing:-1px;margin:25px 0}
.intro-copy h1 em{font-style:normal;color:var(--accent)}
.intro-copy>p{font-size:18px;line-height:1.6;color:var(--muted);max-width:340px;margin-bottom:29px}
.intro-copy>.button{padding:15px 23px;font-size:16px}
.intro-guide{display:block;margin-top:18px;color:var(--muted);font-size:14px;width:fit-content}
.intro-guide:hover{color:var(--text)}
.intro-car{margin:0;position:relative;align-self:stretch;min-height:540px;overflow:hidden;background:#0d1710}
.intro-car img{width:100%;height:100%;object-fit:cover;object-position:58% center}
.intro-car figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:35px 24px 20px;background:linear-gradient(transparent,#08120df0);font-size:10px;letter-spacing:1.2px;color:#dce6db}
.site-availability{display:flex;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font-size:13px}
.site-availability strong{font-weight:500;white-space:nowrap}
.site-availability p{color:var(--muted)}
.site-availability a{margin-left:auto;white-space:nowrap;color:var(--accent)}
.availability-dot{height:6px;width:6px;background:var(--accent);flex-shrink:0;border-radius:50%}
.home-index{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;padding-top:72px}
.home-index h2{font-size:46px;font-weight:500;line-height:1.07;margin-top:15px}
.index-links>a{display:flex;gap:25px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.index-links>a:first-child{padding-top:0}
.index-links>a>span{font-size:12px;color:var(--subtle)}
.index-links>a>span:last-child{font-size:24px;color:var(--accent);margin-left:auto}
.index-links h3{font-size:27px;font-weight:500}
.index-links p{font-size:14px;color:var(--muted);margin-top:8px}
.index-links>a:hover h3{color:var(--accent)}
.editorial-heading{padding:64px 0 45px;max-width:820px}
.editorial-heading .eyebrow{color:var(--accent)}
.editorial-heading h1{font-size:64px;font-weight:500;letter-spacing:-.5px;margin:15px 0 20px;line-height:1.05}
.editorial-heading p{font-size:18px;line-height:1.6;color:var(--muted);max-width:680px}
.model-row{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;border-top:1px solid var(--line);padding:36px 0;align-items:center}
.model-row figure{margin:0;position:relative;height:315px;overflow:hidden}
.model-row img{width:100%;height:100%;object-fit:cover}
.model-row figcaption{position:absolute;left:0;bottom:0;right:0;padding:40px 20px 15px;background:linear-gradient(transparent,#08120ded);font-size:10px;letter-spacing:1.5px}
.model-copy h2{font-size:45px;font-weight:500;margin:12px 0 18px}
.model-copy>p{max-width:390px;color:var(--muted);font-size:17px}
.model-copy dl{display:flex;gap:50px;margin:25px 0}
.model-copy dt{font-size:12px;color:var(--muted);margin-bottom:3px}
.model-copy dd{font-family:var(--display);font-size:31px;margin:0}
.model-copy .text-button{color:var(--accent)}
.parts-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-top:1px solid var(--line);padding-top:55px;margin-top:20px}
.parts-section h2{font-size:40px;font-weight:500;margin:16px 0 20px}
.parts-section>div>p{color:var(--muted);font-size:16px;max-width:300px}
.table-scroll{overflow:auto}
.parts-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}
.parts-table caption{text-align:left;color:var(--muted);font-size:12px;padding-bottom:16px}
.parts-table th,.parts-table td{padding:15px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.parts-table thead{color:var(--muted);font-size:12px}
.parts-table th{font-weight:500}
.parts-table th:first-child{padding-left:0}
.parts-table th small{display:block;font-size:11px;white-space:normal;font-weight:400;color:var(--muted);margin-top:5px;max-width:180px}
.parts-table td{font-variant-numeric:tabular-nums}
.parts-table tfoot td{color:var(--accent);text-align:right}
.guide-layout{display:grid;grid-template-columns:1.3fr .85fr;gap:90px;align-items:start}
.driving-steps article{display:flex;gap:24px;border-top:1px solid var(--line);padding:30px 0}
.driving-steps article>span{font-family:var(--display);font-size:28px;color:var(--accent);width:35px;flex-shrink:0}
.driving-steps h2{font-size:34px;font-weight:500;margin-bottom:13px}
.driving-steps p{font-size:16px;color:var(--muted);line-height:1.65;max-width:530px}
.controls-sheet{padding:30px;background:#152219;border:1px solid var(--line)}
.controls-sheet h2{font-size:33px;font-weight:500;margin:13px 0 24px}
.controls-sheet dl{margin:0}
.controls-sheet dl>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line);font-size:14px}
.controls-sheet dd{margin:0}
.controls-sheet kbd{min-width:35px;display:inline-block;text-align:center;padding:4px 8px;color:var(--accent);border:1px solid #47593c;font-size:12px}
.controls-sheet p{font-size:13px;line-height:1.6;color:var(--muted);margin:20px 0 25px}
.guide-next{border-top:1px solid var(--line);margin-top:30px;padding-top:35px;max-width:730px}
.guide-next h2{font-size:33px;font-weight:500}
.guide-next p{color:var(--muted);margin:17px 0 20px;line-height:1.7}
.guide-next a{color:var(--accent)}
.rules-status{display:flex;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:14px}
.rules-status strong{white-space:nowrap;font-weight:500;color:var(--accent)}
.rules-status p{color:var(--muted)}
.rules-list{max-width:1040px;padding-top:14px}
.rules-list article{display:grid;grid-template-columns:190px 1fr;gap:50px;border-bottom:1px solid var(--line);padding:35px 0}
.rules-list article>span{font-size:11px;color:var(--subtle);letter-spacing:1px;padding-top:7px}
.rules-list h2{font-size:33px;font-weight:500;margin-bottom:15px}
.rules-list p{font-size:16px;line-height:1.7;color:var(--muted)}
body[data-area="site"] .site-footer{padding:30px 48px;gap:28px;border-top:1px solid var(--line);font-size:12px}
body[data-area="site"] .site-footer>span:nth-child(2){letter-spacing:0;font-size:12px}
@media(min-width:1800px){body[data-area="game"] main{margin-left:auto;margin-right:auto;padding-left:120px}}
@media(max-width:1150px){
 .public-header{gap:20px;padding:0 32px}.public-header .main-nav{gap:24px;margin-right:10px}
 body[data-area="site"] main{padding-left:32px;padding-right:32px}
 .intro-car{min-height:460px}.intro-copy h1{font-size:72px}.intro-copy>p{font-size:16px}
 .home-index{gap:40px}.model-row{gap:32px}.parts-section{gap:35px}.guide-layout{gap:40px}
 .game-header .network-label{display:none}.lobby-workspace{grid-template-columns:1fr}.paddock-practice{display:grid;grid-template-columns:220px 1fr;align-items:center}.paddock-practice>img{height:100%}.paddock-practice dl{display:none}
 body[data-area="game"] .garage-layout{grid-template-columns:1fr}
 body[data-area="game"] .car-grid{gap:15px}.car-card-price{flex-wrap:wrap;gap:12px}
}
@media(max-width:900px){
 .game-header{padding:0 22px;height:70px;gap:22px}.game-header .brand{font-size:26px}.game-header .brand-mark{width:28px}.game-header .header-actions{gap:0}.game-header .button{font-size:13px;padding:10px 12px}
 .game-sidebar-inner{position:static;max-height:none;overflow:visible}
 .game-sidebar{position:static;width:auto;padding:0 18px;border-right:0;border-bottom:1px solid var(--line)}.game-nav-label,.game-help{display:none}.game-nav{flex-direction:row;justify-content:space-between;gap:5px;position:static}.game-nav a{flex-direction:row;justify-content:center;border-radius:0;padding:14px 10px;gap:8px}.game-nav .icon{width:16px}
 body[data-area="game"] .build-bar{margin:0;padding:9px 22px}
 body[data-area="game"] main{width:100%;margin:0;padding:26px 22px 40px}
 .public-header{flex-wrap:wrap;padding:18px 24px 0;gap:10px;min-height:120px}.public-header .brand{font-size:30px}.public-header .site-play{margin-left:auto;min-width:85px}.public-header .main-nav{order:3;flex-basis:100%;justify-content:space-between;margin:0;gap:20px;min-height:52px}.public-header .main-nav a{font-size:14px}
 .site-intro{grid-template-columns:1fr 1.1fr;gap:10px;padding-top:35px}.intro-copy h1{font-size:60px}.intro-car{min-height:430px}.intro-copy>.eyebrow{font-size:9px}.intro-copy>p{font-size:15px;padding-right:10px}.intro-car figcaption{padding:35px 15px 16px;font-size:9px}.intro-car figcaption>span:last-child{display:none}
 .site-availability{flex-wrap:wrap;gap:8px 12px}.site-availability p{flex-basis:calc(100% - 170px)}.site-availability a{display:none}
 .home-index{grid-template-columns:1fr;gap:30px;padding-top:45px}.home-index h2 br{display:none}.home-index h2{font-size:38px}.index-links h3{font-size:27px}
 .model-row{gap:25px}.model-row figure{height:270px}.model-copy h2{font-size:36px}.model-copy>p{font-size:15px}.model-copy dl{gap:25px}.model-copy dt{font-size:11px}
 .parts-section{grid-template-columns:1fr;gap:30px}.parts-section h2 br{display:none}.parts-section>div>p{max-width:550px}.parts-section h2{font-size:34px}
 .guide-layout{gap:30px;grid-template-columns:1.1fr 1fr}.controls-sheet{padding:22px}.controls-sheet dl>div{font-size:12px}.editorial-heading h1{font-size:54px}.editorial-heading p{font-size:16px}.rules-list article{grid-template-columns:140px 1fr;gap:25px}
}
@media(max-width:600px){
 body[data-area="site"] main{padding:0 22px 48px}.public-header{padding-left:22px;padding-right:22px}.public-header .main-nav{gap:15px}.public-header .main-nav a{font-size:13px}.public-header .site-play{min-height:38px;padding:9px 14px}.public-header .brand{font-size:27px}
 .site-intro{grid-template-columns:1fr;padding-top:35px;gap:0}.intro-copy{padding-bottom:32px}.intro-copy h1{font-size:65px;margin:20px 0}.intro-copy>.eyebrow{font-size:10px}.intro-copy>p{font-size:16px;max-width:320px;padding:0;margin-bottom:24px}.intro-guide{display:inline-block;margin-left:18px;font-size:12px}.intro-copy>.button{font-size:14px;padding:13px 16px}.intro-car{min-height:0;height:285px;align-self:auto}.intro-car img{object-position:55% 60%}.intro-car figcaption>span:last-child{display:block}.intro-car figcaption{padding:35px 15px 15px;font-size:9px}
 .site-availability{padding:18px 0;gap:8px 10px}.site-availability strong{font-size:12px}.site-availability p{flex-basis:100%;font-size:12px;margin-left:16px;max-width:290px}
 .home-index{padding-top:38px;gap:30px}.home-index h2{font-size:33px}.index-links>a{gap:18px;padding:22px 0}.index-links h3{font-size:25px}.index-links p{font-size:13px;line-height:1.5}.index-links>a>span:last-child{font-size:21px}
 .editorial-heading{padding:38px 0 30px}.editorial-heading h1{font-size:43px;margin:15px 0}.editorial-heading p{font-size:16px}.editorial-heading .eyebrow{font-size:10px}
 .model-row{grid-template-columns:1fr;gap:24px;padding:26px 0 32px}.model-row figure{height:240px}.model-copy h2{font-size:38px;margin:10px 0 13px}.model-copy>p{font-size:16px}.model-copy dl{gap:45px;margin:22px 0}.model-copy dt{font-size:12px}
 .parts-section{margin-top:0;padding-top:34px}.parts-table{font-size:12px}.parts-table th,.parts-table td{padding:14px 7px}.parts-table thead{font-size:11px}.parts-table th small{font-size:10px;max-width:135px}.parts-table tfoot{font-size:12px}
 .guide-layout{grid-template-columns:1fr;gap:20px}.driving-steps article{gap:16px;padding:24px 0}.driving-steps article>span{font-size:25px;width:25px}.driving-steps h2{font-size:30px}.driving-steps p{font-size:15px}.controls-sheet{padding:25px}.controls-sheet dl>div{font-size:14px}.guide-next{margin-top:35px;padding-top:28px}.guide-next h2{font-size:30px}.guide-next p{font-size:15px}
 .rules-status{display:block;padding:18px 0;font-size:13px}.rules-status p{margin-top:8px}.rules-list article{display:block;padding:28px 0}.rules-list article>span{display:block;margin-bottom:12px}.rules-list h2{font-size:29px;line-height:1.12}.rules-list p{font-size:15px}
 body[data-area="site"] .site-footer{padding:25px 22px;gap:18px;display:flex;flex-wrap:wrap}body[data-area="site"] .site-footer>span:nth-child(2){display:none}body[data-area="site"] .site-footer>div{margin-left:auto}body[data-area="site"] .site-footer .copyright{width:100%;text-align:left}
 .game-header{height:64px;padding:0 16px;gap:12px;flex-wrap:wrap}.game-header .brand{font-size:23px}.game-header .brand-mark{display:none}.game-header .exit-game{font-size:11px}.game-header .header-actions .button{padding:9px 10px;font-size:11px;gap:6px;min-height:36px}.game-header .wallet-trigger .icon{display:none}.game-header .header-actions{margin-left:auto}
 .game-sidebar{padding:0 10px}.game-nav{gap:0}.game-nav a{padding:12px 6px;flex-direction:column;gap:5px;min-width:52px;font-size:11px}.game-nav .icon{height:16px;width:16px}
 body[data-area="game"] .build-bar{padding:8px 16px;min-height:33px}body[data-area="game"] .build-caption{display:none}body[data-area="game"] .build-tag{border:0;padding:0;font-size:10px}body[data-area="game"] .build-bar>.text-button{font-size:10px}
 body[data-area="game"] main{padding:25px 16px 40px}body[data-area="game"] .page-heading{gap:15px;align-items:flex-start;flex-wrap:wrap}body[data-area="game"] .page-heading h1{font-size:34px}body[data-area="game"] .page-heading p{font-size:13px;line-height:1.5}body[data-area="game"] .page-heading .button{font-size:13px;padding:11px 15px}
 .lobby-workspace{gap:20px}.lobby-workspace .section-heading{padding:18px 14px;gap:12px}.lobby-workspace .section-heading h2{font-size:21px}.lobby-workspace .section-heading .text-button{font-size:11px}.lobby-workspace .outline-tag{font-size:8px;padding:3px 5px}.lobby-workspace .heading-inline{gap:8px}.lobby-workspace .room-toolbar{padding:14px}.lobby-workspace .empty-room{min-height:280px;padding:30px 18px}.lobby-workspace .empty-room h3{font-size:26px}.lobby-workspace .empty-room p{font-size:13px}.lobby-workspace .room-bottom{padding:15px;font-size:11px}.lobby-workspace .room-bottom>a{font-size:11px;white-space:nowrap}
 .paddock-practice{grid-template-columns:110px 1fr}.paddock-practice>div{padding:20px 17px}.paddock-practice>img{height:100%;object-position:56% center}.paddock-practice h2{font-size:28px;margin:7px 0 10px}.paddock-practice p{font-size:12px;margin-bottom:14px}.paddock-practice .eyebrow{font-size:9px;letter-spacing:1px}.paddock-practice .text-button{font-size:12px}
 body[data-area="game"] .history-empty h2{font-size:29px}body[data-area="game"] .history-empty{padding:35px 18px;min-height:320px}
 body[data-area="game"] .race-top-actions{width:100%;justify-content:space-between}body[data-area="game"] .car-grid{grid-template-columns:1fr}
}
/* The strip: one driving surface, with a readable instrument panel. */
body[data-page="race"] main{padding-top:20px}
body[data-page="race"] .page-heading{margin-bottom:18px}
body[data-page="race"] .page-heading h1{font-size:32px}
.drive-mode-tabs{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:15px 0;font-size:14px}
.drive-mode-tabs a{color:var(--muted);padding:4px 0}.drive-mode-tabs a.active{color:var(--accent)}
.drive-mode-tabs small{font-size:9px;margin-left:7px;letter-spacing:1px;color:var(--subtle)}
.drive-mode-tabs>span{margin-left:auto;font-size:10px;color:var(--subtle);letter-spacing:1px}
body[data-page="race"] .drag-arena{height:clamp(360px,51vh,640px);min-height:0;border-radius:2px;border:1px solid #43564b;background:#526569}
body[data-page="race"] .drag-vignette{background:linear-gradient(#06100f66,transparent 26%,transparent 76%,#06100f99)}
.drag-arena:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.track-sector{position:absolute;right:24px;top:70px;text-align:right;pointer-events:none;color:#f0f4e7;text-shadow:0 2px 12px #14252c80}
.track-sector b{display:block;font:500 56px/.95 var(--display);font-variant-numeric:tabular-nums}.track-sector span{font-size:9px;letter-spacing:1.5px}
body[data-page="race"] .race-dashboard{display:grid;grid-template-columns:90px minmax(150px,1fr) 160px;gap:20px;padding:22px 24px;background:#111d16;border:1px solid var(--line);border-top:0}
body[data-page="race"] .race-controls{grid-column:1/-1;display:grid;grid-template-columns:1.4fr .7fr 1fr 1.2fr 1fr;gap:10px;max-width:none;width:100%;border-top:1px solid var(--line);padding-top:18px}
body[data-page="race"] .race-controls>button{grid-column:auto}
body[data-page="race"] .race-controls .button{min-height:58px;font-size:15px;padding:12px;justify-content:center;border-radius:2px}
body[data-page="race"] .race-controls kbd{font-size:10px;margin-left:auto}
.pedal{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:12px 18px;border:1px solid #53654c;border-bottom-width:4px;border-radius:2px;background:#263326;color:#def0ca;touch-action:none;user-select:none;cursor:pointer}
.pedal span{font:600 23px var(--display);letter-spacing:.5px}.pedal small{font-size:9px;letter-spacing:.5px}.pedal-brake{background:#252c26;color:#b7c3b7;border-color:#48524a}
.pedal.is-held{background:var(--accent);border-color:#74a625;color:#0a190b;transform:translateY(2px);border-bottom-width:2px}
.pedal-brake.is-held{background:#ffc78f;color:#281706;border-color:#a7814d}
.pedal:disabled{opacity:.4;cursor:default}
body[data-page="race"] .server-controls{grid-template-columns:repeat(3,1fr)}
.run-splits{display:flex;gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.run-splits>span{letter-spacing:1px;font-size:10px}.run-splits>div{display:flex;align-items:center;gap:15px}.run-splits b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}
body[data-page="race"] .drag-progress{padding:14px 20px;background:#101a14;border:1px solid var(--line);border-top:0;gap:20px}
body[data-page="race"] .race-explainer{padding:5px 0 0;gap:25px}body[data-page="race"] .race-explainer p{line-height:1.5}
body[data-page="race"] .asset-credit{font-size:10px;opacity:.8}
/* Motorsport editorial: a single photograph and a distance marker. */
.site-intro{position:relative;display:block;min-height:640px;padding:90px 42px 70px;margin-top:28px;isolation:isolate;border-bottom:3px solid var(--accent)}
.intro-car{position:absolute;inset:0;z-index:-1;min-height:0;height:auto;background:#08130e}
.intro-car:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08110df5 0%,#08110dbd 28%,#08110d16 65%,#08110d22)}
.intro-car img{object-position:62% 62%;filter:brightness(.87)}
.intro-copy{max-width:450px;padding:0;position:relative;z-index:1}
.intro-copy h1{font-size:clamp(85px,9.5vw,140px);line-height:.86;text-transform:uppercase;font-style:italic;font-weight:700;letter-spacing:-2px;margin:27px 0}
.intro-copy>p{font-size:16px;max-width:315px;color:#c4cfc5;line-height:1.6}
.intro-car figcaption{z-index:2;left:auto;right:24px;bottom:16px;background:none;padding:0;gap:20px;font-size:9px}
.hero-distance{position:absolute;z-index:2;right:25px;top:22px;font:500 80px/.9 var(--display);color:#e1edd2;letter-spacing:-2px;text-align:right}
.hero-distance small{display:block;font:10px var(--body);letter-spacing:3px;margin-top:8px}
.site-availability{border-bottom:1px solid #405040}.home-index{padding-top:55px}
.model-row:hover .model-copy h2{color:var(--accent)}.model-row img{transition:transform .6s ease}.model-row:hover img{transform:scale(1.025)}
.button,.game-nav a,.index-links h3{transition:background-color .15s,color .15s,border-color .15s}
.button:focus-visible,.pedal:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1100px){body[data-page="race"] .race-controls{grid-template-columns:1.2fr .8fr 1fr 1fr 1fr}.pedal{padding:12px 10px}.pedal small{font-size:8px}.race-controls .icon{display:none}}
@media(max-width:700px){
 .site-intro{min-height:620px;margin-top:18px;padding:50px 23px 200px}.intro-copy h1{font-size:95px}.intro-copy>p{font-size:15px;max-width:290px}.intro-car img{object-position:65% bottom;opacity:.8}.intro-car:after{background:linear-gradient(180deg,#08110dee 5%,#08110d88 40%,#08110d11 80%)}.hero-distance{font-size:48px;right:16px;top:auto;bottom:45px}.hero-distance small{font-size:8px}.intro-car figcaption{right:16px;bottom:17px;font-size:8px}.intro-car figcaption>span:last-child{display:none}
 body[data-page="race"] .drag-arena{height:350px}.track-sector{top:57px;right:14px}.track-sector b{font-size:42px}.track-sector span{font-size:8px}
 body[data-page="race"] .race-dashboard{grid-template-columns:65px minmax(0,1fr);padding:16px;gap:12px}
 body[data-page="race"] .drag-telemetry{grid-column:1/-1;display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
 body[data-page="race"] .race-controls{grid-template-columns:1fr 1fr 1fr;padding-top:13px;gap:8px}
 body[data-page="race"] .race-controls>.pedal-gas{grid-column:1/3}body[data-page="race"] .race-controls>.pedal-brake{grid-column:3}.pedal small{font-size:9px}.pedal{min-height:62px;padding:12px 16px}
 body[data-page="race"] .race-controls .button{font-size:13px;min-height:54px;padding:10px 8px;flex-direction:column;gap:5px}.race-controls kbd{margin:0!important}
 .drive-mode-tabs{gap:18px;font-size:13px;flex-wrap:wrap}.drive-mode-tabs small{display:block;margin:5px 0 0;font-size:8px}.drive-mode-tabs>span{font-size:8px}
 .run-splits{gap:12px;justify-content:space-between;flex-wrap:wrap}.run-splits>span{width:100%}.run-splits>div{display:block;font-size:11px}.run-splits b{display:block;margin-top:6px}
 body[data-page="race"] .drag-progress{padding:12px;gap:12px}body[data-page="race"] .drag-progress small{display:none}
 body[data-page="race"] .race-explainer{grid-template-columns:1fr;gap:12px}
}
@media(prefers-reduced-motion:reduce){.model-row img,.button,.game-nav a,.index-links h3{transition:none}.model-row:hover img{transform:none}}
/* Drive view keeps track and pedals in the same viewport on a phone or laptop. */
body[data-driving="true"]{overflow:hidden}
body[data-driving="true"] main{position:fixed;inset:0;z-index:90;width:100%;max-width:none;margin:0;padding:10px;min-height:0;height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto auto;background:var(--bg);overflow:hidden}
body[data-driving="true"] main>*{display:none!important}
body[data-driving="true"] main>.drag-arena,body[data-driving="true"] main>.drag-progress,body[data-driving="true"] main>.race-dashboard{display:grid!important}
body[data-driving="true"] main>.drag-arena{height:100%;min-height:0}
body[data-driving="true"] .race-dashboard{padding:12px 18px;gap:8px 20px}
body[data-driving="true"] .race-controls{padding-top:10px}
body[data-driving="true"] .gear-block strong{font-size:44px}
body[data-driving="true"] .gear-block>#shift-feedback{min-height:12px;margin-top:2px}
body[data-driving="true"] .drag-progress{padding:9px 18px}
@media(max-width:700px){
 body[data-driving="true"] main{padding:6px;grid-template-rows:minmax(160px,1fr) auto auto}
 body[data-driving="true"] .race-dashboard{padding:8px 12px;gap:4px 10px}
 body[data-driving="true"] .drag-progress{grid-template-columns:1fr 1fr;gap:10px;padding:8px 12px}
 body[data-driving="true"] .drag-progress>div>span{font-size:10px}
 body[data-driving="true"] .gear-block strong{font-size:36px}
 body[data-driving="true"] .drag-telemetry{padding:6px 0}
 body[data-driving="true"] .drag-telemetry strong{font-size:23px}
 body[data-driving="true"] .race-controls{padding-top:7px;gap:6px}
 body[data-driving="true"] .pedal{min-height:50px;padding:8px 12px}
 body[data-driving="true"] .race-controls .button{min-height:43px;flex-direction:row}
 body[data-driving="true"] .rpm-block>p{font-size:9px;margin-top:4px}
 body[data-driving="true"] .drag-arena-bottom{left:12px;right:12px;bottom:12px;gap:6px}
 body[data-driving="true"] .camera-button{font-size:10px;padding:6px 8px;gap:5px}
 body[data-driving="true"] .start-lights{gap:4px}
 body[data-driving="true"] .start-lights i{height:8px;width:8px}
}
@media(max-height:500px) and (min-width:700px){body[data-driving="true"] .rpm-block>p,body[data-driving="true"] .drag-progress{display:none!important}body[data-driving="true"] main{grid-template-rows:minmax(120px,1fr) auto}body[data-driving="true"] .race-controls{padding-top:6px}body[data-driving="true"] .race-controls>button{min-height:38px}}