*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;overflow:hidden;background:#222;touch-action:none;font-family:"Courier New",monospace;position:fixed}
canvas{display:block;width:100vw;height:100vh;height:100dvh;image-rendering:pixelated}
#hud{position:fixed;top:8px;left:10px;color:#fff;font-size:22px;font-weight:bold;text-shadow:2px 2px #000}
#ctl{position:fixed;bottom:0;left:0;right:0;height:120px;pointer-events:none}
.b{position:absolute;bottom:16px;width:92px;height:92px;background:rgba(120,120,120,.55);border:4px solid rgba(255,255,255,.7);color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center;pointer-events:auto;border-radius:8px}
.b.on{background:rgba(255,220,0,.7)}
#bl{left:16px}#br{left:124px}#bj{right:16px;width:150px;height:130px;font-size:26px;font-weight:bold;background:rgba(60,170,60,.6)}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.75);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:18px}
.ov h1{font-size:34px;color:#ffd84a;text-shadow:3px 3px #000}.ov p{font-size:20px;max-width:520px}
.ov button{font:bold 28px "Courier New";padding:16px 34px;background:#3c3;border:4px solid #fff;color:#fff;border-radius:8px}
.hide{display:none}#win{background:rgba(0,0,0,.4)}#stars{font-size:48px}
#msg{position:fixed;top:40%;width:100%;text-align:center;color:#fff;font-size:30px;font-weight:bold;text-shadow:3px 3px #000;pointer-events:none;opacity:0;transition:opacity .3s}

.ov button:disabled{background:#666;opacity:.7}.ov button.sm{font-size:20px;padding:10px 20px;background:#555}

#bf{right:16px;bottom:160px;width:150px;height:90px;font-size:26px;font-weight:bold;background:rgba(220,60,60,.6)}#bf.hide{display:none}#levels button{padding:10px 30px;font-size:22px}#levels{gap:10px}

@media (orientation:portrait){#bl,#br{width:74px}#bl{left:8px}#br{left:88px}#bj{right:10px;width:120px;height:110px}#bf{right:140px;bottom:16px;width:80px;height:80px;font-size:16px}}