:root{color:#f7fbff;background:#080911;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{display:grid;place-items:center;background:radial-gradient(circle at 30% 10%,rgba(255,57,203,.24),transparent 34%),radial-gradient(circle at 80% 70%,rgba(31,230,255,.2),transparent 30%),#080911}#game-shell{position:relative;width:min(100vw,1280px);height:min(100vh,720px);overflow:hidden;border:1px solid rgba(142,245,255,.28);background:#05060d;box-shadow:0 24px 80px #0000006b}#game-container,#game-container canvas{width:100%;height:100%;display:block}#hud{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;gap:10px;align-items:center;pointer-events:none}.hud-panel{min-height:34px;padding:8px 12px;border:1px solid rgba(180,246,255,.34);background:#0a0c19c7;color:#ecfbff;font-size:14px;font-weight:800;line-height:1;text-transform:uppercase;text-shadow:0 0 10px rgba(62,231,255,.55)}.health-panel{width:min(42vw,310px)}.label{display:inline-block;margin-right:8px}.bar{display:inline-block;width:calc(100% - 70px);height:12px;border:1px solid rgba(255,255,255,.32);vertical-align:middle;background:#ffffff14}#health-fill{width:100%;height:100%;background:linear-gradient(90deg,#22f7b8,#f5e84a,#ff4d7d);transition:width .12s linear}@media(max-width:720px){#hud{flex-wrap:wrap}.hud-panel{font-size:12px;padding:7px 9px}}