*{box-sizing:border-box}html,body,#app{color:#fff8d8;background:#07080b;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block}.hud{z-index:2;pointer-events:none;grid-template-columns:minmax(150px,1fr) repeat(9,minmax(72px,auto));align-items:stretch;gap:10px;display:grid;position:fixed;top:18px;left:18px;right:18px}.brand,.stat{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07080ba3;border:1px solid #ffdf876b;min-height:48px;box-shadow:0 0 26px #ffcc5624}.brand{color:#ffe08a;text-transform:uppercase;align-content:center;gap:2px;padding:7px 16px;font-size:18px;font-weight:800;display:grid}.brand span{color:#9ee7ff;letter-spacing:0;font-size:10px;font-weight:900}.stat{align-content:center;justify-items:start;gap:2px;padding:7px 12px;display:grid}.stat span{color:#b9c7d8;text-transform:uppercase;font-size:12px;font-weight:700}.stat strong{color:#fff;font-size:19px;line-height:1}.level-toast{z-index:2;text-align:center;pointer-events:none;background:#07080bad;border:1px solid #ffdf877a;min-width:min(420px,100vw - 36px);padding:12px 18px;display:grid;position:fixed;top:112px;left:50%;transform:translate(-50%);box-shadow:0 0 34px #ffcc5633}.level-toast strong{color:#ffe08a;text-transform:uppercase;font-size:20px;line-height:1.15}.level-toast span{color:#d4dfeb;margin-top:4px;font-size:14px;font-weight:700}.boss-bar{z-index:2;pointer-events:none;background:#080a0ec7;border:1px solid #ff4d6894;width:min(620px,100vw - 36px);padding:10px 12px 12px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 0 36px #ff24483d}.boss-label{color:#ffd3d9;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:13px;font-weight:900;display:flex}.boss-track{background:#ffffff14;border:1px solid #ffc7d03d;height:14px;margin-top:8px;overflow:hidden}.boss-fill{background:linear-gradient(90deg,#ff2448,#ffd76d);width:100%;height:100%;transition:width .12s linear;box-shadow:0 0 18px #ff24489e}.damage-flash{z-index:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#f000 48%,#ff24484d 100%),#ff244814;position:fixed;inset:0}.banner,.result{z-index:3;text-align:center;background:linear-gradient(#121420e6,#07080be0),#080a0edb;border:1px solid #ffdf8780;width:min(520px,100vw - 32px);padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #ffcf5b3d,0 0 90px #6f45ff29}.banner h1,.result h2{color:#ffe08a;text-shadow:0 0 22px #ffd76d47;margin:0 0 10px;font-size:38px;line-height:1}.banner p,.result p{color:#d4dfeb;max-width:420px;margin:0 auto 22px;line-height:1.45}button{color:#14100a;min-height:44px;font:inherit;text-transform:uppercase;cursor:pointer;background:#ffd76d;border:1px solid #fff1a8;padding:0 18px;font-weight:900}button:hover{background:#fff1a8}.hidden{display:none}@media (width<=720px){.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{grid-column:1/-1}}