*{box-sizing:border-box}html,body{margin:0;background:#07111c;color:#fff;font-family:Arial,sans-serif;overflow:hidden}#wrap{width:min(1000px,100vw);margin:auto;position:relative}canvas{display:block;width:100%;height:auto;background:#78d6ff}#hud{position:absolute;z-index:3;top:10px;left:12px;right:12px;display:flex;gap:9px;direction:ltr}#hud span{background:#102033dd;border:1px solid #ffffff25;border-radius:13px;padding:9px 13px;font-weight:bold;box-shadow:0 4px 14px #0004}#controls{position:absolute;z-index:4;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}#controls button{pointer-events:auto;border:0;background:#102033cc;color:#fff;border-radius:17px;width:70px;height:58px;font-size:27px;font-weight:bold;touch-action:none}#jump{position:absolute;left:50%;transform:translateX(-50%)}.hide{display:none!important}#overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}.card{background:#122033;border:1px solid #ffffff25;border-radius:24px;width:min(420px,92%);padding:25px;text-align:center;box-shadow:0 20px 70px #000}.card #icon{font-size:68px}.card h1{margin:8px}.card p{color:#c1cbd8;line-height:1.7}.card button{width:100%;padding:14px;margin-top:9px;border:0;border-radius:13px;background:#6879ff;color:#fff;font-weight:bold;font-size:16px}.card button:last-child{background:#293a51}