:root{font-family:Inter,Helvetica Neue,Arial,Noto Sans JP,sans-serif;color:#f5f3e9;background:#bacbd0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f3c778;outline-offset:5px}button{border:0}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}.veil{position:fixed;inset:0;background:linear-gradient(90deg,#0f2427e0,#0f242742 52%,#0f24271a);pointer-events:none;transition:opacity .7s}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 42px;gap:20px}.brand{display:flex;gap:13px;align-items:center;letter-spacing:.19em;font-size:14px;font-weight:750}.brand svg{width:32px;height:32px}.top-right{display:flex;gap:24px;align-items:center;font-size:11px;letter-spacing:.12em}.pill{display:flex;align-items:center;gap:8px;border:1px solid #ffffff50;border-radius:30px;padding:9px 14px}.dot{display:inline-block;width:6px;height:6px;background:#bfe2b0;border-radius:50%}.ghost{color:inherit;background:#17363988;border:1px solid #ffffff40;padding:10px 16px;border-radius:6px}.intro{position:absolute;left:7%;top:24%;max-width:530px}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:600;color:#d6dace;display:flex;gap:18px;align-items:center}.eyebrow:before{content:"";width:32px;height:1px;background:#e0b87a}h1{font-size:clamp(48px,5.2vw,84px);font-weight:500;line-height:1.25;letter-spacing:.035em;margin:27px 0 25px}.intro p{font-size:14px;line-height:2.1;color:#d9e0d9;margin:0 0 32px}.start{background:#e9bd7c;color:#203839;padding:18px 24px;min-width:232px;text-align:left;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:40px;font-size:14px;font-weight:650;transition:background .2s,transform .2s}.start:hover{background:#f7d59c;transform:translateY(-2px)}.start:disabled{opacity:.6;cursor:wait}.under-button{font-size:10px;letter-spacing:.07em;color:#b9cbc7;margin-top:16px}.route-card{position:absolute;right:42px;top:145px;width:306px;background:#f4f1e9;color:#294244;border-radius:10px;box-shadow:0 20px 55px #17363925;overflow:hidden}.route-head{padding:22px 22px 16px;display:flex;justify-content:space-between;align-items:center}.small-label{font-size:10px;letter-spacing:.18em;font-weight:700}.tag{font-size:9px;border:1px solid #b6bfb6;border-radius:3px;padding:4px 7px;color:#64736b}.map-wrap{position:relative;margin:0 14px;background:#dce4d9;border-radius:5px;overflow:hidden}#map{display:block;width:100%;height:190px}.north{position:absolute;top:9px;right:12px;font-size:9px;color:#476562;display:grid;text-align:center;gap:1px}.route-info{padding:19px 22px 21px}.route-info h2{font-size:16px;margin:0 0 7px;font-weight:600;letter-spacing:.08em}.route-info p{font-size:10px;color:#697c74;margin:0 0 21px}.location-label{font-size:10px;color:#697c74;display:block;margin-bottom:8px}.locations{display:flex;gap:5px}.location{background:transparent;color:#5c716b;border:1px solid #c8d0c6;border-radius:4px;padding:9px 10px;font-size:11px;flex:1}.location.active{background:#294e4c;color:#f7f2e7;border-color:#294e4c}.car-card{border-top:1px solid #dce0d6;margin-top:19px;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.car-icon{width:76px;height:32px}.car-name{font-size:10px;letter-spacing:.08em;font-weight:650}.car-spec{display:block;font-size:9px;color:#829087;margin-top:5px}.bottom{position:absolute;bottom:29px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:end;gap:20px}.caption{font-size:10px;letter-spacing:.1em;color:#e5e9dd}.caption span{display:block;font-size:9px;color:#bdccc3;margin-top:8px}.credits{font-size:9px;line-height:1.8;color:#e0e8e1;text-align:right;text-shadow:0 1px 4px #123}.credits a{color:inherit}.hud{display:none}.driving .hud{display:block}.driving .intro{display:none}.driving .veil{opacity:0}.driving .route-card{top:auto;bottom:75px;width:245px;right:28px;background:#f4f1e9ec}.driving .route-head{padding:13px 15px}.driving .route-info{display:none}.driving #map{height:168px}.driving .map-wrap{margin:0 7px 7px}.driving .caption{display:none}.driving .topbar{padding:23px 28px}.driving .bottom{bottom:16px;right:28px}.driving .topbar{background:linear-gradient(#18333799,transparent)}.dashboard{position:absolute;left:28px;bottom:35px;background:#173638dd;border:1px solid #ffffff27;border-radius:10px;width:240px;padding:20px 22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.road-name{font-size:11px;letter-spacing:.03em;color:#cfdbcc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speed-line{display:flex;align-items:baseline;gap:10px;margin-top:12px}.speed{font-size:63px;line-height:1;font-weight:300;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.unit{font-size:10px;letter-spacing:.08em;color:#bfd0c3}.gear{margin-left:auto;font-size:20px;color:#ebc27e}.dash-bottom{display:flex;justify-content:space-between;margin-top:15px;border-top:1px solid #ffffff25;padding-top:13px;font-size:10px;color:#c7d6cb}.drive-tools{position:absolute;left:50%;bottom:35px;transform:translate(-50%);display:flex;gap:7px;white-space:nowrap}.drive-tools button{font-size:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast{position:absolute;top:105px;left:50%;transform:translate(-50%);background:#193c3deb;border:1px solid #ffffff30;border-radius:6px;padding:12px 20px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s}.toast.visible{opacity:1}.loading{position:absolute;bottom:90px;left:7%;font-size:11px;color:#ead8b7}dialog{color:#294244;background:#f4f1e9;border:0;border-radius:12px;width:min(490px,90vw);padding:30px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#102c2b99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:22px;font-weight:500;margin:0 0 24px}dialog p{font-size:12px;line-height:1.9;color:#60736a}dialog a{color:#2d6265}dialog .close{float:right;color:#294244;background:transparent;font-size:24px}dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}dt{color:#6e7d73}dd{margin:0;text-align:right}kbd{background:#e1e5dc;border:1px solid #cbd4ca;border-radius:3px;padding:3px 7px;font-family:inherit;font-size:11px}.touch-controls{display:none}.paused .toast{opacity:1}.cabin{display:none;position:absolute;bottom:-24px;left:12%;right:12%;height:95px;background:#202e2feb;border-radius:50% 50% 0 0;border-top:5px solid #445451;pointer-events:none}.cockpit .cabin{display:block}.cabin:after{content:"";position:absolute;left:calc(50% - 56px);top:-26px;width:112px;height:112px;border:13px solid #253335;border-radius:50%;box-shadow:0 0 0 2px #485652}.cockpit .dashboard{bottom:38px}.map-expanded .route-card{width:min(760px,85vw);top:110px;bottom:auto}.map-expanded #map{height:min(60vh,480px)}@media(max-height:720px)and (min-width:801px){.intro{top:23%}h1{font-size:58px}.route-card{top:110px}#map{height:150px}.route-info{padding:14px 20px}.intro p{margin-bottom:20px}.loading{bottom:65px}}@media(max-width:800px){.topbar{padding:22px}.top-right{gap:10px}.top-right .edition{display:none}.brand{font-size:11px}.intro{left:7%;top:20%;max-width:85%}h1{font-size:49px;margin:20px 0}.intro p{font-size:12px;max-width:320px}.route-card{right:22px;top:auto;bottom:66px;width:240px}.route-head{padding:12px 15px}#map{height:125px}.route-info{padding:12px 15px}.route-info p,.car-card,.route-info h2{display:none}.route-info .location-label{margin-bottom:6px}.bottom{left:22px;right:22px;bottom:15px}.caption{display:none}.credits{font-size:8px}.intro .under-button{font-size:9px}.driving .route-card{width:165px;bottom:166px;right:15px}.driving #map{height:118px}.driving .route-head{padding:9px;font-size:8px}.driving .tag{display:none}.dashboard{left:15px;bottom:165px;width:165px;padding:13px}.speed{font-size:45px}.drive-tools{bottom:126px}.driving .topbar{padding:17px}.driving .brand span{display:none}.touch-controls{position:absolute;bottom:34px;left:18px;right:18px;justify-content:space-between}.driving .touch-controls{display:flex}.touch-controls>div{display:flex;gap:10px}.touch-controls button{background:#1c3d3cd9;color:#f8f4e6;border:1px solid #ffffff55;border-radius:12px;min-width:62px;height:67px;touch-action:none;-webkit-user-select:none;user-select:none;font-size:20px}.touch-controls button.pressed{background:#dfb97b;color:#23403d}.touch-controls .pedal{font-size:12px}.loading{bottom:50px}.map-expanded .route-card{top:90px;bottom:auto;width:90vw;right:5vw}.map-expanded #map{height:48vh}.cabin{left:0;right:0}.toast{top:85px;max-width:90%;width:max-content;font-size:11px}.pill{font-size:9px;padding:8px}.ghost{padding:9px 12px}}@media(max-width:800px)and (max-height:650px){.intro{top:17%}h1{font-size:38px;margin:14px 0}.intro p{line-height:1.7;margin-bottom:15px}.route-card{width:205px;bottom:55px}#map{height:90px}.route-info,.route-head{padding:9px}.intro .start{min-width:180px;padding:14px}.intro p{max-width:260px}.intro{max-width:55%}.intro h1{font-size:34px}.under-button{max-width:160px}}.driving .credits{margin-left:auto}@media(max-width:800px){.intro .under-button{display:none}}button.car-card{width:100%;background:transparent;color:inherit;text-align:left}button.car-card:hover{color:#177669}.vehicle-options{display:grid;gap:12px}.vehicle-option{display:grid;gap:10px;padding:20px;background:#e5e9df;color:#425e58;border:2px solid transparent;border-radius:8px;text-align:left;font-size:12px;line-height:1.7}.vehicle-option[aria-pressed=true]{border-color:#27796e;background:#dce8df}.vehicle-option:hover{background:#d6e3d9}.vehicle-option-title{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600}.vehicle-option-title small{font-size:10px;letter-spacing:.1em}.vehicle-dimensions{font-variant-numeric:tabular-nums}.bus-selected .cabin{height:115px;border-top-width:8px}@media(max-width:800px){.top-right .pill{display:none}#vehicle-menu{white-space:nowrap}#vehicle-dialog{max-height:90dvh;overflow-y:auto}}@media(max-width:800px){.brand span{display:none}}