:root{--cyan:#55e7ff;--pink:#ff4f9a;--gold:#ffd45c;--green:#5cffb0;--violet:#aa78ff;--bg:#030611}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;overflow:hidden;background:#02040b;color:#eef7ff;font-family:Segoe UI,system-ui,sans-serif}body{min-height:100dvh;background:radial-gradient(circle at 50% 80%,#10234b,#02040b 65%)}#game{position:fixed;inset:0;margin:auto;width:min(100vw,520px);height:100dvh;overflow:hidden;background:#050817;box-shadow:0 0 100px #000}canvas{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;z-index:3;top:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;pointer-events:none;background:linear-gradient(#050817cc,transparent)}h1{font-size:18px;letter-spacing:.16em;margin:0}h1 b{color:var(--cyan);text-shadow:0 0 16px var(--cyan)}header p{font-size:11px;color:#8794b5;margin:5px 0}.stats{display:flex;align-items:flex-start;gap:8px}.stats span,.stats button{border:1px solid #ffffff20;background:#ffffff0c;color:white;padding:8px 10px;border-radius:10px;font-weight:800;backdrop-filter:blur(8px)}#combo{color:var(--gold)}.stats button{pointer-events:auto;cursor:pointer;font-size:16px;padding:6px 10px}.weapon-card{position:absolute;z-index:3;left:18px;bottom:18px;display:grid;grid-template-columns:38px auto 26px;align-items:center;gap:9px;padding:9px 11px;border:1px solid #ffffff20;border-radius:14px;background:#071020cc;backdrop-filter:blur(12px);transition:.25s}.weapon-card.pop{transform:scale(1.08);box-shadow:0 0 32px var(--weapon,#55e7ff)}.weapon-card>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--weapon,#55e7ff);background:color-mix(in srgb,var(--weapon,#55e7ff) 18%,transparent);text-shadow:0 0 12px currentColor}.weapon-card strong,.weapon-card small{display:block}.weapon-card strong{font-size:13px}.weapon-card small{font-size:9px;color:#8c9abb;margin-top:2px}.weapon-card i{font-style:normal;color:var(--weapon,#55e7ff);font-weight:900}.boss-bar{position:absolute;z-index:4;top:86px;left:50%;width:70%;transform:translateX(-50%);display:none;text-align:center}.boss-bar.show{display:block}.boss-bar label{font-size:10px;letter-spacing:.3em;color:var(--pink);font-weight:900}.boss-bar i{display:block;height:5px;background:#ffffff18;border-radius:8px;margin-top:5px;overflow:hidden}.boss-bar b{display:block;width:100%;height:100%;background:var(--pink);box-shadow:0 0 10px var(--pink);transition:width .15s}.overlay{position:absolute;z-index:9;inset:0;display:grid;place-items:center;padding:25px;background:#02040bb8;backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.dialog{text-align:center;max-width:390px}.eyebrow{font-size:10px;letter-spacing:.32em;color:var(--cyan);font-weight:900}.dialog h2{font-size:clamp(36px,11vw,58px);line-height:.9;letter-spacing:-.06em;margin:14px 0}.dialog h2 b{color:var(--pink);text-shadow:0 0 30px #ff4f9a88}.dialog p{color:#9ca9c5;line-height:1.5;margin:20px auto;max-width:330px}.dialog button{border:0;border-radius:14px;padding:15px 24px;background:linear-gradient(135deg,var(--cyan),#6d8cff);color:#03101a;font-weight:950;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 30px #55e7ff55}.dialog small{display:block;margin-top:14px;color:#65718c}