*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#bfd9c2;color:#264b42;font-family:'IBM Plex Sans Thai',sans-serif}#world,canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;background:#fffdf0;color:#315044;border:1px solid #dbe3c8;border-radius:14px;padding:10px 15px;cursor:pointer;box-shadow:0 3px 0 #203f3a16}button:active{transform:translateY(2px)}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:3px solid #e59157}a{color:inherit;text-decoration:none}header{position:fixed;z-index:2;top:16px;left:20px;right:20px;display:flex;align-items:center;gap:12px}header>a{font-weight:700;letter-spacing:1px;font-size:12px}header>span{font-size:12px;padding:6px 12px;border-left:1px solid #31504444}header button{padding:7px 12px;font-size:12px}#map-button{margin-left:auto}.objective{position:fixed;top:82px;left:24px;max-width:350px;padding:15px 19px;background:#fffdf0e8;border-radius:20px;box-shadow:0 10px 40px #38634215;pointer-events:none}.objective small{font-size:9px;letter-spacing:2px;color:#9f7562}h1{font-size:20px;margin:6px 0}p{line-height:1.7}.objective p{font-size:11px;margin:0 0 10px}.objective>div{display:flex;gap:24px;font-size:12px;font-weight:700}#fare{color:#ae4b3d}#toast{position:fixed;top:85px;left:50%;transform:translateX(-50%);padding:9px 18px;border-radius:30px;background:#24473dda;color:white;font-size:12px;max-width:42%;text-align:center}#toast:empty{display:none}.tools{position:fixed;right:20px;bottom:135px;display:flex;flex-direction:column;gap:8px}.tools button{font-size:11px;padding:7px 10px}#board{position:fixed;bottom:132px;left:50%;transform:translateX(-50%);background:#cf594a;color:#fff;font-weight:700;white-space:nowrap}.touch{position:fixed;bottom:45px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;gap:10px}.touch>div{display:flex;gap:9px}.touch button{pointer-events:auto;width:62px;height:62px;font-size:13px;touch-action:none;user-select:none}.touch button[data-key=left],.touch button[data-key=right]{font-size:30px}.touch .gas{background:#517f65;color:white;width:90px}footer{position:fixed;bottom:8px;left:22px;right:22px;display:flex;gap:15px;font-size:9px}footer #street{margin-right:auto;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog{color:#315044;border:1px solid #d6dfc8;border-radius:26px;background:#fffdf2;box-shadow:0 25px 100px #29493655;padding:32px;max-height:88dvh;overflow:auto}#intro{position:fixed;inset:0;margin:auto;width:450px;height:fit-content;text-align:center;z-index:4}dialog::backdrop{background:#22403966;backdrop-filter:blur(4px)}#intro .eyebrow{font-size:10px;letter-spacing:3px;color:#a5805c}#intro h2{font-size:46px;line-height:1.2;margin:15px 0}#intro em{color:#c96250;font-style:normal}#intro p{font-size:13px}.places{background:#ecf0dc;border-radius:12px;padding:10px;font-size:12px}.hint{color:#849380;font-size:11px!important}#start{display:block;width:100%;background:#c96150;color:white;font-weight:700;margin:16px 0}dialog small{font-size:9px;color:#859181;display:block}#map-dialog{width:min(760px,94vw);padding:22px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:20px;margin:0}#mini-map{display:block;height:50vh;width:100%;background:#c4d6b8;border-radius:16px;margin-top:10px}.travel{display:flex;flex-wrap:wrap;gap:6px}.travel button{font-size:11px;padding:8px}#map-dialog p{font-size:11px}#map-dialog small{margin-top:10px}@media(max-width:650px){header{left:10px;right:10px;top:10px;gap:6px}header>span{display:none}.objective{top:61px;left:10px;max-width:280px;padding:10px 14px}.objective h1{font-size:15px}.objective small{font-size:8px}.objective p{font-size:9px}.objective>div{font-size:10px}#toast{top:auto;bottom:215px;max-width:90%;width:max-content;font-size:10px}.touch{left:10px;right:10px;gap:5px}.touch button{width:46px;height:55px;padding:5px}.touch .gas{width:62px}.touch>div{gap:5px}.tools{right:10px;bottom:112px}.tools button{padding:5px 8px}#board{bottom:111px;font-size:11px}footer{left:10px;right:10px;font-size:7px;gap:8px}#intro{max-width:92vw;padding:24px}#intro h2{font-size:38px}#intro p{font-size:11px}}

.camera-controls{display:flex;gap:5px}.touch button[data-key]:active{background:#d4a263;color:#fff}@media(max-height:500px){.tools{bottom:110px;gap:4px}.tools button{font-size:9px;padding:4px 7px}.tools .camera-controls{gap:3px}.objective{max-width:245px;top:53px;padding:8px 12px}.objective h1{font-size:13px}.objective p{font-size:9px}.objective small{display:none}.touch{bottom:32px}.touch button{height:46px}#board{bottom:84px}}

#auto-drive{background:#367968;color:white;font-weight:600}#auto-drive[aria-pressed=true]{background:#b65e43}

#cockpit{display:none;pointer-events:none;position:fixed;inset:0;overflow:hidden}.first-person #cockpit{display:block}.dashboard{position:absolute;bottom:-50px;left:10%;width:80%;height:160px;background:linear-gradient(#bc4a3f 0 10%,#343b39 11% 100%);border-radius:50% 50% 0 0;color:#ddd4b8;text-align:center;padding:25px;font-size:11px}.steering-wheel{font-size:90px;line-height:1;color:#171e1c;position:absolute;right:15%;top:20px}.first-person .objective{opacity:.83}.first-person .objective p{display:none}.tools{gap:5px}.tools button{padding:5px 9px}@media(max-width:650px){.tools{gap:3px}.tools button{font-size:10px;padding:4px 6px}.dashboard{left:0;width:100%;height:140px}.first-person .objective{max-width:230px}}