/* Game framing: quiet, translucent controls at the edges; the street is the UI. */
body[data-mode=walk]>header{display:none}
body[data-mode=walk] canvas{cursor:grab}
#walk-panel[hidden],[hidden]{display:none!important}
#walk-panel button{font-family:"Yu Gothic UI",Meiryo,sans-serif;box-shadow:none;min-height:40px;border:1px solid #ffffff85;background:#f9faf2df;color:#3d4942;border-radius:5px;backdrop-filter:blur(12px);font-size:11px;padding:0 11px}
#walk-panel button:hover{background:#fff}
#walk-panel button:focus-visible{outline:3px solid #59756a;outline-offset:3px}
.game-title{position:absolute;left:28px;top:25px;display:flex;flex-direction:column;gap:5px;text-shadow:0 1px 8px #fff,0 0 3px #fff}
.game-title small{font-size:10px;letter-spacing:.23em;color:#566358}
.game-title strong{font-size:18px;font-weight:500;color:#35443b;max-width:250px}
.game-title>span{font-size:10px;color:#526454}
.game-compass{position:absolute;top:21px;left:50%;transform:translateX(-50%);text-align:center;color:#3c5146;text-shadow:0 1px 6px #fff;display:grid;grid-template-columns:20px 32px 36px;align-items:center;gap:7px}
.compass-tick{position:absolute;top:25px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:8px;opacity:.6}
.game-compass strong{grid-column:2;font-size:14px;font-weight:600}.game-compass output{font-size:9px;color:#617064}
.journey-toolbar{top:22px;right:24px;left:auto;max-width:calc(50% - 80px);padding:0;background:none;border:0;gap:5px;flex-wrap:wrap;justify-content:flex-end;border-radius:0;backdrop-filter:none}
.journey-toolbar>span{display:block;order:10;flex-basis:100%;text-align:right;font-size:10px;color:#465b4c;text-shadow:0 1px 4px #fff;padding:3px 0 0}
.journey-pace{gap:2px;display:flex}.journey-pace button{padding:0 9px!important}
#walk-panel button[aria-pressed=true]{background:#435d4fe8;border-color:#435d4f;color:#fff}
#walk-panel #walk-exit{background:#ffffffb8;color:#4e5d51;border-color:#fff9}
.journey-map{left:24px;top:auto;bottom:41px;width:142px;padding:6px;border:1px solid #ffffff9c;background:#f4f6ecbd;border-radius:7px;backdrop-filter:blur(12px)}
.journey-map svg{width:128px;height:118px;opacity:.85}.journey-map>div{font-size:10px;margin-top:3px;padding:0 3px}
.journey-map .route-line{stroke-width:2;opacity:.5}
.journey-progress{bottom:44px;left:auto;right:24px;transform:none;width:240px;padding:11px 13px;border-radius:6px;background:#f7f8efd4;border:1px solid #ffffffb3;backdrop-filter:blur(12px)}
.journey-progress>div{font-size:12px;gap:8px}.journey-progress output{font-size:10px}.journey-progress progress{height:3px;margin-top:8px}
.journey-progress p{font-size:9px;line-height:1.7;margin-top:7px}
.journey-camera{bottom:155px;right:24px;gap:4px}.journey-camera>span{display:none}
body[data-drive=free] .journey-camera{bottom:44px}
.game-keyboard{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;color:#455b4b;text-shadow:0 1px 7px #fff;white-space:nowrap;font-size:10px}
.game-keyboard>span:first-child{display:flex;flex-direction:column;align-items:center;gap:2px}.key-row{display:flex;gap:2px}.game-keyboard small{display:block;font-size:8px;color:#607264;margin-top:3px}
kbd{display:inline-grid;place-items:center;font:10px "Yu Gothic UI",sans-serif;background:#ffffffe0;border:1px solid #a9b6a580;border-radius:3px;min-width:19px;min-height:18px;padding:1px 4px;color:#425546;text-shadow:none;box-shadow:0 1px 0 #83977e80}.key-divider{width:1px;height:20px;background:#87958070;margin:0 1px}
body[data-mode=walk] .credit{background:transparent!important;padding:0!important;bottom:8px;left:24px;right:24px;font-size:8px;color:#526451;text-shadow:0 1px 4px #fff;gap:5px}
body[data-mode=walk] .credit>span:first-child{display:none}
body[data-mode=walk] .credit>span:last-child{margin-left:auto}
#game-stick{display:none;pointer-events:auto;touch-action:none}
@media(max-width:1100px){.journey-toolbar{max-width:55%;right:18px;top:18px;gap:4px}#walk-panel .journey-toolbar button{min-height:38px;font-size:10px;padding:0 8px}.game-compass{left:42%}.game-keyboard{bottom:47px;left:43%;gap:6px;font-size:9px}.game-keyboard small{display:none}.journey-progress{width:205px;right:18px}.journey-camera{right:18px}.game-title{left:22px;top:23px}.journey-map{left:20px}}
@media(pointer:coarse),(max-width:700px){#game-stick{display:grid;position:absolute;bottom:48px;left:20px;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px;gap:3px}#walk-panel #game-stick button{font-size:22px;padding:0;min-height:44px;touch-action:none;background:#f9faf2c9;border-color:#fff9}#game-stick button[data-move=forward]{grid-column:2}#game-stick button[data-move=left]{grid-row:2;grid-column:1}#game-stick button[data-move=back]{grid-row:2;grid-column:2}#game-stick button[data-move=right]{grid-row:2;grid-column:3}.game-keyboard{display:none}.journey-map{top:115px;bottom:auto;left:auto;right:14px;width:106px;padding:4px}.journey-map svg{width:96px;height:90px}.journey-map>div{font-size:8px}.journey-toolbar{right:13px;top:14px;max-width:61%;gap:3px}.journey-toolbar>span{display:none}#walk-panel .journey-toolbar button{min-height:38px;font-size:9px;padding:0 7px}#game-fullscreen{display:none}.journey-pace{order:3;flex-basis:100%;justify-content:flex-end}.game-title{top:18px;left:16px}.game-title strong{font-size:14px;max-width:145px}.game-title small{font-size:8px}.game-title>span{font-size:8px}.game-compass{top:85px;left:50%;transform:translateX(-50%);opacity:.7}.journey-progress{bottom:47px;right:14px;width:180px;padding:9px 11px}.journey-progress p{font-size:8px}.journey-progress>div{font-size:10px}.journey-camera{right:14px;bottom:150px}body[data-drive=free] .journey-camera{bottom:47px}.credit{font-size:7px!important;left:14px!important;right:14px!important}}
@media(max-height:500px){.journey-map{width:105px;bottom:28px;top:auto;left:14px;right:auto}.journey-map svg{width:93px;height:70px}.game-title{top:14px;left:16px}.game-title strong{font-size:14px}.game-keyboard{bottom:28px}.journey-progress{bottom:28px}.journey-camera{bottom:135px}.game-compass{top:15px}.journey-toolbar{top:12px}#game-stick{left:130px;bottom:28px}}
@media(prefers-reduced-motion:reduce){#walk-panel *{transition:none!important;scroll-behavior:auto!important}}