*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#e9e4d6;font-family:'Gochi Hand',cursive;color:#222;overflow:hidden}
#wrap{position:relative;width:100vw;height:calc(100vh - 34px)}
canvas{display:block;width:100%;height:100%;touch-action:none}
footer{height:34px;line-height:34px;text-align:center;font-size:18px}
footer a{color:#c0392b}
#topbar{position:absolute;top:44px;right:12px;display:flex;gap:8px}
.btn{font-family:inherit;font-size:16px;background:#fffef8;border:2.5px solid #222;border-radius:10px 4px 12px 5px;padding:2px 10px;cursor:pointer;transform:rotate(-1deg)}
.btn:hover{background:#fff3b0}
#controls{position:absolute;bottom:14px;left:0;right:0;display:none;justify-content:space-between;padding:0 14px;pointer-events:none}
#controls .tb{pointer-events:auto;width:70px;height:70px;font-family:inherit;font-size:28px;background:rgba(255,254,248,.8);border:3px solid #222;border-radius:18px 8px 20px 10px;margin-right:10px}
#controls .jump{margin-left:auto;width:100px;font-size:24px}
body.touch #controls{display:flex}