*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-user-select:none;user-select:none;background:#000010;flex-direction:column;align-items:center;height:100dvh;font-family:Arial,sans-serif;display:flex;overflow:hidden}#hud{background:#0009;border-bottom:1px solid #6496ff33;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:420px;padding:8px 16px;font-size:.85rem;display:flex}#hud b{color:#54a0ff}#canvas-wrap{flex:1;justify-content:center;align-items:center;width:100%;padding:4px 0;display:flex;overflow:hidden}canvas{touch-action:none;image-rendering:pixelated;max-width:100%;max-height:100%;display:block}#bottom-bar{background:#0009;border-top:1px solid #6496ff33;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:420px;padding:8px 16px;display:flex}#back-btn{color:#54a0ff;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}