html,body{margin:0;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}body{font-family:system-ui,-apple-system,sans-serif;background:#c93fa0;color:#fff}#app canvas{display:block}button{font:inherit;color:inherit;cursor:pointer}#ui{position:fixed;top:0;bottom:0;pointer-events:none;--arena-h: 36vh}#top{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:10px;right:10px;display:flex;justify-content:space-between;align-items:center}#hp,#wave{background:#0009;padding:4px 12px;border-radius:99px;font-weight:800;font-size:15px;transition:transform .1s}#hp.pop{transform:scale(1.15)}#wave.flash{animation:flash .9s}#wave{transform-origin:right center}@keyframes flash{0%{transform:scale(1.25);background:#ffb23a}to{transform:scale(1)}}#mid{position:absolute;top:calc(var(--arena-h) - 15px);left:10px;right:10px;display:flex;gap:10px;align-items:center}#xp{flex:1;position:relative;height:22px;background:#1b1b2a;border:2px solid #fff;border-radius:99px;overflow:hidden}#xp i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(#ffd84a,#ffa21a);transition:width .2s}#xp span{position:relative;display:block;text-align:center;line-height:22px;font-weight:800;font-size:13px;text-shadow:0 1px 2px #000}#ammo-box{background:#1b1b2a;border:2px solid #fff;border-radius:99px;padding:0 12px;height:22px;line-height:22px;font-weight:800;font-size:14px;min-width:52px;text-align:center}#ammo{display:inline-block;transition:transform .1s}#ammo.pop{transform:scale(1.3)}#maze{position:absolute;top:calc(var(--arena-h) + 14px);left:0;right:0;text-align:center;font-size:12px;font-weight:700;opacity:.85;text-shadow:0 1px 2px #0006}#hint{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 6px);left:0;right:0;text-align:center;font-size:11px;opacity:.75}#fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.float{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:17px;text-shadow:0 2px 0 #000a;animation:rise .7s ease-out forwards;white-space:nowrap}.float.crit{color:#ffb23a;font-size:24px}.float.hurt{color:#ff5a6a;font-size:20px}.float.heal{color:#5dff7a;font-size:20px}@keyframes rise{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-40px}}#pick,#over{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#000a}#pick[hidden],#over[hidden]{display:none}#pick h2{margin:0;font-size:32px;font-weight:900;text-shadow:0 3px 0 #0006}#cards{display:flex;gap:10px;padding:0 12px;max-width:520px}.card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:3px solid #fff;border-radius:16px;background:linear-gradient(#5b4a9a,#33295e);box-shadow:0 5px #1b1435}.card:active{transform:translateY(3px);box-shadow:0 2px #1b1435}.card b{font-size:34px}.card span{font-weight:900;font-size:15px}.card small{font-size:12px;opacity:.85}#over-text{font-size:30px;font-weight:900;text-align:center;padding:0 20px}#restart{font-size:24px;font-weight:900;padding:12px 44px;border:0;border-radius:99px;background:#45bb32;box-shadow:0 5px #2a7a1d}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:22px;font-weight:700}