:root{--paper:#f5f5f3;--muted:#bababa;--accent:#91bb78}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#171917;color:var(--paper);font-family:Arial,Microsoft YaHei UI,sans-serif}button,input{font:inherit}button,a{color:inherit}button{border:0;border-radius:0;background:#080808b8;padding:9px 13px;cursor:pointer}button:hover{background:#fff;color:#111}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{text-decoration:none}kbd{display:inline-block;font:11px Arial;background:#e9e9e9;color:#161616;padding:2px 5px;margin-left:6px;min-width:18px;text-align:center;border-radius:2px;text-shadow:none}#city{width:100%;height:100%;display:block;outline:0;transition:filter .18s}.cinema-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,#0004,transparent 23%)}[hidden]{display:none!important}header{position:absolute;right:3.2vw;top:4.5vh;z-index:2}.brand{display:none}nav{display:flex;gap:2px}nav button{font-size:11px;padding:7px 10px;background:#0007}nav button:hover{background:#eee}#radio-dot{margin-left:5px}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:1px}#chapter{position:absolute;left:3.2vw;top:4.5vh;width:310px;padding:12px 15px;background:#000a;font-size:12px;line-height:1.55;text-shadow:0 1px 2px #000}#chapter>.eyebrow{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.4px;color:#c5c5c5}#chapter>.eyebrow i{display:none}#travel-state{color:var(--accent)}h1{font-size:18px;margin:7px 0 2px;font-weight:500}#road-name{font-size:9px;color:#aaa;margin:0 0 8px}.place-insight{border-top:1px solid #ffffff28;padding-top:8px}.insight-head{display:flex;justify-content:space-between;font-size:10px;color:#aaa}.place-insight h2{font-size:14px;margin:4px 0;font-weight:500}.place-insight>p{display:none}.tip>span{display:none}.tip p{font-size:11px;line-height:1.65;margin:3px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#e0e0e0}.insight-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#bbb}.insight-bottom button{padding:3px 6px;font-size:10px;background:#ffffff20}.insight-bottom button:hover{background:#fff}#notice{position:absolute;left:50%;top:18%;transform:translate(-50%);max-width:60%;padding:10px 16px;background:#000b;text-align:center;font-size:12px;opacity:0;transition:opacity .18s;pointer-events:none;z-index:10}#notice.show{opacity:1}#mini-wrap{position:absolute;bottom:7vh;left:3.2vw;width:280px;padding:0;background:#181818b3;border:2px solid #0009;text-align:left;box-shadow:0 2px 3px #0004}#mini-wrap:hover{color:#fff;border-color:#ddd;background:#181818b3}#mini{width:100%;height:152px;display:block;opacity:.92}.mini-top,.mini-bottom{display:flex;justify-content:space-between;align-items:center;padding:5px 7px;font-size:10px;background:#0009;text-shadow:0 1px 2px #000}.mini-top{position:absolute;top:-25px;left:-2px;right:-2px;pointer-events:none;background:none}.mini-top b{font-size:9px;font-weight:400;color:#ddd}.mini-bottom{gap:8px}.mini-bottom span:last-child{font-size:8px;color:#aaa;white-space:nowrap}.status-bars{display:none}#speedometer{position:absolute;right:3.2vw;bottom:7vh;width:250px;text-align:right;text-shadow:1px 2px 2px #000,0 0 4px #000}.gear-row{display:flex;justify-content:flex-end;gap:8px;font-size:10px;color:#ddd}.gear-row span:last-child{display:none}.speed-row{display:flex;justify-content:flex-end;align-items:baseline;gap:6px}.speed-row strong{font:24px Arial Narrow,Arial,sans-serif;font-variant-numeric:tabular-nums}.speed-row>span{font-size:10px}.speed-track{display:none}#mode{padding:5px 0;font-size:11px;background:none;text-shadow:inherit}#mode:hover{color:#b4d899}#hud-district{font-size:25px;font-style:italic;font-weight:600;line-height:1.2;margin-bottom:4px}#hud-road{font-size:17px;font-style:italic;margin-bottom:12px;color:#eee}footer{position:absolute;bottom:2.5vh;right:3.2vw;font-size:10px;color:#eee;text-shadow:0 1px 3px #000}footer>span:last-child{display:none}footer kbd{font-size:9px}body.paused #city{filter:blur(6px) grayscale(1) brightness(.42)}body.paused>header,body.paused>#chapter,body.paused>#mini-wrap,body.paused>#speedometer,body.paused>footer,body.paused>#radio-panel{visibility:hidden}#map-panel{position:absolute;top:7vh;right:7vw;bottom:6vh;left:7vw;z-index:20;display:flex;flex-direction:column;animation:pause-in .18s ease}.map-head{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding-bottom:16px;gap:24px}.map-head .eyebrow{display:none}.map-head h2{font-weight:500;font-size:30px;margin:0;text-shadow:1px 2px 2px #000}.map-head h2 span{font-size:11px;font-weight:400;margin-left:18px;color:#ccc}.map-head>button{font-size:11px;background:#0008}.map-search{display:flex;align-items:center;gap:10px;width:28%;padding:9px 12px;background:#0009}.map-search input{min-width:0;flex:1;background:none;border:0;color:#fff;font-size:12px;outline:none}.pause-tabs{display:flex;gap:3px;height:40px;margin-bottom:8px}.pause-tabs button{flex:1;text-align:left;font-size:15px;font-weight:600;border-top:4px solid transparent;background:#000a;padding:7px 16px}.pause-tabs button[aria-selected=true]{background:#fff;color:#111;border-color:var(--accent)}.pause-tabs button:hover{background:#ddd;color:#111}.map-body{display:flex;flex:1;min-height:0;gap:8px}.map-surface{position:relative;flex:1;min-width:0;background:#161616}#large-map{display:block;width:100%;height:100%;cursor:grab}.map-tools{position:absolute;top:12px;left:12px;display:flex;gap:2px}.map-tools button{padding:5px 10px;font-size:19px}.map-credit{position:absolute;bottom:0;left:0;right:0;background:#000b;color:#aaa;font-size:8px;text-align:center;padding:5px}.map-credit a{text-decoration:underline}.map-legend{position:absolute;bottom:32px;left:12px;background:#000b;padding:6px 9px;display:flex;align-items:center;gap:7px;font-size:10px}.map-legend i,.map-legend b,.map-legend em{width:6px;height:6px;border-radius:50%;background:#9fc990}.map-legend b{background:#fff}.map-legend em{background:#bd97db}.places{width:290px;display:flex;flex-direction:column;min-height:0;background:#000b}.places-head{display:flex;justify-content:space-between;padding:12px;font-size:11px;background:#fff;color:#171717}.places-head small{font-size:10px}#place-list{overflow:auto;flex:1;min-height:80px;scrollbar-width:thin;scrollbar-color:#999 #222}#place-list button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:10px 13px;margin-bottom:2px;background:#0006;border-bottom:1px solid #ffffff0c}#place-list button.active,#place-list button:hover{background:#fff;color:#111}#place-list i{font:18px Arial;font-style:normal;width:23px;color:#aaa}#place-list span{font-size:12px}#place-list small{display:block;font-size:10px;color:#aaa;margin-top:4px}#place-list button.active small,#place-list button:hover small{color:#555}.destination{padding:14px;border-top:3px solid #ffffff90;background:#0c0c0cf2;overflow:auto;max-height:55%;scrollbar-width:thin}.destination h3{font-size:21px;margin:8px 0;font-weight:500}.destination p{font-size:11px;line-height:1.8;margin:8px 0;color:#ddd}.destination #selected-tip{border-left:2px solid var(--accent);padding-left:10px}.destination-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#aaa;margin:12px 0}.destination-meta a{text-decoration:underline}#go{display:flex;justify-content:space-between;width:100%;background:#eee;color:#111;font-size:12px}#go:hover{background:var(--accent)}.pause-controls{display:flex;justify-content:flex-end;gap:20px;padding:12px 0 0;font-size:11px;text-shadow:1px 1px 2px #000}.pause-page{flex:1;min-height:0;overflow:auto;background:#000c;padding:28px 32px}.pause-page h3{font-size:25px;font-weight:400;margin:0 0 18px}.pause-page p{font-size:13px;line-height:1.9;color:#ccc;max-width:750px}.pause-page button{background:#eee;color:#111}.control-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;max-width:680px;background:#ffffff0b;margin-bottom:2px;font-size:13px}.control-row input{accent-color:var(--accent)}#radio-panel{position:absolute;top:13vh;right:3.2vw;width:290px;z-index:15;background:#000d;padding:23px;animation:pause-in .18s}.panel-x{position:absolute;right:8px;top:8px;background:none;padding:3px 8px;font-size:21px}#radio-panel h2{font-size:25px;font-weight:500;margin:16px 0 10px}#radio-panel p{font-size:12px}#radio-panel p span{float:right;font-size:9px;color:#aaa}.equalizer{height:28px;display:flex;gap:5px;align-items:flex-end;margin:18px 0}.equalizer i{background:#ddd;width:14px;height:20%;transform-origin:bottom}.playing .equalizer i{animation:equalize .6s ease-in-out infinite alternate}.equalizer i:nth-child(3n){height:85%;animation-delay:-.25s}.equalizer i:nth-child(2n){height:45%;animation-delay:-.4s}.radio-controls{display:flex;align-items:center;gap:12px}.radio-controls button{font-size:11px;background:#ddd;color:#111}.radio-controls input{width:110px;accent-color:var(--accent)}#radio-panel>small{display:block;color:#aaa;font-size:9px;margin-top:16px}dialog{width:520px;max-width:90%;background:#141414;color:#fff;border:0;border-top:4px solid var(--accent);padding:30px}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font-size:28px;font-weight:500}dialog p{font-size:13px;line-height:1.9;color:#ccc}dialog a{display:block;font-size:12px;margin-top:15px;text-decoration:underline}#loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#101210;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s}#loading h2{font-size:62px;margin:20px 0;font-weight:800}#loading h2 span{display:block;font:18px Arial;letter-spacing:9px;color:#aaa;text-align:center;margin-top:14px}#loading small{font-size:10px;letter-spacing:3px;color:#aaa}#loading p{font-size:11px;color:#aaa}.loading-track{height:2px;width:200px;background:#444;overflow:hidden}.loading-track i{display:block;width:35%;height:100%;background:#ddd;animation:loading 1.4s infinite}#loading.done{opacity:0;pointer-events:none}.photo>header,.photo>#chapter,.photo>#mini-wrap,.photo>#speedometer,.photo>footer,.photo>#radio-panel{visibility:hidden}@keyframes pause-in{0%{opacity:0}to{opacity:1}}@keyframes equalize{to{transform:scaleY(.3)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(390%)}}@media(max-height:700px){#chapter{width:295px;padding:10px 12px}#road-name{font-size:8px}#mini-wrap{width:250px}#mini{height:125px}#map-panel{top:5vh;right:5vw;bottom:5vh;left:5vw}.map-head{min-height:48px;padding-bottom:10px}.map-head h2{font-size:26px}.destination{padding:10px 13px}.destination h3{font-size:18px;margin:6px 0}.destination p{font-size:10px;margin:5px 0}.places{width:285px}.pause-tabs{height:37px}.pause-controls{padding-top:8px}}@media(max-width:850px){header nav button{font-size:10px;padding:7px}#chapter{width:255px}.map-head h2 span{display:none}.map-search{width:37%}#map-panel{top:4vh;right:3vw;bottom:4vh;left:3vw}.places{width:240px}#mini-wrap{width:235px}footer{font-size:8px}footer kbd{font-size:8px}#hud-district{font-size:22px}.pause-page{padding:18px}.pause-controls{font-size:9px;gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#boost-meter{margin:9px 0 7px auto;width:140px;font-size:10px;color:#ddd}#boost-meter>div{height:4px;background:#000a;margin-top:6px}#boost-fill{height:100%;display:block;background:#91bb78;transition:width .16s linear}#boost-meter.active{color:#c8f5ac}#boost-meter.active #boost-fill{background:#cbff9d;box-shadow:0 0 8px #b4ff8980}