*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#0e0b13;color:#ece6ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;touch-action:none}#app{position:relative;width:100vw;height:100vh;max-height:100dvh;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden}canvas{display:block;width:100%;height:100%}.hud-top,.hud-bottom{position:absolute;left:0;right:0;padding:14px 16px;display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.02em;color:#ece6ff;text-shadow:0 1px 0 rgba(0,0,0,.5);pointer-events:none}.hud-top{top:0;justify-content:space-between;font-size:14px}.hud-bottom{bottom:0;justify-content:center;font-size:13px;opacity:.7}.hud-button{pointer-events:auto;appearance:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ece6ff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.hud-button:hover{background:#ffffff2e}.level-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:18px 28px;background:#140e1ed9;border:1px solid rgba(255,255,255,.15);border-radius:16px;font-size:20px;font-weight:700;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s ease}.level-banner.show{opacity:1}