: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;cursor:crosshair}.bus-stop-info{margin:7px 14px;color:#176f78;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.route-menu{background:#e5eae1;color:#244e4b;white-space:nowrap;font-size:11px;padding:6px 8px}.route-progress{position:absolute;top:92px;left:28px;max-width:min(440px,calc(100vw - 56px));padding:12px 15px;border-radius:8px;background:#173b3bea;font-size:13px;line-height:1.7;pointer-events:none}.has-route .toast{top:165px}#route-dialog,#highway-dialog{max-height:85vh;overflow-y:auto}#route-dialog label,#highway-dialog label{display:block;font-size:12px;margin-bottom:8px}#route-select,#highway-select{width:100%;padding:10px;color:#294244;background:#fffdf5;border:1px solid #a7b6a8;border-radius:6px;font-size:12px}#route-stops{padding-left:28px;font-size:13px;line-height:2;max-height:190px;overflow-y:auto}.route-start{background:#245651;color:#fff9e9;padding:13px 18px;border-radius:6px;width:100%}.route-start:disabled{opacity:.45;cursor:default}#route-error{color:#a13e24}.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}.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;left:4%;right:4%}.cabin:after{content:"";position:absolute;left:calc(76% - 56px);top:-26px;width:112px;height:112px;border:13px solid #253335;border-radius:50%;box-shadow:0 0 0 2px #485652}.cockpit .dashboard{left:auto;right:calc(26% - 120px);bottom:100px}.cockpit .route-card{left:28px;right:auto}.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){.route-progress{top:76px;left:15px;max-width:calc(100vw - 30px);font-size:11px;padding:9px 12px}.driving .route-head .small-label{display:none}.driving .route-head .route-menu{display:block}.driving .route-head{justify-content:flex-end}.has-route .toast{top:152px}.topbar{padding:22px}.top-right{gap:10px}.top-right .edition{display:none}.brand{font-size:11px}.intro{left:7%;top:14%;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}.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}}#location-select{width:100%;color:#254c49;background:#f6f6ef;padding:9px 12px;cursor:pointer}.signal-warning{position:fixed;top:76px;left:16px;right:16px;z-index:5;margin:0;padding:10px 14px;background:#fff0cf;color:#473a24;border-radius:8px;font-size:12px}.cockpit .cabin:before{content:"右ハンドル";position:absolute;right:15%;bottom:12px;color:#c4d2cb;font-size:10px;letter-spacing:.12em}@media(max-width:800px){.cockpit .dashboard{right:15px;bottom:165px}.cockpit .route-card{left:15px;right:auto}.cockpit.map-expanded .route-card{left:5vw;right:auto}}.bottom{pointer-events:none}.bottom a,.bottom button{pointer-events:auto}.map-range{position:absolute;bottom:7px;left:7px;padding:7px 10px;border-radius:6px;background:#f7f5edee;box-shadow:0 1px 6px #173a3420;font-size:11px;color:#355854;pointer-events:none}.cockpit.bus-selected .cabin{left:0;right:0;border-radius:12% 3% 0 0}.cockpit.bus-selected .cabin:after{left:calc(50% - 56px)}.cockpit.bus-selected .cabin:before{content:"";left:3%;right:64%;bottom:24px;height:42px;border-top:2px solid #596763;border-radius:8px;background:#263737}.cockpit.bus-selected .dashboard{left:calc(50% - 120px);right:auto}@media(max-width:800px){.cockpit.bus-selected .dashboard{left:calc(50% - 82.5px);right:auto;bottom:165px}.cockpit.bus-selected .route-card{bottom:325px}.cockpit.bus-selected.map-expanded .route-card{bottom:auto}}#app{touch-action:manipulation;--touch-height: 112px;--touch-steer-width: clamp(220px, 36vw, 380px);--touch-pedal-width: clamp(56px, 10vw, 88px)}#app,#app *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-dock{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));z-index:3;display:grid;gap:10px;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-tools{justify-self:end;display:flex;gap:6px}.touch-mode-picker,.touch-recover{height:40px;border:1px solid #ffffff30;border-radius:8px;background:#13231fbf;color:#d4ddd6;pointer-events:auto}.touch-mode-picker{position:relative;width:40px;display:grid;place-items:center}.touch-mode-picker svg{width:27px;height:27px;pointer-events:none}.touch-mode-picker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.touch-mode-picker:focus-within,.touch-recover:focus-visible{outline:2px solid #e5ffb5;outline-offset:2px}.touch-recover{display:flex;align-items:center;gap:6px;padding:4px 9px;font-size:11px;cursor:pointer}.touch-recover>span:first-child{font-size:23px}.touch-recover small{display:block;font-size:8px;opacity:.7}.touch-panel,.touch-pedals{display:flex;gap:10px;align-items:end}.touch-panel{justify-content:space-between;gap:12px}.touch-panel [data-touch-control]{position:relative;overflow:hidden;flex-shrink:0;touch-action:none;pointer-events:auto;-webkit-touch-callout:none;color:#fff;background:#172a25c9;background-image:var(--touch-control-icon);background-repeat:no-repeat;background-position:center;background-size:78% 78%;border:1px solid #ffffff60;border-radius:14px;box-shadow:0 3px 12px #0003}.touch-panel [data-touch-control]:focus-visible{outline:3px solid #fff;outline-offset:3px}.touch-panel [data-touch-control].held{border-color:#e5ffb5;box-shadow:inset 0 0 0 2px #e5ffb5,0 0 18px #d5ffad38}.touch-buttons button{width:var(--touch-pedal-width);height:var(--touch-height);display:grid;place-content:center;gap:5px;font-size:20px;font-weight:600;padding-inline:4px}.touch-buttons small{font-size:9px;font-weight:400;white-space:nowrap}.touch-panel [data-touch-control=throttle]{--touch-control-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%2308100d' stroke-opacity='.36' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M42 10h23a7 7 0 0 1 7 7v66a7 7 0 0 1-7 7H35a7 7 0 0 1-7-8l7-65a7 7 0 0 1 7-7Z'/%3E%3Cpath d='m46 27 13-3m-15 18 15-3m-17 18 17-3m-19 18 19-3'/%3E%3C/svg%3E");background-color:#416332de}.touch-panel [data-touch-control=brake]{--touch-control-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%2308100d' stroke-opacity='.36' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 12v25M45 77v11'/%3E%3Crect x='12' y='37' width='76' height='40' rx='8'/%3E%3Cpath d='M28 48v17m15-17v17m15-17v17m15-17v17'/%3E%3C/svg%3E");background-color:#693d2dd9}.touch-panel [data-touch-control=steer]{--touch-control-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%2308100d' stroke-opacity='.42' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='50' cy='50' r='38'/%3E%3Ccircle cx='50' cy='50' r='10'/%3E%3Cpath d='m14 40 27 8m45-8-27 8M50 60v28'/%3E%3C/svg%3E")}.touch-buttons .held{background-color:#698945}.touch-steer-slider{flex:1;min-width:0;max-width:var(--touch-steer-width);height:var(--touch-height);padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between}.touch-steer-heading,.touch-steer-directions{display:flex;justify-content:space-between;gap:8px;font-size:11px;white-space:nowrap}.touch-steer-track{position:absolute;left:24px;right:24px;top:50%;height:6px;border-radius:3px;background:#ffffff4d}.touch-steer-center{position:absolute;left:50%;width:1px;top:-8px;height:22px;background:#e5ffb580}.touch-steer-thumb{position:absolute;left:calc(50% - var(--position, 0) * 50%);top:50%;width:38px;height:42px;transform:translate(-50%,-50%);border:2px solid #ecffd2;border-radius:12px;background:#637c4f;box-shadow:0 2px 8px #0006}.touch-steer-thumb:after{content:"";position:absolute;inset:10px 13px;border-inline:1px solid #efffd7}.touch-pedal{width:var(--touch-pedal-width);height:var(--touch-height);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 5px}.touch-pedal:before{content:"";position:absolute;inset:0;transform:scaleY(var(--input, 0));transform-origin:bottom;background:#d6f49f70;pointer-events:none}.touch-pedal[data-touch-control=brake]:before{background:#ffa47180}.touch-pedal>*{position:relative}.touch-pedal b{font-size:15px;letter-spacing:1px}:lang(ja) .touch-panel .touch-throttle-label{font-size:clamp(11px,calc((var(--touch-pedal-width) - 12px) / 4),22px);letter-spacing:0;white-space:nowrap}.touch-pedal output{font-size:21px;font-variant-numeric:tabular-nums}.touch-pedal span{font-size:9px;line-height:1.5;text-align:center}.touch-dock[hidden],.touch-panel[hidden]{display:none}.touch-mode-picker{width:auto;padding:0 10px}.touch-mode-picker svg{display:none}.touch-mode-picker select{position:static;opacity:1;background:transparent;border:0;color:inherit;font:inherit}.touch-mode-picker option{background:#173638}.driving.touch-enabled .dashboard,.driving.touch-enabled .route-card{bottom:250px}.driving.touch-enabled .drive-tools{bottom:206px}@media(min-width:801px){.driving.touch-enabled .dashboard{left:28px;right:auto;width:240px}.driving.touch-enabled.cockpit.bus-selected .dashboard{left:calc(50% - 120px)}}@media(max-width:800px){#app{--touch-steer-width: 260px;--touch-pedal-width: 60px}.touch-dock{left:12px;right:12px}.touch-panel,.touch-pedals{gap:8px}.driving.touch-enabled.cockpit.bus-selected .route-card{bottom:410px}}@media(min-width:700px)and (min-height:650px){#app{--touch-height: 150px;--touch-pedal-width: 88px}.driving.touch-enabled .dashboard,.driving.touch-enabled .route-card{bottom:288px}.driving.touch-enabled .drive-tools{bottom:244px}}@media(max-height:540px)and (min-width:500px){#app{--touch-height: 88px;--touch-pedal-width: 64px;--touch-steer-width: 220px}.touch-dock{bottom:max(24px,env(safe-area-inset-bottom));gap:6px}.touch-steer-slider{padding:8px 12px}.touch-pedal{padding:8px 4px}.driving.touch-enabled .dashboard{left:calc(50% - 95px);right:auto;bottom:24px;width:190px;padding:10px}.driving.touch-enabled .speed{font-size:36px}.driving.touch-enabled .dash-bottom{margin-top:6px;padding-top:6px}.driving.touch-enabled .speed-line{margin-top:6px}.driving.touch-enabled .drive-tools{bottom:160px}.driving.touch-enabled .route-card{top:65px;bottom:auto;width:145px}.driving.touch-enabled #map{height:90px}.driving.touch-enabled .route-info{display:none}.driving.touch-enabled .touch-steer-slider{max-width:min(220px,calc((100vw - 250px)/2))}}.driving.touch-enabled.map-expanded .route-card{bottom:auto}.driving.touch-enabled .bottom{bottom:3px;left:12px;right:12px}.driving.touch-enabled .credits{font-size:7px;line-height:1.15}.driving.touch-enabled .credits br{display:none}@media(max-height:540px)and (min-width:500px){.driving.touch-enabled .bus-stop-info{display:none}}