:root{color-scheme:dark;font-family:Trebuchet MS,Avenir Next,sans-serif;--bg-top: #7fd1ff;--bg-bottom: #d7f7ff;--panel: rgba(9, 20, 34, .72);--panel-border: rgba(255, 255, 255, .16);--text-main: #f5fbff;--text-muted: rgba(245, 251, 255, .72);--accent: #ffd34e;--danger: #ff6a63;--good: #6ef17d;--boss: #ff9d4d}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 28%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}body{color:var(--text-main)}#game{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;padding:20px;pointer-events:none;z-index:3}.brand,.stats,.boss-bar,.message-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{max-width:360px}.eyebrow,.label,.message-kicker,.controls{display:inline-block;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.brand h1,.message-panel h2{margin:6px 0 0;font-size:clamp(24px,4vw,44px);line-height:.95}.stats{display:grid;grid-template-columns:repeat(3,minmax(82px,110px));gap:10px}.stat-card,.boss-bar,.message-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 18px 40px #050b1138}.stat-card{padding:14px 16px}.stat-card strong{display:block;margin-top:6px;font-size:28px}.boss-bar{position:fixed;top:104px;left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 32px));padding:12px 14px;z-index:3}.boss-bar.hidden{display:none}.boss-meter{margin-top:8px;height:14px;border-radius:999px;background:#ffffff1f;overflow:hidden}.boss-meter>div{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#ffcb52,var(--boss))}.toast-note{position:fixed;top:126px;right:20px;min-width:160px;max-width:min(320px,calc(100vw - 40px));padding:10px 14px;border-radius:999px;background:#0b1625a3;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);text-align:center;font-size:13px;opacity:0;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease;z-index:3;pointer-events:none}.toast-note.visible{opacity:1;transform:translateY(0)}.message-panel{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:min(480px,calc(100vw - 24px));padding:22px 22px 18px;z-index:4;text-align:center}.message-panel p{margin:10px 0 0}.message-panel button{margin-top:18px;border:0;border-radius:999px;padding:14px 22px;font:inherit;font-weight:700;color:#16202e;background:linear-gradient(90deg,#ffda72,#ff9f56);cursor:pointer}.message-panel.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(20px)}.controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media (max-width: 720px){.hud{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:repeat(3,minmax(72px,1fr));width:100%}.stat-card strong{font-size:22px}.boss-bar{top:170px}.toast-note{top:232px;right:12px;left:12px;max-width:none}}