:root{color:#f2f3ed;font-synthesis:none;font-synthesis:none;--accent:#d5fa86;--muted:#a9b3b5;background:#121b21;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:#26333ae8;border:1px solid #ffffff21;border-radius:6px;padding:13px 16px;transition:background .18s,border-color .18s}button:hover{background:#3a474e;border-color:#ffffff75}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--accent);color:#172126;border:0;justify-content:space-between;align-items:center;font-weight:700;display:flex}button.primary:hover{background:#e4ffb0}.primary span{font-size:25px;line-height:1}.app{height:100dvh;min-height:580px;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.scene canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(#111d26b0,#0000 25% 72%,#10191ee0);position:absolute;inset:0}.menu .vignette{background:linear-gradient(90deg,#101b22fa 0%,#111c23e8 28%,#131e2585 48%,#12202a08 75%),linear-gradient(#0000 70%,#101b22c0)}.topbar{z-index:5;align-items:center;gap:30px;height:102px;padding:0 48px;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:#fff;letter-spacing:1.8px;align-items:center;gap:13px;font-size:14px;font-weight:800;line-height:1.05;text-decoration:none;display:flex}.brand-mark{color:var(--accent);letter-spacing:-8px;margin-right:7px;font-size:36px;font-style:italic}.brand-world{letter-spacing:6px;margin-top:5px;font-size:10px;font-weight:500;display:block}.build-tag{letter-spacing:1.5px;color:#e4eacb;border-left:1px solid #ffffff32;align-items:center;gap:10px;padding-left:25px;font-size:11px;display:flex}.build-tag span{color:#b0bdbf;font-size:9px}.build-tag i,.driving-status i{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.local-tag{letter-spacing:1.5px;color:#d3dad7;margin-right:12px;font-size:9px}.icon-button{background:#14232b66;border-color:#ffffff2b;padding:5px 12px;font-size:22px}.quiet-button{background:#14232b66;padding:11px;font-size:12px}.quiet-button kbd{margin-left:14px}.menu-panel{width:430px;max-width:calc(100% - 56px);position:absolute;top:clamp(122px,19vh,200px);left:clamp(28px,5vw,86px)}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:600}.menu-panel>.eyebrow{color:var(--accent);align-items:center;gap:10px;display:flex}.tiny-line{background:var(--accent);width:26px;height:1px}h1{letter-spacing:-3px;margin:24px 0 20px;font-size:clamp(42px,4.5vw,69px);font-weight:650;line-height:1.02}h1 em{color:var(--accent);font-style:normal}.intro{color:#b4bdbe;margin:0 0 30px;font-size:13px;line-height:1.9}.track-card{border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.track-card h2{margin:9px 0;font-size:24px;font-weight:550}.track-card h2 span{color:var(--accent);margin-left:8px;font-size:18px}.track-card p{color:#aeb9bc;margin:0;font-size:11px}.circuit-map{color:#1f3039;width:152px;height:150px;overflow:visible}.circuit-map.large{color:#39474c;width:110px;height:105px}.circuit-map text{fill:#a7b9bd;font:8px sans-serif}.car-row{align-items:center;gap:12px;padding:21px 0;display:flex}.car-row strong{font-size:13px;font-weight:600;display:block}.car-row div>span{color:#a8b2b5;margin-top:5px;font-size:10px;display:block}.car-swatch{background:#abc85b;border-bottom:2px solid #080f15;border-radius:6px 6px 3px 3px;width:32px;height:18px;box-shadow:inset 0 -5px #526341}.car-class{color:#cdd5cc;border:1px solid #ffffff3b;border-radius:3px;margin-left:auto;padding:4px 9px;font-size:11px}.start{letter-spacing:.1px;width:100%;height:55px;font-size:14px}.menu-note{color:#89989d;margin-top:14px;font-size:10px}.location-tag{text-align:right;border-right:2px solid var(--accent);padding-right:17px;position:absolute;bottom:102px;right:48px}.location-tag span{letter-spacing:3px;color:var(--accent);font-size:9px;display:block}.location-tag strong{letter-spacing:1px;margin:10px 0;font-size:24px;font-weight:400;display:block}.location-tag small{color:#e0e7e5;letter-spacing:2px;font-size:8px}.controls{color:#b2bec2;justify-content:space-between;align-items:center;gap:15px;min-height:60px;padding:14px 48px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.controls>div{align-items:center;gap:5px;display:flex}.controls span:not(.version){margin:0 16px 0 5px}kbd{text-align:center;color:#dfe5e5;border:1px solid #ffffff32;border-radius:3px;min-width:19px;height:21px;padding:4px 5px;font-family:inherit;font-size:9px;line-height:11px}.version{letter-spacing:1px;white-space:nowrap;font-size:9px}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#15232dda,#17242bb3);border:1px solid #ffffff21;border-radius:8px}.timing{width:280px;padding:19px 22px;position:absolute;top:135px;left:48px}.timing-title{letter-spacing:1px;color:#bbc8c7;justify-content:space-between;font-size:9px;display:flex}.timing-title b{color:var(--accent);font-size:10px;font-weight:600}.current-time{font-variant-numeric:tabular-nums;letter-spacing:-1.7px;margin:15px 0 20px;font-size:39px;font-weight:500}.current-time.invalid{color:#f4b49b}.timing-row{color:#aebfc1;letter-spacing:.5px;justify-content:space-between;margin-top:12px;font-size:9px;display:flex}.timing-row strong{font-variant-numeric:tabular-nums;letter-spacing:0;color:#e8ecea;font-size:12px;font-weight:500}.accent,.timing-row .accent{color:var(--accent)}.sectors{gap:7px;margin-top:19px;display:flex}.sectors span{text-align:center;color:#81959d;border-top:2px solid #ffffff25;flex:1;padding-top:7px;font-size:9px}.sectors .active{color:var(--accent);border-color:#d5fa8677}.sectors .done{border-color:var(--accent);color:var(--accent)}.map-panel{text-align:center;position:absolute;top:139px;right:48px}.map-panel small{color:#dce7e4;font-variant-numeric:tabular-nums;font-size:9px;display:block}.map-panel .eyebrow{color:#e5ebe4;font-size:9px}.map-panel .circuit-map{margin:8px 0;display:block}.speedometer{width:315px;padding:19px 23px 14px;position:absolute;bottom:94px;right:48px}.rpm-bars{gap:3px;height:10px;display:flex}.rpm-bars i{background:#ffffff1d;flex:1;transform:skew(-15deg)}.rpm-bars .lit{background:var(--accent)}.rpm-bars .lit.red{background:#f19570}.speed-row{align-items:center;gap:18px;margin-top:9px;display:flex}.gear{text-align:center;border-right:1px solid #fff3;padding-right:19px}.gear span{color:var(--muted);letter-spacing:1px;font-size:8px;display:block}.gear strong{color:var(--accent);font-size:38px;font-weight:400;line-height:1.3}.speed{font-variant-numeric:tabular-nums;letter-spacing:-4px;font-size:65px;font-weight:550;line-height:1.2}.speed-unit{color:#dde7dd;padding-top:10px;font-size:10px}.speed-unit span{color:#93a7ad;white-space:nowrap;margin-top:9px;font-size:8px;display:block}.speed-meta{letter-spacing:.9px;color:#aebdc1;border-top:1px solid #ffffff21;justify-content:space-between;margin-top:6px;padding-top:10px;font-size:7px;display:flex}.driving-status{letter-spacing:1px;color:#dae5d3;max-width:48%;font-size:10px;position:absolute;bottom:104px;left:48px}.driving-status i{margin-right:7px}.warning{color:#ffc5a7;letter-spacing:0;background:#27272bbd;border:1px solid #e7af7e5a;border-radius:5px;padding:12px;font-size:11px;line-height:1.6;display:inline-block}.modal-shade{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101921ab;justify-content:center;align-items:center;padding:110px 20px 70px;display:flex;position:absolute;inset:0;overflow-y:auto}.dialog{background:#18252df2;border:1px solid #ffffff26;border-radius:12px;width:420px;max-width:100%;padding:32px;box-shadow:0 30px 120px #0008}.dialog h2{letter-spacing:-1px;margin:12px 0 22px;font-size:30px;font-weight:550}.dialog>p{color:#b9c5c6;font-size:12px;line-height:1.8}.dialog>button{justify-content:space-between;align-items:center;width:100%;margin-top:10px;font-size:13px;display:flex}.dialog label{color:#c9d3d3;margin-bottom:22px;font-size:12px;display:block}.dialog label strong{float:right;color:var(--accent);font-size:11px}.dialog select{color:#eff3ee;background:#24333b;border:1px solid #ffffff30;border-radius:5px;width:100%;margin-top:10px;padding:12px;display:block}.dialog input{width:100%;accent-color:var(--accent);margin-top:15px;display:block}.lap-history{border-top:1px solid #fff2;margin-top:22px;padding-top:14px}.lap-history h3{color:var(--muted);font-size:11px;font-weight:500}.lap-history>div{justify-content:space-between;margin:10px 0;font-size:11px;display:flex}.error{color:#ffb79b;font-size:12px;line-height:1.6}@media (min-width:1600px){.menu-panel{width:470px}.track-card{padding:25px 0}.car-row{padding:27px 0}.intro{margin-bottom:40px}.start{height:60px}}@media (max-height:800px) and (min-width:800px){.topbar{height:80px}.menu-panel{top:106px}h1{margin:18px 0;font-size:48px}.intro{margin-bottom:17px}.track-card{padding:10px 0}.circuit-map.large{height:85px}.car-row{padding:15px 0}.location-tag{bottom:90px}.menu-note{font-size:9px}}@media (max-width:900px){.topbar{gap:15px;height:80px;padding:0 24px}.local-tag,.build-tag span{display:none}.build-tag{padding-left:16px}.menu-panel{width:390px;top:115px;left:28px}.menu .vignette{background:linear-gradient(90deg,#111d25ed,#111d25bc 65%,#111d2555)}.location-tag{display:none}.controls{padding:12px 24px}.controls span:not(.version){margin-right:10px}.controls>div{flex-wrap:wrap}.version{display:none}.timing{width:245px;top:105px;left:24px}.map-panel{top:105px;right:24px}.speedometer{bottom:85px;right:24px}.driving-status{max-width:40%;bottom:90px;left:24px}}@media (max-width:600px){.app{min-height:660px}h1{letter-spacing:-2px;font-size:48px}.menu-panel{top:113px}.controls{min-height:70px}.controls>div{row-gap:8px;font-size:8px}.controls span:not(.version){margin-right:6px}.controls kbd{min-width:16px;font-size:8px}.timing{width:205px;padding:14px}.current-time{margin:12px 0;font-size:31px}.timing-row{font-size:8px}.map-panel{right:16px}.map-panel .circuit-map{width:100px;height:110px}.map-panel small{font-size:8px}.speedometer{width:265px;bottom:100px;right:18px}.speed{font-size:55px}.speed-row{gap:12px}.driving-status{max-width:85%;bottom:290px;left:24px}.dialog{padding:25px}.brand{font-size:11px}.brand-world{font-size:8px}.brand-mark{font-size:28px}.build-tag{font-size:9px}.topbar{gap:10px}.top-actions{gap:5px}.quiet-button{font-size:10px}.quiet-button kbd{display:none}}.menu-modes{gap:10px;margin-top:10px;display:flex}.menu-modes>button{flex:1;padding:10px;font-size:12px}.menu-panel .menu-note{margin-top:10px}.setup-pair{gap:18px;display:flex}.setup-pair>label{flex:1}.setup-dialog{max-height:calc(100dvh - 120px);overflow-y:auto}.setup-dialog label{margin-bottom:14px}.race-standing{width:280px;padding:16px 20px;position:absolute;top:380px;left:48px}.race-standing>div:not(.timing-title){align-items:center;gap:10px;margin-top:13px;font-size:11px;display:flex}.race-standing b{width:15px}.race-standing small{color:#bdc7c8;margin-left:auto;font-size:9px}.start-lights{text-align:center;background:#111c26d9;border:1px solid #ffffff2a;border-radius:10px;padding:20px 25px;position:absolute;top:32%;left:50%;transform:translate(-50%)}.start-lights>div{gap:14px;margin-bottom:18px;display:flex}.start-lights i{background:#321f24;border:3px solid #ffffff25;border-radius:50%;width:36px;height:36px;display:block}.start-lights i.lit{background:#f04b45;box-shadow:0 0 20px #e7464580}.start-lights strong{letter-spacing:3px;font-size:14px}.results-dialog{width:620px}.results-dialog table{border-collapse:collapse;width:100%;font-size:12px}.results-dialog th{text-align:left;color:#aebdc1;padding:12px 8px;font-size:10px;font-weight:400}.results-dialog td{font-variant-numeric:tabular-nums;border-top:1px solid #ffffff24;padding:15px 8px}@media (max-height:850px) and (min-width:800px){.menu-panel h1{font-size:46px}.menu-panel .intro{margin-bottom:12px}.menu-panel .track-card{padding:7px 0}.menu-panel .car-row{padding:12px 0}.menu-panel .circuit-map.large{height:75px}}@media (max-width:900px){.race-standing{width:245px;top:350px;left:24px}}@media (max-width:600px){.menu-panel h1{margin-top:18px}.menu-panel .intro{margin-bottom:18px}.menu-panel .track-card{padding:9px 0}.menu-panel .circuit-map.large{height:84px}.menu-panel .car-row{padding:15px 0}.race-standing{width:205px;padding:12px;top:335px;left:24px}.race-standing>div:not(.timing-title){margin-top:10px;font-size:9px}.start-lights{padding:14px;top:49%}.start-lights i{width:26px;height:26px}.setup-dialog{max-height:calc(100dvh - 100px)}.results-dialog td,.results-dialog th{padding:12px 4px;font-size:10px}}.multiplayer-entry{width:100%;margin-top:8px;padding:9px;font-size:12px}.multiplayer-dialog{width:700px;max-height:calc(100dvh - 130px);overflow-y:auto}.dialog input:not([type=range]):not([type=checkbox]){color:#eff3ee;background:#24333b;border:1px solid #ffffff30;border-radius:5px;width:100%;margin-top:8px;padding:10px;display:block}.dialog input[type=checkbox]{width:auto;margin:0 8px 0 0;display:inline-block}.dialog .checkbox-label{align-items:center;display:flex}.lobby-sections{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lobby-sections h3{font-size:14px}.lobby-sections button,.lobby-buttons button{width:100%;margin:5px 0;font-size:12px}.room-list,.player-list{padding:0;list-style:none}.player-list li{border-bottom:1px solid #ffffff26;justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.player-list strong{color:#d5fa86;font-size:9px}.room-list button{text-align:left}.chat-log{background:#101c24;border-radius:5px;height:110px;margin-top:15px;padding:10px;font-size:11px;overflow-y:auto}.chat-log p{margin:5px 0}.multiplayer-dialog form{align-items:center;gap:12px;display:flex}.multiplayer-dialog form label{flex:1;margin:12px 0}.multiplayer-dialog form button{margin-top:15px}@media (max-height:950px) and (min-width:800px){.menu-panel{top:118px}.menu-panel h1{margin:18px 0;font-size:46px}.menu-panel .intro{margin-bottom:12px}.menu-panel .track-card{padding:6px 0}.menu-panel .car-row{padding:12px 0}.menu-panel .circuit-map.large{height:75px}}@media (max-width:600px){.lobby-sections{grid-template-columns:1fr}.multiplayer-dialog{max-height:calc(100dvh - 120px)}.menu-panel .menu-note{font-size:9px}}.multiplayer-dialog .account-form{display:block}.multiplayer-dialog .account-form label{margin:15px 0;display:block}.multiplayer-dialog .account-form button{width:100%;margin-top:15px}.lobby-buttons{gap:10px;display:flex}.campaign-panel{margin-top:24px}.campaign-list{gap:10px;margin-bottom:24px;display:grid}.campaign-card{border:1px solid #47555b;border-radius:8px;padding:16px}.campaign-card.selected{border-color:var(--accent,#d5fa86)}.campaign-card p,.invitation p{color:#bac6cb;font-size:13px}.campaign-detail{border-top:1px solid #47555b;margin-top:24px;padding-top:16px}.campaign-detail .player-list li{flex-wrap:wrap;gap:12px}.campaign-detail .player-list label{max-width:230px}.campaign-detail form,.invitation{margin:20px 0}.campaign-unlocks form{display:block}.campaign-unlocks fieldset{min-width:0}.multiplayer-dialog .campaign-panel form{display:block}.campaign-panel form button{width:100%}.garage-panel{border-top:1px solid #47555b;margin:24px 0;padding-top:16px}.car-preview{touch-action:none;cursor:grab;background:radial-gradient(#40545b,#122027);border-radius:8px;width:100%;height:260px}.car-preview canvas{width:100%;height:100%;display:block}.tuning-list{gap:12px;margin:20px 0;display:grid}.tuning-list article,.purchase-confirmation{border:1px solid #47555b;border-radius:6px;padding:14px}.tuning-list p,.garage-panel details{color:#bac6cb;font-size:12px}.car-comparison{overflow-x:auto}.car-comparison table{border-collapse:collapse;width:100%;font-size:12px}.car-comparison td,.car-comparison th{text-align:left;border-bottom:1px solid #47555b;padding:10px 6px}.purchase-confirmation{border-color:#d5fa86;margin:20px 0}.campaign-history{border-top:1px solid #47555b;margin:24px 0;padding-top:12px}.campaign-history details{margin:12px 0;font-size:12px}.campaign-history table{border-collapse:collapse;width:100%}.campaign-history td,.campaign-history th{text-align:left;border-bottom:1px solid #47555b;padding:10px 4px}.event-panel{margin-top:24px}.event-list{gap:12px;margin:20px 0;display:grid}.event-list article,.event-detail{border:1px solid #47555b;border-radius:8px;padding:16px}.event-list p,.event-detail p,.event-detail li{font-size:12px;line-height:1.6}.event-create,.event-invite{margin:24px 0}.event-create summary{cursor:pointer;padding:12px 0;font-weight:700}.multiplayer-dialog .event-panel form{display:block}.event-panel form button{width:100%}.event-panel table{border-collapse:collapse;width:100%;font-size:12px}.event-panel td,.event-panel th{text-align:left;border-bottom:1px solid #47555b;padding:10px 4px}.control-settings{border-top:1px solid #ffffff30;margin-top:22px;padding-top:8px}.control-settings h3{font-size:16px}.assist-settings{gap:24px;display:flex}.keybinding-row{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0;display:flex}.keybinding-row>span{width:110px;font-size:12px}.keybinding-row button{padding:9px;font-size:11px}.dialog:has(.control-settings){width:620px;max-height:calc(100dvh - 100px);overflow-y:auto}.touch-controls{pointer-events:none;z-index:6;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.touch-controls button,.touch-wheel{pointer-events:auto;touch-action:none}.touch-actions{gap:6px;display:flex;position:absolute;bottom:185px;right:20px}.touch-actions button{padding:10px;font-size:11px}.touch-wheel{left:max(20px,env(safe-area-inset-left));bottom:max(42px,env(safe-area-inset-bottom));background:#12232cde;border:1px solid #b9c5c580;border-radius:55px;justify-content:space-between;align-items:center;width:220px;height:110px;padding:20px;font-size:35px;display:flex;position:absolute}.touch-wheel span{text-align:center;letter-spacing:2px;color:#b7c6ca;width:100%;font-size:9px;position:absolute;top:12px;left:0}.touch-wheel i{background:#d5fa86;border-radius:50%;width:34px;height:34px;position:absolute;top:45px;transform:translate(-50%);box-shadow:0 0 12px #d5fa8640}.touch-pedals{right:max(20px,env(safe-area-inset-right));bottom:max(42px,env(safe-area-inset-bottom));align-items:flex-end;gap:10px;display:flex;position:absolute}.touch-pedals button{background:#152831ef;border:1px solid #b9c5c580;min-width:80px;height:110px;font-size:13px;font-weight:700}.touch-pedals button:first-child{min-width:65px;height:65px;font-size:11px}.touch-pedals button:last-child{background:#44652de8}.touch-pedals button.pressed{color:#14232b;background:#d5fa86}.touch-layout.drive .speedometer{transform-origin:100% 100%;bottom:230px;right:24px;transform:scale(.8)}.touch-layout.drive .map-panel,.touch-layout.drive .controls>div{display:none}.touch-layout.drive .driving-status{bottom:25px}.touch-layout.drive .timing{transform-origin:0 0;transform:scale(.8)}.touch-layout.drive .race-standing{max-height:160px;top:275px;overflow:auto}@media (max-width:600px){.touch-wheel{width:155px;height:95px;bottom:65px;left:14px}.touch-pedals{gap:6px;bottom:65px;right:14px}.touch-pedals button{min-width:62px;height:95px;padding:10px}.touch-pedals button:first-child{min-width:80px;height:42px;position:absolute;bottom:110px;right:0}.touch-actions{flex-wrap:wrap;justify-content:flex-end;max-width:200px;bottom:225px;right:14px}.touch-layout.drive .speedometer{bottom:290px;right:14px;transform:scale(.68)}.touch-layout.drive .timing{top:100px;left:14px;transform:scale(.65)}.touch-layout.drive .race-standing{width:170px;max-height:110px;font-size:9px;top:265px;left:14px}.dialog:has(.control-settings){max-height:calc(100dvh - 90px)}}@media (max-height:600px){.app{min-height:100dvh}.menu-panel{padding-right:10px;top:80px;bottom:35px;overflow-y:auto}.menu-panel h1{margin:12px 0;font-size:32px}.menu-panel .intro{margin-bottom:8px;font-size:11px}.menu-panel .track-card{display:none}.menu-panel .car-row{padding:10px 0}.topbar{height:70px}.modal-shade{padding-top:75px;padding-bottom:20px}.dialog{max-height:calc(100dvh - 90px);overflow-y:auto}.touch-layout.drive .timing{top:75px;transform:scale(.6)}.touch-layout.drive .speedometer{bottom:180px;transform:scale(.6)}.touch-layout.drive .race-standing{display:none}.touch-pedals,.touch-wheel{bottom:30px}.touch-layout.drive .driving-status{font-size:9px;bottom:8px}.touch-actions{bottom:140px}.touch-layout.drive .race-standing{transform-origin:0 0;width:190px;max-height:125px;padding:12px;display:block;top:75px;left:195px;transform:scale(.8)}}@media (max-height:600px) and (max-width:700px){.touch-layout.drive .race-standing{width:150px;left:150px;transform:scale(.65)}}.assist-policy{border:1px solid #ffffff30;border-radius:6px;margin:20px 0;padding:12px}.assist-policy legend{padding:0 8px;font-size:12px;font-weight:700}.assist-policy .checkbox-label{margin:12px 0}.assist-settings{flex-wrap:wrap;gap:12px 22px}.online-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;display:grid}.online-entries>button:last-child{grid-column:1/-1}.menu-panel{overscroll-behavior:contain;scrollbar-width:thin;padding-right:8px;bottom:58px;overflow-y:auto}.menu-panel .menu-modes>button,.menu-panel .online-entries button{min-width:0}@media (max-height:600px){.menu-panel{bottom:35px}}.room-list{padding:0;list-style:none}.room-list li{background:#10232b60;border:1px solid #ffffff20;border-radius:8px;margin:12px 0;padding:14px}.room-list li>button{text-align:left;width:100%}.room-list p{overflow-wrap:anywhere;font-size:12px;line-height:1.55}.career-statistics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.career-statistics>div{background:#10232b70;border:1px solid #ffffff16;border-radius:6px;padding:10px}.career-statistics dt{color:#b5c3c9;font-size:11px}.career-statistics dd{overflow-wrap:anywhere;margin:8px 0 0;font-weight:700}@media (max-width:600px){.career-statistics{grid-template-columns:repeat(2,minmax(0,1fr))}}.menu-panel>label{color:#c1cacc;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.menu-panel>label select{color:#edf2ef;background:#20323b;border:1px solid #ffffff35;border-radius:5px;min-width:0;max-width:65%;padding:8px}.discover-tracks{justify-content:space-between;width:100%;margin-top:8px;padding:9px 12px;font-size:12px;display:flex}.training-car{margin-bottom:12px}.track-library{width:min(1180px,94vw);max-width:94vw;max-height:86dvh;overflow:auto}.library-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.library-heading h2{margin:10px 0;font-size:30px}.library-heading p{color:#b8c6c7;font-size:13px}.library-heading button{flex-shrink:0}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.track-choice{text-align:left;background:linear-gradient(135deg,#243b42,#1a2a31);grid-template-columns:minmax(0,1fr) 100px;gap:8px;min-height:180px;padding:18px;display:grid}.track-choice h3{margin:10px 0;font-size:19px;line-height:1.2}.track-choice p{color:#d6e3dc;font-size:11px;line-height:1.5}.track-choice small{color:#b3c4c5;font-size:11px;line-height:1.7;display:block}.track-choice .circuit-map{align-self:center;width:100px;height:110px}.track-choice[data-biome=desert]{background:linear-gradient(135deg,#654c36,#2d3030)}.track-choice[data-biome=snow]{background:linear-gradient(135deg,#3f5969,#22343e)}.track-choice[data-biome=japan]{background:linear-gradient(135deg,#5d4553,#29383a)}.track-choice[data-biome=volcano]{background:linear-gradient(135deg,#633d37,#252b31)}.track-choice[data-biome=forest],.track-choice[data-biome=vineyard]{background:linear-gradient(135deg,#3b5542,#223236)}@media (max-width:700px){.track-grid{grid-template-columns:1fr}.track-library{max-height:89dvh;padding:20px}.library-heading{flex-direction:column;gap:6px}.library-heading h2{font-size:26px}.track-choice{grid-template-columns:minmax(0,1fr) 85px;padding:14px}.track-choice .circuit-map{width:85px}}
