.panel-eyebrow{display:block;font:7px var(--mono);letter-spacing:2px;color:#00e8ef;margin-bottom:12px}
#menu{overflow-y:auto;overscroll-behavior:contain;align-items:safe center}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
.mode-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #34425d;background:linear-gradient(145deg,#14213b,#121124);padding:15px;color:#e3ecf9;min-height:145px;transition:border-color .15s}
.mode-tile:hover{border-color:#00e8ef;color:#fff}.mode-tile>b{font:900 25px/.95 var(--display);color:#ffe5ac;letter-spacing:.3px}.mode-tile>small{font:6px var(--mono);color:#7bc8d8;margin-top:7px;letter-spacing:.5px}.mode-tile p{font:10px/1.6 var(--mono);margin:10px 0;flex:1}.mode-tile>span{font:700 7px var(--mono);color:#00e8ef;letter-spacing:1px}.shift-tile{background:linear-gradient(135deg,#33182f,#171c32);border-color:#a7366b}.shift-tile>span{color:#ff63ac}
.career-strip{font:8px/1.8 var(--mono);color:#929bb3;border-top:1px solid #34405a;padding:14px 0 8px;margin-top:16px}.career-strip b{color:#00e8ef;margin-right:10px}
.livery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.livery-grid button{padding:9px 5px;background:#141d32;border:1px solid #3b4059;font:6px/1.5 var(--mono);color:#d4d7e5}.livery-grid button.selected{border-color:#00e8ef}.livery-grid i{display:block;width:80%;height:8px;margin:0 auto 7px}.livery-grid small{display:block;color:#8596b1;margin-top:3px}.quiet{font-size:9px!important;color:#8299af!important}
.import-label{display:inline-block;padding:10px 16px;margin:6px 7px 6px 0;background:#141626;border:1px solid #50506a;color:#dedce9;font:700 9px var(--mono);cursor:pointer}.import-label input{display:block;margin-top:8px;font-size:9px;max-width:210px}
#saveFeedback{color:#00e8ef}.save-summary{font:6px/1.7 var(--mono);color:#8dabbf;margin:9px 0 0;letter-spacing:.3px}.career-summary{font:6px var(--mono);letter-spacing:1px;color:#e0c077;margin:0 0 12px}.menu .wordmark{margin:12px 0 10px}.menu .wordmark>span{font-size:clamp(30px,4vw,56px)}.menu .wordmark strong{font-size:clamp(48px,6.2vw,87px)}.menu .tagline{margin-bottom:12px}.menu-buttons{grid-template-columns:1fr 1fr;gap:6px;max-width:325px}.menu-buttons #start3D,.menu-buttons #continue,.menu-buttons #chaos{grid-column:span 2}.menu-buttons #start3D{height:43px}.menu-buttons #start,.menu-buttons #freeroam{padding:0 9px;font-size:8px}.menu-buttons #freeroam span{display:none}.menu-buttons #continue{border-color:#00bbce;color:#00e8ef}.menu-bottom{gap:15px;margin-top:9px}.menu-bottom button{font-size:6px}.city-nitro{margin:8px 0 0 auto;width:90px}.city-nitro>span{font:6px var(--mono);color:#00e8ef;letter-spacing:.7px}.city-nitro>div{height:3px;background:#1b3850;margin-top:4px}.city-nitro i{display:block;height:100%;background:#00e8ef;box-shadow:0 0 8px #00d9ef88}.route-guide{display:block;font:7px var(--mono);color:#ffd98d;margin-top:9px}.route-guide:empty{display:none}#saveIndicator{color:#00c8d5;font:6px var(--mono);margin-right:10px}#touchBoost{color:#00e8ef;border-color:#00a5b277}.run-medal{font:900 47px var(--display)!important;color:#ffdb7d!important;letter-spacing:2px!important}.ride-modal .challenge-link{width:85%;max-width:470px;padding:9px;color:#00e8ef;background:#111c33;border:1px solid #3b5472;font:9px var(--mono);margin:8px}.ride-modal #rideRecord{font-size:8px;max-width:500px}.ride-modal h2{font-size:39px}.ride-modal p{margin:8px 0}.ride-modal strong{margin:5px}.ride-modal #rideShare{padding:9px 14px;margin:5px}.ride-modal #rideMedal:empty{display:none}
.mobile-session .mode-grid{gap:7px}.mobile-session .mode-tile{min-height:115px;padding:11px}.mobile-session .mode-tile>b{font-size:23px}.mobile-session .mode-tile p{font-size:8px}.mobile-session .city-nitro{width:70px;margin-top:4px}.mobile-session .city-nitro>span{font-size:5px}.mobile-session .route-guide{font-size:6px;margin-top:5px}.mobile-session .ride-modal{overflow:auto;justify-content:flex-start;padding:18px}.mobile-session .ride-modal h2{font-size:30px;margin:10px 0}.mobile-session .ride-modal .run-medal{font-size:30px!important}.mobile-session .ride-modal p{font-size:8px;margin:4px}.mobile-session .ride-modal strong{font-size:9px}.mobile-session .ride-modal button{padding:9px 14px}.mobile-session .ride-modal>span:first-child{margin-top:auto}.mobile-session .ride-modal>div:last-child{margin-bottom:auto}
@media(max-width:900px){.career-summary{margin-bottom:8px}.menu .wordmark>span{font-size:32px}.menu .wordmark strong{font-size:53px}.menu .tagline{margin-bottom:9px}.menu .wordmark{margin:9px 0}.menu-buttons #start3D{height:36px}.menu-buttons button{height:27px}.save-summary{font-size:5px}.menu .edition{font-size:5px}.menu .title-card{max-width:53%}.menu-buttons{max-width:280px}.mode-tile p{font-size:9px}.mode-tile>b{font-size:23px}}
@media(max-width:600px){.menu .title-card{width:95%;max-width:95%}.menu .wordmark>span{font-size:26px}.menu .wordmark strong{font-size:44px}.menu .tagline{font-size:5px;margin-bottom:7px}.career-summary{font-size:5px;margin-bottom:5px}.menu-buttons{max-width:240px;gap:4px}.menu-buttons #start3D{height:33px}.menu-buttons button{height:25px;font-size:7px}.menu-buttons #start,.menu-buttons #freeroam{font-size:6px}.menu-buttons #chaos span{font-size:7px}.save-summary{font-size:5px;margin-top:6px}.mode-grid{grid-template-columns:1fr}.mode-tile{min-height:120px}.livery-grid{grid-template-columns:1fr 1fr}.menu .menu-bottom{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.mode-tile{transition:none}}