html,body,#park-test{width:100%;height:100%;overflow:hidden;background:#9ac462}
#park-test{position:fixed;inset:0}
#park-canvas{display:block;width:100%;height:100%;touch-action:none;background:#9ac462}
#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;background:#111d;color:#fff;border-radius:10px;font:600 15px system-ui}
.controls{position:absolute;left:22px;bottom:25px;display:grid;grid-template-columns:repeat(3,78px);grid-template-rows:repeat(2,72px);gap:6px}
.controls button,.zoom button{border:1px solid #ffffff66;background:#111c;color:#fff;border-radius:16px;font-size:34px;backdrop-filter:blur(5px);touch-action:none}
.controls button[data-dir=up]{grid-column:2;grid-row:1}.controls button[data-dir=left]{grid-column:1;grid-row:2}.controls button[data-dir=down]{grid-column:2;grid-row:2}.controls button[data-dir=right]{grid-column:3;grid-row:2}
.zoom{position:absolute;right:22px;bottom:30px;display:grid;gap:9px}.zoom button{width:68px;height:68px}
.badge{position:absolute;top:12px;left:50%;transform:translateX(-50%);font:700 12px system-ui;letter-spacing:1px;color:#fff;background:#111b;padding:7px 11px;border-radius:9px}
@media(max-width:700px){.controls{grid-template-columns:repeat(3,72px);grid-template-rows:repeat(2,66px);left:18px}.zoom button{width:58px;height:58px}.badge{font-size:10px}}