:root{color:#173f45;font-synthesis:none;--ink:#173f45;--paper:#f4eddb;--sand:#d9c5a0;--coral:#dc795a;--muted:#637b78;--line:#19414629;background:#163e48;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0;transition:background .16s,transform .16s,color .16s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #e88855}button svg{flex-shrink:0}button{justify-content:center;align-items:center;gap:12px;display:inline-flex}input,select{accent-color:#207f80}#world{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#app{pointer-events:none;isolation:isolate;position:fixed;inset:0}#app>*{pointer-events:auto}#app:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.menu:before,.garage:before,.setup:before,.results:before,.settings-menu:before{background:linear-gradient(90deg,#f5eedbfa 0%,#f5eedbf5 25%,#f5eedbb8 38%,#f5eedb0d 66%,#16373d0a 100%)}.menu:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#15373a66);position:absolute;inset:70% 0 0}h1,h2,h3,p{margin:0}h1{letter-spacing:-2.8px;font-size:60px;font-weight:500;line-height:1.03}h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400}h2{letter-spacing:-.5px;font-size:22px;font-weight:500}p{color:var(--muted);font-size:15px;line-height:1.7}.eyebrow{letter-spacing:2.2px;font-size:10px;font-weight:700;line-height:1.6;display:block}.sun-mark{color:#d98950;border:2px solid;border-bottom:0;border-radius:48px 48px 0 0;width:44px;height:28px;margin:10px 2px;display:inline-block;position:relative}.sun-mark:after{content:"";border-top:2px solid;position:absolute;bottom:-7px;left:-8px;right:-8px}.sun-mark.small{border-width:1.6px;width:27px;height:17px;margin-right:13px}.sun-mark.small:after{border-width:1.6px;bottom:-5px;left:-5px;right:-5px}.live-dot{background:#dd8860;border-radius:50%;width:6px;height:6px;margin-bottom:1px;margin-right:8px;display:inline-block}.dot-sep{opacity:.5;margin:0 8px}.site-header{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:27px;left:42px;right:42px}.wordmark{color:var(--ink);letter-spacing:3px;text-align:left;background:0 0;gap:0;padding:0;font-size:20px;font-weight:700}.wordmark small{letter-spacing:3.4px;margin-top:5px;font-size:8px;display:block}.site-header nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f0dcd4;border-radius:6px;align-items:center;gap:12px;padding:5px;display:flex}.nav-link{color:var(--ink);background:0 0;border-radius:4px;gap:8px;padding:10px 13px;font-size:12px;font-weight:600}.nav-link:hover,.nav-link.active{background:#184a4b17}.sound-state{letter-spacing:.7px;font-size:9px}.primary,.secondary{letter-spacing:.15px;border-radius:3px;min-height:47px;padding:15px 22px;font-size:13px;font-weight:600}.primary{background:var(--ink);color:var(--paper);box-shadow:0 5px 15px #12383b14}.primary:hover{background:#226369}.primary svg:last-child{margin-left:14px}.secondary{color:var(--ink);background:#f6eed9f0;border:1px solid #1e494a33}.secondary:hover{background:#e3dfc9}.full{width:100%}.big{min-width:220px;padding:20px 25px;font-size:14px}.text-button{color:var(--ink);background:0 0;gap:9px;padding:10px 0;font-size:12px;font-weight:600}.text-button:hover{color:#bd603f}.text-button svg{margin:0}.icon-button{color:#fff4d8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#efebd826;border:1px solid #ffffff45;border-radius:50%;width:41px;min-width:41px;height:41px}.icon-button:hover{background:#f3e9cf55}.icon-button.dark{color:var(--ink);background:0 0;border-color:#17424833}.icon-button.dark:hover{background:#17424815}.home-copy{max-width:470px;position:absolute;top:19%;left:48px}.home-copy h1{letter-spacing:-5px;margin:25px 0 21px;font-size:clamp(72px,7.5vw,112px);line-height:.99}.home-copy h1 em{color:#b56748}.home-copy p{margin-bottom:28px;font-size:15px;line-height:1.85}.key-hint{letter-spacing:.15px;color:#6c8277;margin-top:20px;font-size:10px}.key-hint span{align-items:center;gap:8px;display:flex}.car-caption{text-align:right;color:#f7efdb;text-shadow:0 1px 10px #14363688;flex-direction:column;display:flex;position:absolute;bottom:240px;right:6%}.car-caption strong{letter-spacing:-.8px;margin:8px 0;font-size:27px}.car-caption>span:not(.eyebrow){font-size:11px}.car-caption button{color:#f5e9cf;text-shadow:none;background:#174146b3;border:1px solid #eee2bf44;border-radius:3px;align-self:flex-end;margin-top:16px;padding:10px 13px;font-size:10px}.route-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:absolute;bottom:53px;left:48px;right:48px}.route-card{text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);background:#f8f2e0ed;border:1px solid #fff5d8c4;border-radius:4px;min-width:0;padding:17px 22px 14px;display:block;box-shadow:0 6px 25px #183d4817}.route-card:hover{background:#fff7e4;transform:translateY(-4px)}.route-card.selected{border-top:3px solid #d17c56;padding-top:15px}.route-meta{text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:12px;font-size:10px;display:flex}.route-meta>svg{margin-left:auto}.route-number{border:1px solid #1f57564d;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:grid}.route-bottom{justify-content:space-between;align-items:center;gap:5px;margin-top:8px;display:flex}.route-bottom h2{white-space:nowrap;font-size:clamp(16px,1.55vw,23px)}.route-bottom p{white-space:nowrap;margin-top:7px;font-size:10px}.route-map{opacity:.8;flex-shrink:0;width:115px;height:73px}.home-footer{letter-spacing:1.5px;color:#f1edda;justify-content:space-between;font-size:8px;font-weight:600;display:flex;position:absolute;bottom:20px;left:48px;right:48px}.side-panel{scrollbar-width:thin;width:390px;padding-right:15px;position:absolute;top:112px;bottom:34px;left:48px;overflow-y:auto}.side-panel>.text-button:first-child{margin-bottom:25px}.side-panel>.eyebrow{color:#ac6a4b;margin-bottom:12px}.side-panel h1{margin-bottom:18px;font-size:56px}.side-panel>p{margin-bottom:20px;font-size:13px}.side-panel .primary{margin-top:12px}.course-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:15px;margin-bottom:15px;padding:10px 0;display:flex}.course-strip .route-map{width:140px;height:80px}.course-strip strong{font-size:22px;font-weight:500;display:block}.course-strip span{color:var(--muted);margin-top:6px;font-size:11px;display:block}.selected-car{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;justify-content:flex-start;margin-bottom:8px;padding:13px 0}.selected-car small{letter-spacing:1.4px;margin-bottom:3px;font-size:8px;display:block}.selected-car strong{font-size:17px;font-weight:500}.selected-car>span:last-child{align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.field-label{margin:15px 0 8px;font-size:11px;font-weight:600;display:block}select{width:100%;color:var(--ink);background:#f6f1e0;border:1px solid #1e4b4f32;border-radius:3px;min-height:39px;padding:11px 13px;font-size:12px}input[type=range]{width:100%;height:24px}.fine{color:#667c76;font-size:10px;line-height:1.65}.side-panel p.fine{margin:16px 0 8px;font-size:10px}.control-brief{color:#617974;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:9px;display:flex}kbd{opacity:.8;white-space:nowrap;border:1px solid;border-radius:3px;padding:3px 5px;font-family:inherit;font-size:9px;line-height:1;display:inline-block}.location-note{color:var(--paper);text-align:right;text-shadow:0 1px 6px #16484b55;position:absolute;bottom:45px;right:45px}.location-note span{letter-spacing:2px;font-size:9px;display:block}.location-note strong{margin-top:15px;font-family:Georgia,serif;font-size:35px;font-style:italic;font-weight:400;display:block}.tag{text-transform:uppercase;letter-spacing:1.7px;border:1px solid var(--line);margin:0 0 21px;padding:8px 12px;font-size:9px;display:inline-block}.garage-panel p{font-size:13px}.stats{gap:20px;margin:29px 0;display:grid}.stats>div{justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.stat-track{background:#c9c9af;width:60%;height:3px}.stat-track i{background:#3b8580;height:100%;display:block}.car-choices{gap:7px;margin:30px 0 12px;display:grid}.car-choice{color:var(--ink);border:1px solid var(--line);background:#f5efdbbf;border-radius:3px;justify-content:flex-start;padding:14px;font-size:13px}.car-choice.selected{background:#e0e2cb;border-color:#346e67}.car-choice i{border:2px solid #fff9;border-radius:50%;width:15px;height:15px}.car-choice .check{margin-left:auto}.studio-link{margin-top:14px}.garage-label{color:var(--paper);text-align:right;text-shadow:0 1px 10px #153f4488;flex-direction:column;display:flex;position:absolute;bottom:45px;right:50px}.garage-label span{letter-spacing:2px;font-size:8px}.garage-label strong{opacity:.9;font-family:Georgia,serif;font-size:100px;font-style:italic;font-weight:400;line-height:1.3}.race:before{background:linear-gradient(#0c2d3e99,#0000 25% 68%,#072e3a88)}.race-top{color:#fff4d9;text-shadow:0 2px 8px #123b49;justify-content:space-between;display:flex;position:absolute;top:29px;left:40px;right:40px}.race-title .eyebrow{opacity:.8;font-size:9px}.race-title strong{margin-top:7px;font-size:17px;font-weight:500;display:block}.race-actions{gap:10px;display:flex}.mode-hud{color:#fff1d5;text-shadow:0 1px 8px #123744;align-items:flex-start;gap:34px;display:flex;position:absolute;top:108px;left:40px}.hud-block small{letter-spacing:1.8px;margin-bottom:6px;font-size:8px;display:block}.hud-block>strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:41px;font-weight:500}.hud-block strong.timer{margin-top:12px;font-size:31px;display:block}.hud-block i{letter-spacing:0;opacity:.65;font-size:15px;font-style:normal}.hud-block>span{margin-top:7px;font-size:9px;display:block}.invalid{color:#a94b2f!important}.race .invalid{color:#ffc082!important}.lap-mini{flex-direction:column;gap:10px;margin-top:17px;font-size:9px;display:flex}.live-standings{min-width:145px;font-size:10px;position:absolute;top:106px;left:0}.live-standings>div{background:#173d4733;border-radius:2px;align-items:center;gap:10px;margin-top:2px;padding:8px 11px;display:flex}.live-standings .you{background:#f1e7c32b;font-weight:700}.live-standings i{border-radius:2px;width:5px;height:10px}.live-standings>div>span:last-child:not(:nth-child(3)){margin-left:auto;font-size:8px}.race-bottom{color:#fff1d4;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:48px;left:38px;right:40px}.map-wrap{width:200px}#minimap{opacity:.95;width:200px;height:140px}#weather-hud{white-space:nowrap;align-items:center;gap:8px;font-size:8px;display:flex}#weather-hud>span:last-child{margin-left:10px}.speed-cluster{text-align:right;text-shadow:0 1px 8px #123744;min-width:190px;max-width:230px}#speed-value{letter-spacing:-5px;font-variant-numeric:tabular-nums;font-size:90px;font-style:italic;font-weight:500;line-height:1}.speed-unit{letter-spacing:4px;margin:6px 0 24px;font-size:9px}.nitro-line{letter-spacing:1.2px;justify-content:space-between;margin-bottom:8px;font-size:9px;display:flex}.nitro-line kbd{margin-left:5px;font-size:7px}.nitro-track{background:#f1e9d83d;height:4px}.nitro-track i{background:#ffcc8b;height:100%;display:block;box-shadow:0 0 15px #edaf6355}.nitro-track i.active{background:#baf6f3;box-shadow:0 0 16px #77e5e8}.drive-states{letter-spacing:1.3px;color:#ffd498;height:12px;margin-top:10px;font-size:8px}.race-help{color:#f9edcf;opacity:.9;justify-content:center;gap:22px;font-size:9px;display:flex;position:absolute;bottom:17px;left:40px;right:40px}.race-help kbd{margin-right:5px}#countdown{text-align:center;color:#fff5d4;text-shadow:0 5px 25px #123b4988;pointer-events:none;font-family:Georgia,serif;font-size:110px;font-style:italic;position:absolute;inset:36% 0 auto}#race-message{text-align:center;color:#fff0c7;letter-spacing:1px;text-shadow:0 2px 10px #0d3441;pointer-events:none;font-size:11px;position:absolute;top:29%;left:25%;right:25%}.time-warning{color:#ffd094}.harness-label{letter-spacing:1px;color:#fff4d9;background:#713f3b;border-radius:2px;padding:5px 10px;font-size:8px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1;background:#163d4770;position:absolute;inset:0}.pause-panel{background:#f3ecd9;border-radius:5px;width:380px;padding:35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 60px #062e4144}.pause-panel h1{margin:16px 0 20px;font-size:51px}.pause-panel p{margin-bottom:20px;font-size:12px}.pause-panel .secondary{margin-top:9px}.button-pair{justify-content:space-between;align-items:center;gap:17px;margin-top:15px;display:flex}.pause-panel .button-pair{margin-top:14px}.result-panel{scrollbar-width:thin;width:490px;padding-right:20px;position:absolute;top:119px;bottom:25px;left:48px;overflow-y:auto}.result-panel h1{margin:14px 0;font-size:50px}.result-panel>p{font-size:12px}.result-metric{flex-direction:column;margin:27px 0 20px;display:flex}.result-metric strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:68px;font-weight:500}.result-metric>span{letter-spacing:1.7px;margin-top:4px;font-size:9px}.lap-list{border-top:1px solid var(--line);margin-top:10px}.lap-list>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;font-size:11px;display:flex}.lap-list>div>span:last-child{letter-spacing:.5px;max-width:160px;font-size:8px}.lap-list strong{font-weight:500}.result-panel .fine{margin-top:15px;font-size:10px}.result-actions{gap:10px;margin-top:24px;display:flex}.result-actions button{padding:13px 16px;font-size:11px}.result-panel .button-pair .text-button{font-size:10px}.standings-list{margin-top:20px}.standings-list>div{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:9px 12px;font-size:11px;display:flex}.standings-list>div>span:last-child{margin-left:auto;font-size:10px}.standings-list>div.you{background:#397e741c}.standings-list strong{font-weight:500}.settings-scrim{background:#163d4799}.settings-panel{scrollbar-width:thin;background:#f3eddb;border-radius:5px;width:min(810px,100% - 40px);max-height:calc(100% - 45px);padding:30px 38px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 80px #092d4055}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.panel-heading h1{margin-top:8px;font-size:36px}.panel-heading .eyebrow{font-size:8px}.settings-columns{grid-template-columns:1fr 1fr;gap:45px;display:grid}.settings-columns h2{margin-bottom:15px;font-size:17px}.settings-columns section>p{margin:10px 0 15px}.setting-row{justify-content:space-between;align-items:center;margin-top:14px;font-size:11px;display:flex}.setting-row select{width:115px;min-height:32px;padding:8px 10px}.check-row{align-items:center;gap:8px;margin:13px 0 17px;font-size:11px;display:flex}.check-row input{width:15px;height:15px}.settings-columns .secondary{padding:10px;font-size:11px}.bindings>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:7px 0;font-size:11px;display:flex}.binding{color:#1e5555;background:#e6e4ce;border:1px solid #1e555533;border-radius:3px;min-width:78px;padding:8px 10px;font-size:10px}.binding.listening{color:#fff1d7;background:#aa6848;min-width:105px}.bindings+.text-button{margin:12px 0 0;font-size:11px}.settings-done{min-width:150px;margin:23px 0 0 auto;display:flex}.library:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#23464e44}.wide-panel{scrollbar-width:thin;background:#f6efddf7;border-radius:5px;width:min(1120px,100% - 82px);padding:33px 40px;position:absolute;top:109px;bottom:30px;left:50%;overflow-y:auto;transform:translate(-50%)}.library-heading{justify-content:space-between;align-items:flex-start;display:flex}.library-heading h1{letter-spacing:-1.6px;margin-top:10px;font-size:44px}.library-heading .primary{margin-top:14px}.library-panel>p{margin:20px 0;font-size:12px}.entries{margin:26px 0 22px}.replay-entry{border-top:1px solid var(--line);align-items:center;gap:20px;padding:20px 0;display:flex}.entry-number{opacity:.5;width:28px;font-family:Georgia,serif;font-size:28px;font-style:italic}.entry-info .eyebrow{letter-spacing:1.4px;font-size:7px}.entry-info h3{margin-top:6px;font-size:19px;font-weight:500}.entry-info p{margin-top:5px;font-size:10px}.entry-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.entry-actions .secondary{min-height:35px;padding:9px 11px;font-size:10px}.entry-actions .icon-button{width:34px;min-width:34px;height:34px}.empty-library{text-align:center;border:1px dashed #17494a33;border-radius:4px;padding:28px}.empty-library .sun-mark{margin-bottom:25px}.empty-library h2{font-size:22px}.empty-library p{margin:15px 0 20px;font-size:12px}.empty-library .secondary{padding:12px 20px;font-size:11px}.record-strip{border-top:1px solid var(--line);margin-top:30px;padding:22px 0}.record-strip h2{margin-bottom:10px;font-size:16px}.record-strip>div{align-items:center;gap:25px;margin-top:15px;font-size:11px;display:flex}.record-strip span{font-size:10px}.recovered-title{margin:24px 0 10px;font-size:18px}.storage-warning{color:#6f542e;background:#e6c9a275;border:1px solid #b48a4f66;padding:12px 15px}.problem-entry{justify-content:space-between;align-items:center;gap:15px;margin:10px 0;display:flex}.problem-entry p{font-size:11px}.problem-entry button{padding:9px;font-size:10px}.replay:before{background:linear-gradient(#123c4670,#0000 25% 65%,#123c4666)}.replay-header{color:#fff0d4;text-shadow:0 1px 7px #103c4777;justify-content:space-between;align-items:center;display:flex;position:absolute;top:30px;left:35px;right:35px}.replay-header h2{margin:7px 0;font-size:24px}.replay-header .eyebrow{font-size:8px}.replay-header span:not(.eyebrow){font-size:10px}.replay-header .secondary{text-shadow:none;min-height:38px;padding:11px 17px}.historic-hud{color:#f9f0d9;letter-spacing:.8px;background:#103f4944;border:1px solid #fff2d622;border-radius:3px;max-width:calc(100% - 70px);padding:10px 15px;font-size:9px;position:absolute;top:140px;left:35px}.replay-toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4eddbf2;border-radius:5px;grid-template-columns:1fr auto;align-items:center;gap:12px 20px;padding:15px 20px;display:grid;position:absolute;bottom:25px;left:35px;right:35px}.replay-cameras{gap:3px;display:flex}.replay-cameras button{color:var(--ink);background:0 0;border-radius:2px;padding:9px 14px;font-size:10px}.replay-cameras button.selected{color:#f5ebd2;background:#1e5555}.timeline{font-variant-numeric:tabular-nums;grid-area:2/1/auto/-1;align-items:center;gap:13px;font-size:10px;display:flex}.timeline input{flex:1;min-width:40px}.timeline .icon-button{width:31px;min-width:31px;height:31px;font-size:18px}.replay-tools{justify-content:flex-end;gap:20px;display:flex}.replay-tools .text-button{padding:6px 0;font-size:10px}.photo-frame{border:1px solid #f2e4bd88;position:absolute;inset:110px 55px 190px;box-shadow:0 0 0 100px #163e4c12;pointer-events:none!important}.photo-header{color:#f8efd5;text-shadow:0 2px 8px #143e4c66;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:30px;left:40px;right:40px}.photo-header h2{margin:7px 0;font-size:27px}.photo-header p{color:#f8efd5;font-size:11px}.photo-header .secondary{min-height:38px;text-shadow:none;padding:11px 19px;font-size:11px}.photo-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4ebd6f5;border-radius:4px;grid-template-columns:1fr 1fr 1fr 2fr 1fr auto;align-items:center;gap:15px;padding:20px 25px;display:grid;position:absolute;bottom:28px;left:40px;right:40px}.photo-toolbar label{flex-direction:column;gap:10px;font-size:10px;display:flex}.photo-toolbar .fine{text-align:right;grid-column:1/-1;font-size:8px}.photo-toolbar .primary{padding:13px 16px;font-size:10px}.photo-toolbar input:not([type=range]){width:100%;color:var(--ink);background:#faf3e1;border:1px solid #17494a44;border-radius:2px;padding:10px;font-size:12px}.photo-toolbar select{font-size:11px}.boot,.fatal{background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.boot h1{letter-spacing:5px;font-size:28px}.boot p{letter-spacing:.5px;font-size:12px}.boot .sun-mark{animation:1.8s ease-in-out infinite breathe}.fatal{padding:40px}.fatal h1{font-size:38px}.fatal p{max-width:480px}.fatal .primary{margin-top:10px}.dialog-scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#0d34487a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:#f5eddb;border-radius:5px;width:min(470px,100vw - 40px);max-height:calc(100vh - 40px);padding:31px;overflow-y:auto;box-shadow:0 15px 70px #0d344844}.dialog>.eyebrow{letter-spacing:1.7px;font-size:8px}.dialog h2{margin:14px 0 16px;font-size:27px;font-weight:500;line-height:1.2}.dialog-body p{margin-bottom:12px;font-size:12px}.dialog-buttons{gap:8px;margin-top:24px;display:grid}.dialog-buttons button{text-align:left;min-height:41px;padding:12px;font-size:11px}#toast{color:#fff0d0;opacity:0;pointer-events:none;z-index:30;background:#164c4deb;border-radius:4px;max-width:min(590px,100% - 40px);padding:14px 20px;font-size:12px;line-height:1.5;transition:opacity .18s,transform .18s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);box-shadow:0 6px 25px #0d344844}#toast.visible{opacity:1;transform:translate(-50%)}#toast.error{background:#824d36f2}@keyframes breathe{50%{opacity:.4}}@media (height>=900px){.home-copy{top:20%}.side-panel{top:140px}.side-panel h1{font-size:62px}.side-panel>.text-button:first-child{margin-bottom:35px}.route-grid{bottom:66px}.route-card{padding-top:23px;padding-bottom:20px}.route-card.selected{padding-top:21px}}@media (width<=1150px){.home-copy{top:18%}.home-copy h1{font-size:83px}.route-card{padding-left:15px;padding-right:15px}.route-map{width:85px}.route-bottom h2{font-size:17px}.route-bottom p{font-size:9px}.side-panel{width:355px}.result-panel{width:460px}.settings-panel{width:760px}.car-caption{bottom:240px;right:5%}.photo-toolbar{grid-template-columns:1fr 1fr 1fr 2fr auto}.photo-toolbar>label:nth-of-type(5){display:none}.photo-toolbar .primary{font-size:9px}.replay-tools{gap:13px}}@media (width<=900px){.site-header{top:22px;left:25px;right:25px}.site-header nav{gap:2px}.nav-link{padding:9px}.home-copy{top:19%;left:28px}.home-copy h1{letter-spacing:-3.5px;font-size:72px}.home-copy p{font-size:13px}.car-caption{display:none}.route-grid{gap:10px;left:28px;right:28px}.route-map{display:none}.route-bottom{margin-top:18px}.route-card{padding:15px 14px 19px}.route-card.selected{padding-top:13px}.route-bottom h2{white-space:normal;font-size:16px;line-height:1.25}.route-bottom p{white-space:normal;min-height:26px;margin-top:9px;line-height:1.4}.route-meta{letter-spacing:.7px;gap:6px;font-size:8px}.route-meta>svg{width:14px}.route-number{flex-shrink:0;width:21px;height:21px}.home-footer{letter-spacing:1px;font-size:7px;left:28px;right:28px}.home-footer>span:last-child{display:none}.side-panel{width:340px;top:103px;left:28px}.side-panel h1{font-size:49px}.course-strip .route-map{display:block}.result-panel{width:440px;top:110px;left:28px}.result-panel h1{font-size:44px}.wide-panel{width:calc(100% - 50px);padding:25px;top:100px}.entry-number{display:none}.entry-info h3{font-size:16px}.entry-info p{font-size:9px}.entry-actions{gap:5px}.library-heading h1{font-size:38px}.replay-entry{gap:12px}.settings-panel{width:calc(100% - 40px);padding:25px}.settings-columns{gap:25px}.settings-columns .fine{font-size:9px}.photo-toolbar{grid-template-columns:1fr 1fr 1fr;gap:10px 20px;left:25px;right:25px}.photo-toolbar .caption-field{grid-column:1/3}.photo-toolbar .primary{grid-column:3}.photo-toolbar .fine{display:none}.photo-frame{bottom:235px}.race-top{left:25px;right:25px}.mode-hud{gap:23px;left:25px}.race-bottom{left:25px;right:25px}.score-block>strong{font-size:31px}.historic-hud{font-size:8px}.replay-toolbar{gap:5px;padding:12px;bottom:20px;left:25px;right:25px}.replay-cameras button{padding:9px;font-size:9px}.replay-tools{gap:10px}.replay-tools .text-button{gap:4px;font-size:9px}.replay-tools svg{width:14px}.timeline{gap:8px}}@media (height<=760px){.home-copy{top:18%}.home-copy h1{margin:18px 0 15px;font-size:76px}.home-copy p{margin-bottom:20px;font-size:13px}.home-copy .big{min-height:50px;padding:15px 23px}.key-hint{margin-top:13px}.route-card{padding-top:12px;padding-bottom:11px}.route-card.selected{padding-top:10px}.route-bottom{margin-top:3px}.route-bottom .route-map{height:62px}.home-footer{bottom:17px}.route-grid{bottom:43px}.side-panel{top:99px;bottom:20px}.side-panel>.text-button:first-child{margin-bottom:15px}.side-panel h1{margin-bottom:13px;font-size:47px}.side-panel .field-label{margin-top:12px}.result-panel{top:100px;bottom:15px}.result-panel h1{font-size:42px}.result-metric{margin:15px 0}.result-metric strong{font-size:55px}.result-actions{margin-top:15px}.result-panel .fine{font-size:9px}.result-panel .button-pair{margin-top:8px}.settings-panel{padding-top:22px;padding-bottom:22px}.panel-heading{margin-bottom:17px}.settings-columns h2{margin-bottom:8px}.settings-columns .field-label{margin-top:10px}.settings-columns section>p{margin:8px 0}.bindings>div{padding:5px 0}.binding{padding:6px 9px}.settings-done{min-height:40px;margin-top:15px;padding:11px 19px}.photo-toolbar{padding:14px 20px;bottom:18px}.photo-frame{inset:110px 40px 200px}}@media (width<=620px){.wordmark{letter-spacing:2px;font-size:16px}.wordmark small{letter-spacing:2.6px;font-size:6px}.nav-link>span{display:none}.nav-link{padding:8px}.site-header{left:19px;right:19px}.home-copy{max-width:270px;top:20%;left:23px}.home-copy h1{font-size:63px}.home-copy p{font-size:12px}.home-copy>.eyebrow{font-size:8px}.home-copy .big{min-width:180px;font-size:12px}.key-hint{display:none}.route-grid{gap:6px;bottom:42px;left:17px;right:17px}.route-card{padding:12px 9px}.route-card.selected{padding-top:10px}.route-meta>svg{display:none}.route-meta{letter-spacing:0;gap:5px;font-size:7px}.route-number{width:17px;height:17px;font-size:7px}.route-bottom h2{font-size:13px}.route-bottom p{display:none}.route-bottom{margin-top:12px}.home-footer{font-size:6px;left:19px}.side-panel{background:#f3eddbee;border-radius:4px;width:calc(100% - 40px);padding:20px;top:102px;left:20px}.side-panel h1{font-size:43px}.garage-label,.location-note{display:none}.result-panel{background:#f4eddcea;border-radius:4px;width:calc(100% - 40px);padding:23px;top:102px;bottom:20px;left:20px}.result-panel h1{font-size:36px}.result-actions{flex-direction:column}.settings-columns{grid-template-columns:1fr;gap:27px}.settings-panel{padding:22px}.settings-done{width:100%}.settings-panel h1{font-size:31px}.settings-columns .fine{font-size:10px}.settings-panel .eyebrow{font-size:7px}.library-heading{display:block}.library-heading h1{font-size:32px}.library-heading .primary{padding:12px 18px;font-size:11px}.wide-panel{width:calc(100% - 32px);padding:22px;top:99px;bottom:18px}.replay-entry{padding:16px 0;display:block}.entry-actions{justify-content:flex-start;margin-top:12px}.replay-header{top:23px;left:20px;right:20px}.replay-header h2{font-size:19px}.replay-header .eyebrow{max-width:210px;font-size:6px}.replay-header .secondary{gap:5px;padding:8px 11px;font-size:10px}.historic-hud{max-width:calc(100% - 40px);font-size:7px;line-height:1.8;top:127px;left:20px}.replay-toolbar{grid-template-columns:1fr;left:15px;right:15px}.replay-tools{grid-row:2;justify-content:flex-start}.timeline{grid-row:3;font-size:8px}.timeline .icon-button{width:25px;min-width:25px;height:25px}.replay-cameras{justify-content:center}.photo-header{left:22px;right:22px}.photo-header h2{font-size:22px}.photo-header .eyebrow{font-size:8px}.photo-header p{font-size:9px}.photo-toolbar{gap:6px 15px;padding:14px;left:15px;right:15px}.photo-toolbar label{gap:5px;font-size:9px}.photo-toolbar .primary{gap:4px;padding:9px;font-size:8px}.photo-toolbar .primary svg{width:14px;margin:0}.photo-header .secondary{gap:4px;padding:9px;font-size:9px}.photo-frame{bottom:230px;left:20px;right:20px}.race-title strong{font-size:13px}.race-top{top:20px;left:20px;right:20px}.mode-hud{gap:17px;top:90px;left:20px}.hud-block>strong{font-size:30px}.hud-block strong.timer{margin-top:10px;font-size:24px}.hud-block small{letter-spacing:1px;font-size:7px}.lap-mini{display:none}.race-bottom{bottom:44px;left:15px;right:20px}.speed-cluster{width:145px;min-width:145px}#speed-value{font-size:69px}.speed-unit{margin-bottom:17px}.map-wrap{width:140px}#minimap{width:140px;height:98px}#weather-hud{flex-wrap:wrap;gap:4px;font-size:7px}#weather-hud>span:last-child{margin-left:20px}.race-help{gap:10px;font-size:8px;left:15px;right:15px}.race-help kbd{padding:3px;font-size:7px}.live-standings{min-width:112px;font-size:8px;top:93px}.live-standings>div{gap:7px;padding:6px 8px}#race-message{font-size:8px;top:32%;left:18%;right:18%}.score-block>strong{font-size:23px}.score-block{max-width:110px}.score-block>span{font-size:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
