@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/DMSans-Variable.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/BarlowCondensed-Medium.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/BarlowCondensed-SemiBold.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BarlowCondensed-Bold.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/BarlowCondensed-ExtraBold.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/BarlowCondensed-ExtraBoldItalic.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;color:#f2f1dc;background:#101b24;font-synthesis:none;--lime:#d3e89c;--muted:#a3b1ad;--line:rgba(208,222,198,.17)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}button span{pointer-events:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#game,.vignette{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(7,15,23,.55),transparent 58%),linear-gradient(0deg,rgba(7,15,23,.84),transparent 28%,transparent 75%,rgba(7,15,23,.32));z-index:1}.topbar{position:relative;z-index:5;height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 4.2%;border-bottom:1px solid var(--line)}.brand{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-style:italic;font-size:29px;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--lime)}.brand i{font-size:29px;margin-left:9px;font-style:normal}.topbar-center{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-size:10px;font-weight:600}.divider{opacity:.3;margin:0 10px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #c9e79755}.icon-button{background:transparent;border:1px solid #ffffff40;border-radius:50%;height:31px;width:31px;color:#eff2dc}.lobby{position:relative;z-index:2;height:calc(100svh - 100px);padding:0 4.2%}.hero{position:absolute;top:9.5%;left:4.2%;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#c3cfc2;display:flex;gap:10px;align-items:center}.small-line{display:block;width:27px;height:1px;background:var(--lime)}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(52px,5.8vw,90px);font-weight:800;line-height:.93;letter-spacing:-1.7px;margin:25px 0 22px}h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:13px;line-height:1.8;color:#c4d0c8}.hero-tag{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.3px;margin-top:25px;color:#d3dccd}.hero-tag b{opacity:.45}.lobby-card{position:absolute;top:9%;right:4.6%;width:337px;background:linear-gradient(140deg,#1d2d30ed,#101c21eb);border:1px solid #c9e4d02b;padding:24px;box-shadow:0 20px 70px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card-heading{font-size:9px;letter-spacing:1.2px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:23px}.small-number{opacity:.4;font-size:9px}.role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-tab{display:flex;flex-direction:column;align-items:flex-start;background:transparent;color:#b0beb8;text-align:left;border:1px solid var(--line);padding:14px 12px;transition:background .18s,border .18s}.role-tab.selected{background:#d4e89b0d;border-color:var(--lime);color:#ecf1dc}.role-icon{font-size:24px;margin-bottom:10px;color:var(--lime);line-height:1}.role-tab b{font-size:13px}.role-tab small{font-size:9px;color:#9eafa9;margin-top:5px;white-space:nowrap}.card-copy{font-size:11px;line-height:1.8;color:#aabbae;margin:19px 0}.primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:var(--lime);color:#1b2927;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.primary-button:hover{background:#e2f6ae;transform:translateY(-1px)}.primary-button span{font-size:21px;line-height:15px}.text-button{display:block;background:none;color:#bdcbbd;font-size:11px;padding:15px 0 4px;margin:0 auto}.text-button:hover{color:var(--lime)}.text-button span{margin-left:18px}.card-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1px;color:#92a8a2}.card-footer span:last-child{margin-left:auto;font-size:7px;opacity:.65}.connection-icon{font-size:19px;color:var(--lime);line-height:10px}.connection-status{font-size:11px;color:#f1bd90;line-height:1.5;margin:10px 0 0}.connection-status:empty{display:none}#guest-panel label{display:block;font-size:8px;letter-spacing:1px;margin:18px 0 8px}#room-input{width:100%;padding:10px 12px;border:1px solid #c8ddc944;background:#07151966;color:var(--lime);letter-spacing:8px;font:600 25px Barlow Condensed,monospace;text-transform:uppercase}#room-input::placeholder{color:#6b817c}#guest-panel .card-copy{margin:9px 0 16px;font-size:10px}.room-label{font-size:8px;letter-spacing:1px;margin-top:22px;display:flex;justify-content:space-between;align-items:center}.mini-button{font-size:9px;background:none;color:var(--lime);padding:4px}.room-code{font-family:Barlow Condensed,monospace;font-size:43px;color:var(--lime);letter-spacing:8px;margin-top:5px}.crew-status{font-size:10px;color:#afc3b6;line-height:1.5;margin:7px 0 18px}.crew-status .live-dot{margin-right:5px}.route-strip{position:absolute;bottom:33px;left:4.2%;right:4.2%;display:flex;align-items:center;gap:29px;border-top:1px solid var(--line);padding-top:23px}.route-number{font-family:Barlow Condensed,sans-serif;font-size:43px;line-height:1;color:var(--lime);display:flex;gap:16px;align-items:center}.route-number span{font-size:29px;color:#eff5df42;font-weight:400}.route-info .eyebrow{font-size:7px;letter-spacing:1.6px}.route-info h2{font-size:18px;font-weight:500;margin:7px 0}.route-info h2 span{font-size:11px;color:#a6baad;margin-left:10px}.route-info p{font-size:9px;color:#8fa399;margin:0}.route-stat{padding-left:25px;border-left:1px solid var(--line)}.route-stat b{font:500 28px Barlow Condensed,sans-serif}.route-stat b span{font-family:DM Sans,sans-serif;font-size:8px;margin-left:7px;color:#9cb1a6}.route-stat small{display:block;font-size:7px;letter-spacing:1.2px;color:#8fa399;margin-top:6px}.route-map{height:65px;max-width:180px;flex:1;opacity:.6}.route-map svg{width:100%;height:100%}.night-label{display:flex;gap:13px;align-items:center;margin-left:auto;font-size:30px;color:var(--lime)}.night-label span{font-size:8px;color:#afbfb3;line-height:1.8;letter-spacing:1px}.night-label b{font-size:6px;letter-spacing:1.1px;font-weight:400;white-space:nowrap}.loading{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#111e27;transition:opacity .6s}.loading.gone{opacity:0;pointer-events:none}.loading .brand{font-size:45px}.loading-line{margin-top:35px;width:150px;height:2px;background:#263b3b;overflow:hidden}.loading-line:after{content:"";display:block;width:65%;height:100%;background:var(--lime);animation:load 1.2s ease-in-out infinite}.loading p{font-size:8px;letter-spacing:3px;margin-top:18px}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(160%)}}.hud{position:fixed;inset:0;z-index:3;pointer-events:none}.hud button{pointer-events:auto}body.driving .topbar{border:0;height:78px}body.driving .topbar-center,body.driving .icon-button{visibility:hidden}body.driving .brand{font-size:24px}body.driving .vignette{background:linear-gradient(0deg,#08131dcc,transparent 27%,transparent 83%,#08131d88)}.stage-header{position:absolute;top:29px;left:50%;transform:translate(-50%);width:235px;text-align:center}.stage-header .eyebrow{justify-content:center;font-size:7px;color:var(--lime)}.stage-header>b{display:block;font-size:13px;font-weight:600;letter-spacing:2px;margin:6px 0 11px}.progress-track{height:2px;background:#cddbcc33}.progress-track span{display:block;height:100%;width:0;background:var(--lime)}.stage-meta{display:flex;justify-content:space-between;font-size:8px;margin-top:7px;letter-spacing:1px;color:#c5d2c1}.session-chip{position:absolute;top:32px;right:4.2%;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px}.session-chip small{color:#9fb4a9;font-size:8px}.session-chip button{margin-left:13px}.session-chip button span{font-size:16px;margin-left:8px}.speed-panel{position:absolute;bottom:39px;left:4.2%;width:250px}.speed-panel>div:first-child{display:flex;align-items:baseline;gap:13px}.gear{font:500 22px Barlow Condensed,sans-serif;color:var(--lime);border:1px solid #d3e89c66;padding:2px 9px;align-self:center;min-width:30px;text-align:center}#speed{font:600 85px Barlow Condensed,sans-serif;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-2px}.speed-panel small{font-size:9px;color:#c4cfbe}.rev-track{height:3px;background:#d1dfc533;margin-top:14px}.rev-track span{display:block;width:0;height:100%;background:var(--lime)}#drive-hint{font-size:8px;color:#e6efd4;letter-spacing:.6px;margin-top:14px}#drive-hint span{color:#81978c;font-size:7px}.car-state{position:absolute;bottom:48px;left:50%;transform:translate(-50%);text-align:center}.handbrake-indicator{color:#95a39b77;font-size:17px;transition:color .1s}.handbrake-indicator span{font-size:8px;letter-spacing:2px;margin-left:7px}.handbrake-indicator.active{color:#fdb687;text-shadow:0 0 18px #fa853455}#airborne,#reset-hint{display:block;font-size:9px;letter-spacing:2px;margin-top:14px;color:var(--lime)}#reset-hint{color:#f4b28b}.minimap{position:absolute;bottom:36px;right:4.2%;width:175px;border:1px solid #d5edb324;background:#12252b9e;padding:15px}.minimap .eyebrow{font-size:7px;letter-spacing:1px;justify-content:space-between}.minimap .eyebrow span{color:#adbea8;font-size:6px}.minimap svg{width:100%;height:130px;margin:9px 0}.minimap>span{font-size:6px;color:#9eaf9c;letter-spacing:1px}.pacenotes{position:absolute;top:21%;right:4.2%;width:230px;padding:20px 22px;background:#172a2ce8;border-left:2px solid var(--lime);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pacenotes>.eyebrow{font-size:8px;color:#acbda5}.pace-main{display:flex;align-items:center;gap:18px;margin-top:15px}.pace-main>span{font-size:65px;color:var(--lime);line-height:1}.pace-main b{font:600 30px Barlow Condensed,sans-serif;text-transform:uppercase}.pace-main small{display:block;font-size:11px;color:var(--lime);margin-top:5px;letter-spacing:1px}.pacenotes>p{font-size:10px;color:#b6c6ae;margin:15px 0}.pace-next{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:14px;font-size:11px}.pace-next small{display:block;font-size:8px;opacity:.5;margin-top:5px}.navigator-tip{font-size:6px;letter-spacing:.6px;margin-top:20px;color:#9bae98}.navigator-tip kbd{font-size:7px;margin-right:4px}.toast{position:fixed;z-index:20;bottom:22px;left:50%;transform:translate(-50%);max-width:90%;background:#213536;border:1px solid #d4e8b63b;color:#e4edcf;padding:13px 20px;font-size:12px;box-shadow:0 8px 30px #0005}dialog{background:#192c30;color:#eaf0d7;border:1px solid #d4edbe33;padding:36px;width:min(530px,calc(100vw - 40px));box-shadow:0 25px 130px #000a}dialog::backdrop{background:#07121bcc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog h2{font:600 42px/.98 Barlow Condensed,sans-serif;text-transform:uppercase;margin:18px 0 25px}.dialog-close{position:absolute;right:18px;top:10px;background:transparent;color:#a2b7a8;font-size:28px}dialog h3{font-size:12px;font-weight:600;color:var(--lime)}dialog p{font-size:12px;line-height:1.8;color:#adbfaf}kbd{display:inline-block;padding:3px 5px;border:1px solid #d3e89c55;font-family:inherit;font-size:9px;border-radius:2px}.help-roles{display:grid;grid-template-columns:1fr 1fr;gap:23px}.help-roles p{font-size:10px}.help-note{font-size:11px;line-height:1.8;color:#9eb3a6;margin:24px 0}.setting-row{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);font-size:12px}.setting-row:last-of-type{margin-bottom:20px}.setting-row input{accent-color:var(--lime)}.setting-row select{background:#172629;border:1px solid #bdd8ac44;color:var(--lime);font-size:11px;padding:4px 8px}.finish-time{font:600 65px Barlow Condensed,sans-serif;color:var(--lime);margin:25px 0}.touch-warning{display:none}@media(min-width:1600px){.hero{top:12%}.lobby-card{top:12%;width:365px;padding:29px}.route-strip{bottom:45px}}@media(max-height:760px)and (min-width:851px){.topbar{height:76px}.lobby{height:calc(100svh - 76px)}.hero{top:7%}h1{font-size:64px;margin-top:20px}.lobby-card{top:5%;padding:20px;width:318px}.role-tab{padding:10px}.role-icon{font-size:20px;margin-bottom:7px}.card-heading{margin-bottom:15px}.card-copy{margin:14px 0}.route-strip{bottom:20px;padding-top:17px}.hero-tag{margin-top:15px}.card-footer{margin-top:14px;padding-top:12px}}@media(max-width:1100px){.route-map{display:none}.route-strip{gap:21px}.route-info{max-width:260px}.night-label{display:none}.hero h1{font-size:64px}.hero{max-width:440px}.lobby-card{right:4.2%;width:315px}.route-stat{margin-left:auto}.route-stat~.route-stat{margin-left:0}.hero-tag{font-size:7px;gap:8px}.hero p{font-size:12px}}@media(max-width:850px){body{overflow:auto}.topbar{height:76px}.topbar-center{font-size:7px;letter-spacing:1px}.lobby{min-height:1050px;height:calc(100svh - 76px)}.hero{top:33px}.hero h1{font-size:64px}.hero p{font-size:12px}.hero-tag{display:none}.lobby-card{top:355px;left:4.2%;right:auto;width:min(360px,91.6%)}.route-strip{bottom:25px;flex-wrap:wrap;gap:15px}.route-info{max-width:none}.route-info .eyebrow{font-size:6px}.route-number{font-size:32px}.route-stat{display:none}.route-info h2{font-size:15px}.stage-header{width:165px;top:84px}.stage-header>b{font-size:10px}.session-chip{font-size:8px}.pacenotes{top:29%;width:190px;padding:16px}.pace-main>span{font-size:48px}.pace-main b{font-size:26px}.minimap{width:125px;padding:10px}.minimap svg{height:90px}.minimap .eyebrow span{display:none}.speed-panel{width:190px;bottom:35px}#speed{font-size:65px}.car-state{bottom:190px}#drive-hint{font-size:6px}body.driving{overflow:hidden}.help-roles{grid-template-columns:1fr;gap:8px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.controller-status{font-size:8px;letter-spacing:.4px;color:#9bb2a5;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:15px}.controller-status:before{content:"◉";color:#b5c8a6;margin-right:7px}.controller-status.connected{color:var(--lime)}button:focus{outline:1px solid var(--lime);outline-offset:3px}.lobby-card{top:13%}.route-strip{bottom:30px}.route-info .eyebrow{color:#eebc8c}.topbar-center:empty{display:none}.condition{width:140px;margin:0 auto 22px}.condition>span{font-size:7px;letter-spacing:1.4px;color:#bcc8b3}.condition>div{height:3px;background:#cedbc32b;margin-top:8px}.condition i{display:block;background:#d3e89c;height:100%;width:100%;transition:width .2s}.condition i.critical{background:#ee986e}#impact-vignette{position:fixed;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 110px 40px #c34a32;opacity:0}.role-tab small{font-size:8px}.lobby-card .card-heading{font-size:11px;letter-spacing:2px}@media(max-width:850px){.lobby{min-height:890px}.lobby-card{top:350px}.route-strip{bottom:20px}.route-info p{font-size:9px}.car-state .condition{margin-bottom:12px}}.countdown{position:fixed;z-index:5;left:50%;top:42%;transform:translate(-50%,-50%);font:700 98px/1 Barlow Condensed,sans-serif;color:#e5f1bb;text-shadow:0 4px 35px #0a1823;pointer-events:none}.hud>.condition{position:absolute;top:93px;left:4.2%;width:112px;margin:0}.handbrake-indicator{visibility:hidden}.handbrake-indicator.active{visibility:visible}.car-state{bottom:32px}.car-state #airborne{padding:7px 12px;background:#14292bb3}.minimap{background:#102128a8}@media(max-width:850px){.hud>.condition{top:85px;width:90px}.car-state{bottom:190px}}#menu-dialog{max-height:calc(100svh - 32px);overflow-y:auto}#menu-dialog .setting-row{align-items:center;gap:16px;padding:13px 0}#menu-dialog .help-note{margin:0 0 20px}#menu-dialog .setting-hint{font-size:10px;line-height:1.6;margin:0 0 16px;color:#adbfaf}.license-link{display:block;width:max-content;margin:18px auto 0;font-size:10px;color:#9eb3a6;text-decoration:underline;text-underline-offset:3px}.instrument-panel{--instrument-accent: #8fb8eb;--instrument-muted: #a5b1c6;position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:256px;padding:16px 18px;display:grid;grid-template-columns:1fr 52px;gap:12px 18px;border:1px solid #ffffff20;border-top:3px solid #386496;border-radius:8px;background:#161923ed;box-shadow:0 12px 40px #0005;color:#f3f7ff;text-align:left;font-family:Arial,sans-serif}.instrument-heading{display:flex;justify-content:space-between;grid-column:1/-1;color:var(--instrument-muted);font:700 9px/1.3 Arial,sans-serif;letter-spacing:1.7px}.instrument-panel .instrument-speed{display:flex;align-items:baseline;gap:8px}.instrument-panel #speed{font:700 60px/1 DM Sans,Arial,sans-serif;letter-spacing:-3px;font-variant-numeric:tabular-nums}.instrument-panel small{color:var(--instrument-muted);font:700 9px/1.5 Arial,sans-serif;letter-spacing:1px}.instrument-panel .instrument-gear{padding-left:12px;border-left:1px solid #ffffff20;text-align:center}.instrument-panel .instrument-gear small{display:block}.instrument-panel #gear{font:700 36px/1.15 DM Sans,Arial,sans-serif;color:var(--instrument-accent)}.instrument-rpm{grid-column:1/-1}.rpm-caption{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;color:var(--instrument-muted);font-size:9px;letter-spacing:1px}.instrument-panel #rpm{display:inline;color:#f3f7ff;font:700 13px/1 monospace}.instrument-panel .rpm-track{height:6px;overflow:hidden;background:#ffffff16;border-radius:2px}.instrument-panel .rpm-fill{height:100%;background:var(--instrument-accent);transform-origin:left;transform:scaleX(0)}.instrument-panel.near-redline .rpm-fill{background:#ffac91}.analog-dial{display:none}.instrument-panel[data-style=analog]{--dial-size:224px;--readout-size:64px;width:calc(var(--dial-size) + var(--readout-size) + 10px);padding:0;grid-template-columns:var(--readout-size) var(--dial-size);grid-template-rows:1fr 1fr;gap:0 10px;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:0 2px 4px #060d19,0 0 10px #060d19}.instrument-panel[data-style=analog] .instrument-heading,.instrument-panel[data-style=analog] .instrument-rpm{display:none}.instrument-panel[data-style=analog] .analog-dial{display:block;grid-column:2;grid-row:1/3;height:var(--dial-size);filter:drop-shadow(0 2px 2px #060d19) drop-shadow(0 0 5px #102d50)}.analog-dial svg{width:100%;height:100%;overflow:visible}.dial-arc{fill:none;stroke:#8fb8eb;stroke-opacity:.5;stroke-width:1}.dial-ticks line{stroke:#b2d5ff;stroke-width:1.3}.dial-ticks .dial-major{stroke:#f3f7ff;stroke-width:2}.dial-ticks text{fill:#e5efff;font:600 10px Arial,sans-serif;text-anchor:middle;dominant-baseline:central}.dial-redline{fill:none;stroke:#ffac91;stroke-width:3}.dial-unit{fill:#c3d5eb;font:600 7px Arial,sans-serif;letter-spacing:.7px;text-anchor:middle}.rpm-needle{transform:rotate(-135deg);transform-origin:100px 100px}.rpm-needle path{fill:#e7f3ff;filter:drop-shadow(0 0 3px #7bb7ff)}.rpm-needle circle{fill:#142c4b;stroke:#b2d5ff;stroke-width:1.5}.instrument-panel[data-style=analog] #speed{font-size:42px;letter-spacing:-1px}.instrument-panel[data-style=analog] .instrument-speed{grid-column:1;grid-row:2;align-self:start;flex-direction:column;align-items:center;padding-top:9px;gap:2px}.instrument-panel[data-style=analog] .instrument-gear{grid-column:1;grid-row:1;align-self:end;display:flex;align-items:baseline;justify-content:center;gap:6px;padding:0 0 9px;border:0;border-bottom:2px solid #8fb8eb}.instrument-panel[data-style=analog] #gear{font-size:32px;color:#b2d5ff}.instrument-panel[data-style=analog] small{color:#c3d5eb}.hud .minimap{right:auto;left:4.2%}.hud #drive-hint{position:absolute;left:50%;bottom:15px;transform:translate(-50%);max-width:calc(100% - 480px);margin:0;text-align:center;line-height:1.6}.hud .car-state{bottom:55px}@media(max-width:850px){.hud .minimap{width:125px;bottom:20px}.instrument-panel{right:16px;bottom:20px;width:220px;padding:12px 14px;gap:9px 12px;grid-template-columns:1fr 45px}.instrument-panel #speed{font-size:50px}.instrument-panel #gear{font-size:30px}.instrument-panel[data-style=analog]{--dial-size:170px;--readout-size:50px}.instrument-panel[data-style=analog] #speed{font-size:32px}.instrument-panel[data-style=analog] #gear{font-size:27px}.hud #drive-hint{max-width:calc(100% - 395px);font-size:6px}.hud .car-state{bottom:140px}}@media(max-width:500px){.instrument-panel{width:190px;right:10px}.instrument-panel #speed{font-size:44px}.instrument-panel[data-style=analog]{--dial-size:140px;--readout-size:44px}.instrument-panel[data-style=analog] #speed{font-size:28px}.instrument-panel[data-style=analog] #gear{font-size:24px}.hud .minimap{width:100px;left:10px;padding:7px}.hud .minimap svg{height:68px}.hud #drive-hint{max-width:calc(100% - 320px)}}.navigator-map{position:absolute;left:4.2%;bottom:24px;width:min(264px,32vw,36vh);aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 2px 5px #0008)}.navigator-map canvas{display:block;width:100%;height:100%}@media(max-width:850px){.navigator-map{left:12px;bottom:20px;width:min(190px,30vw,34vh)}}#speed-effects{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}