:root{--bg: #070a12;--card: rgba(12, 14, 22, .88);--text: #f4f6fb;--muted: #9aa3b5;--accent: #ff9a4a;--font-display: "Segoe UI", "Avenir Next", "Trebuchet MS", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-display)}.game-wrap{position:relative;width:100%;height:100%;touch-action:none}.game-wrap canvas{display:block;width:100%;height:100%}.hud{pointer-events:none;position:absolute;inset:0;z-index:5}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:max(12px,env(safe-area-inset-top)) 16px 0;gap:8px}.hud-title-mini{font-weight:800;letter-spacing:.12em;font-size:11px;opacity:.55;text-transform:uppercase}.hud-chapter{font-weight:800;letter-spacing:.08em;font-size:13px;color:var(--accent)}.hud-score{font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}.hud-bursts{position:absolute;left:16px;bottom:max(18px,env(safe-area-inset-bottom));font-size:18px;letter-spacing:4px;color:#dff;text-shadow:0 0 8px rgba(160,220,255,.8)}.hud-style{position:absolute;right:16px;bottom:max(18px,env(safe-area-inset-bottom));font-weight:800;font-size:20px;color:#ffe08a}.hud-pop{position:absolute;left:50%;top:28%;transform:translate(-50%);font-weight:900;font-size:22px;letter-spacing:.06em;opacity:0;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.55)}.hud-pop.go{animation:pop .7s ease-out forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,12px) scale(.85)}20%{opacity:1;transform:translate(-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-24px) scale(1)}}.hud-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#00000026,#0000008c)}.hud-title .brand{font-size:clamp(42px,12vw,72px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 4px 28px rgba(0,0,0,.55)}.hud-title .tag{margin-top:14px;font-size:13px;letter-spacing:.28em;opacity:.7}.hud-title.hidden,.hud-end.hidden,.hud-chapter-card.hidden{display:none}.hud-chapter-card{position:absolute;left:0;right:0;top:0;height:42%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:2%;pointer-events:none;z-index:8;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,rgba(0,0,0,.12) 70%,transparent 100%)}.hud-chapter-card .chapter-card-num{font-size:clamp(32px,10vw,56px);font-weight:900;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 4px 32px rgba(0,0,0,.65)}.hud-chapter-card .chapter-card-name{margin-top:10px;font-size:14px;letter-spacing:.32em;text-transform:uppercase;opacity:.8;color:var(--accent)}.hud-chapter-card.in{animation:chapterIn .55s ease-out forwards}.hud-chapter-card.out{animation:chapterOut .45s ease-in forwards}@keyframes chapterIn{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@keyframes chapterOut{0%{opacity:1}to{opacity:0}}.hud-end{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#04060c8c;pointer-events:auto}.end-card{width:min(340px,88vw);padding:22px 22px 18px;border-radius:16px;background:var(--card);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px #00000073}.end-title{font-weight:900;letter-spacing:.14em;font-size:14px;opacity:.7;margin-bottom:14px}.end-body div{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.end-body span{color:var(--muted)}.end-body b{font-size:16px}.end-body small{margin-left:6px;color:var(--muted);font-size:11px}.retry{pointer-events:auto;margin-top:18px;width:100%;border:0;border-radius:999px;padding:14px;font-weight:800;letter-spacing:.16em;background:linear-gradient(90deg,#ff9a4a,#f68);color:#1a0c08;cursor:pointer}