*{margin:0;padding:0;box-sizing:border-box}
body{background:#1a1a2e;overflow:hidden;font-family:monospace;touch-action:none}
#wr{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}
#cv{background:#5c94fc;image-rendering:pixelated;max-width:100vw;max-height:100vh}
#hu{position:absolute;top:10px;left:10px;color:#fff;font-size:14px;background:#000a;padding:6px 10px;border-radius:4px}
#tc{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none}
#tc button,#bl,#br{pointer-events:auto;width:60px;height:60px;border-radius:50%;background:#000000aa;color:#fff;border:2px solid #ffffff55;font-size:24px;display:flex;align-items:center;justify-content:center;user-select:none}
#bl{margin-right:10px}
#bl::before{content:"◀"}
#br::before{content:"▶"}
.lf{display:flex}