html,body,#app{margin:0;height:100%;background:#1a1412;overflow:hidden;touch-action:none;font-family:Arial,Helvetica,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}#hud,#overlay{position:fixed;inset:0;pointer-events:none}#top{position:absolute;left:12px;right:12px;top:calc(8px + env(safe-area-inset-top));display:flex;justify-content:space-between;color:#fff;font-weight:900;text-shadow:0 2px 0 #000;letter-spacing:.04em}#badge{position:absolute;transform:translate(-50%,-130%);min-width:36px;padding:4px 8px;border-radius:999px;background:#1d4dff;color:#fff;font-weight:900;text-align:center;border:2px solid white;box-shadow:0 2px #07133f}#boss{position:absolute;left:16px;right:16px;top:calc(40px + env(safe-area-inset-top))}#boss.hidden{display:none}#boss-name{display:block;text-align:center;color:#fff;font-weight:900;font-size:13px;text-shadow:0 2px 0 #000;margin-bottom:4px}#boss-track{height:14px;background:#2a120e;border:2px solid #fff;border-radius:8px;overflow:hidden}#boss-fill{height:100%;width:100%;background:linear-gradient(#ff5a3a,#c41616)}#banner{position:absolute;left:0;right:0;top:28%;text-align:center;font-size:42px;font-weight:900;color:#fff;text-shadow:0 4px 0 #000,0 0 16px #000;opacity:0;transform:scale(.7)}#banner.show{opacity:1;transform:scale(1);transition:transform .12s ease-out}.float{position:absolute;transform:translate(-50%);font-weight:900;font-size:26px;text-shadow:0 2px 0 #000;animation:floatup .7s ease-out forwards;pointer-events:none}@keyframes floatup{to{transform:translate(-50%,-46px);opacity:0}}#hint{position:absolute;left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom));text-align:center;color:#fff;font-weight:900;text-shadow:0 2px 0 #000;letter-spacing:.08em}#hint.hidden{display:none}#mute{position:absolute;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:auto;border:0;background:#00000073;color:#fff;font-weight:900;border-radius:999px;width:42px;height:42px}#overlay{display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(transparent,#0000008c 40%,#000000c7)}#overlay.hidden{display:none}.panel{pointer-events:auto;width:min(420px,100%);padding:16px 16px calc(18px + env(safe-area-inset-bottom));color:#fff;text-align:center}.panel h1{margin:0;font-size:34px}#ov-stars{font-size:28px;color:#ffd34a;letter-spacing:4px;margin:4px 0}#shop{display:flex;flex-direction:column;gap:8px;margin:12px 0}.shop-btn{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#2a211c;color:#fff;border:2px solid #ffd34a;border-radius:12px;padding:10px 12px;font-weight:900;text-align:left}.shop-btn small{display:block;font-weight:700;color:#ffd9a0}.shop-btn:disabled{opacity:.45}#ov-next{width:100%;border:0;background:#1d4dff;color:#fff;font-weight:900;font-size:18px;border-radius:14px;padding:14px}