.bus-game{width:min(100%,510px);margin:0 auto;color:#24384a}
.bus-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:11px}
.bus-hud>div{min-width:0;padding:6px 8px;text-align:center;border:2px solid #d7c9ac;border-radius:16px;background:#fff8e8;box-shadow:0 3px 0 #d7c9ac}
.bus-hud small{display:block;color:#5a6671;font-size:11px;font-weight:700;line-height:1.2}
.bus-hud strong{display:block;font-size:18px;line-height:1.45;font-weight:900;font-variant-numeric:tabular-nums}
.bus-board-wrap{position:relative;padding:10px;border-radius:22px;background:#b5d9c4;border:3px solid #486a61;box-shadow:0 7px 0 #98bdab}
.bus-board{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));aspect-ratio:1;border:3px solid #647275;border-radius:13px;overflow:hidden;background:#505e64;touch-action:none;user-select:none}
.bus-cell{position:relative;min-width:0;min-height:0;display:grid;place-items:center;border:2px solid #d9cfc2;background:linear-gradient(140deg,#727d81,#58656a);overflow:hidden}
.bus-cell:after{content:"";position:absolute;bottom:8%;left:40%;width:20%;height:3px;border-radius:10px;background:#f9eee0aa;pointer-events:none}
.bus-cell.blocked{background:linear-gradient(140deg,#637075,#4b595e)}
.bus-cell.depot{background:#718b81}
.bus-cell img{position:relative;z-index:1;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 2px 2px #1d343d66);pointer-events:none}
.bus-cell .bus-stop{width:72%;height:86%;transition:opacity .15s,transform .15s}
.bus-stop.mint{filter:hue-rotate(128deg) saturate(.78) drop-shadow(0 2px 2px #1d343d66)}
.bus-stop.collected{opacity:.2;transform:scale(.7)}
.bus-piece{position:absolute;z-index:3;width:19%;height:19%;object-fit:contain;transform:translate(-50%,-50%);transition:left .16s ease,top .16s ease;filter:drop-shadow(0 4px 3px #112d3999);pointer-events:none}
.bus-overlay{position:absolute;inset:10px;z-index:4;display:grid;place-items:center;padding:12px;border-radius:13px;background:#193b4ba8;backdrop-filter:blur(2px)}
.bus-overlay[hidden]{display:none}
.bus-dialog{width:min(100%,340px);padding:20px;background:#fffaf0;border:3px solid #25495d;border-radius:22px;box-shadow:0 9px 0 #17364880;text-align:center}
.bus-dialog h2{font-size:24px;line-height:1.25;margin:0 0 8px}
.bus-dialog p{font-size:15px;line-height:1.55;color:#405365;margin:0 0 16px}
.bus-dialog .button{min-width:145px}
.bus-game .toy-status{min-height:2.6em;text-align:center;padding-top:9px}
.bus-dpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,51px);gap:6px;width:min(100%,290px);margin:0 auto}
.bus-dpad button{display:grid;place-items:center;border:2px solid #436e72;border-radius:14px;background:#d2eee8;color:#1c4550;font-family:inherit;font-size:30px;font-weight:900;line-height:1;box-shadow:0 4px 0 #91bdb6;touch-action:manipulation}
.bus-dpad button:active{box-shadow:0 1px 0 #91bdb6}
.bus-dpad [data-dir=up]{grid-column:2;grid-row:1;background:#ffcfaa;border-color:#b47a66;box-shadow:0 4px 0 #d5a78f}
.bus-dpad [data-dir=left]{grid-column:1;grid-row:2}
.bus-dpad [data-dir=down]{grid-column:2;grid-row:2;background:#ffcfaa;border-color:#b47a66;box-shadow:0 4px 0 #d5a78f}
.bus-dpad [data-dir=right]{grid-column:3;grid-row:2}
.bus-game .toy-controls{justify-content:center;margin-top:12px}
.bus-dpad button:focus-visible{outline:3px solid #e3655d;outline-offset:3px}
@media(max-width:480px){.toy-page:has(.bus-game) .toy-card{padding:14px 12px}.toy-page:has(.bus-game) .toy-card h1{font-size:22px}.toy-page:has(.bus-game) .toy-instruction{margin:5px 0 10px;line-height:1.45}.bus-hud{gap:6px;margin-bottom:8px}.bus-hud>div{padding:4px}.bus-hud strong{font-size:15px}.bus-board-wrap{padding:7px}.bus-board{border-width:2px}.bus-cell{border-width:1.5px}.bus-dpad{grid-template-rows:repeat(2,45px)}.bus-dialog{padding:16px}.bus-dialog h2{font-size:21px}.bus-dialog p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.bus-piece,.bus-cell .bus-stop{transition:none}}