*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial;background:#67c2ea}#game{width:100vw;height:100vh;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block}#hud{position:absolute;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.box{background:#fff3a5;border:4px solid #111;border-radius:20px;padding:10px 20px;font-size:clamp(16px,2vw,28px);font-weight:bold;box-shadow:3px 3px #222}#title{background:#ffd83b;border:4px solid #111;border-radius:7px;padding:5px 28px;text-align:center;font-size:clamp(28px,4vw,55px);line-height:.85;font-weight:bold;color:#e63b31;box-shadow:4px 4px #222;transform:rotate(-1deg)}#title b{color:#2367bd;font-size:.72em}#buttons{position:absolute;bottom:24px;left:28px;right:28px;display:flex;gap:18px}button{border:5px solid #111;background:#ffe13d;font-weight:bold;box-shadow:3px 4px #222;cursor:pointer}#buttons button{width:96px;height:96px;border-radius:50%;font-size:56px}#jump{margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#jump small{font-size:18px}#over{display:none;position:absolute;inset:0;background:#0009;align-items:center;justify-content:center;text-align:center}.overbox,#over>div{background:#ffe13d;border:6px solid #111;border-radius:25px;padding:25px 50px;box-shadow:7px 7px #111;transform:rotate(-2deg)}#over h1{color:#e63b31;font-size:48px;margin:0}#over p{font-size:25px;font-weight:bold}@media(max-width:650px){#hud{top:7px;left:7px;right:7px}.box{padding:7px;font-size:14px}#title{padding:5px 9px;font-size:25px}#buttons{bottom:10px;left:10px;right:10px}#buttons button{width:70px;height:70px;font-size:40px}#jump small{font-size:13px}}