*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-user-select:none;user-select:none;background:#0d0820;flex-direction:column;align-items:center;height:100dvh;font-family:Arial,sans-serif;display:flex;overflow:hidden}#hud{background:#0009;border-bottom:1px solid #b464ff40;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:600px;padding:8px 16px;font-size:.85rem;display:flex}#hud b{color:#c07aff}#canvas-wrap{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}canvas{touch-action:none;max-width:100%;max-height:100%;display:block}#gamepad{pointer-events:none;justify-content:space-between;padding:0 20px;display:flex;position:absolute;bottom:14px;left:0;right:0}.gpad-btn{cursor:pointer;pointer-events:all;touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:.82;border:2px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:82px;height:82px;transition:transform 80ms,opacity 80ms;display:flex}.gpad-btn:active{opacity:1;transform:scale(.88)}.jump-btn{background:#64a0ff38;border-color:#78b4ff8c}.jump-btn:active{background:#64a0ff8c}.attack-btn{background:#ff645038;border-color:#ff8c648c}.attack-btn:active{background:#ff64508c}.gpad-icon{font-size:1.7rem;line-height:1}.gpad-label{color:#ffffffb3;letter-spacing:.02em;font-size:.6rem}#bottom-bar{background:#0009;border-top:1px solid #b464ff40;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:600px;padding:8px 20px;display:flex}#back-btn{color:#c07aff;font-size:.9rem;font-weight:700;text-decoration:none}#mute-btn{cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1}