:root{color-scheme:dark;--bg: #0e1218;--panel: rgba(14, 19, 28, .86);--panel-strong: rgba(10, 14, 20, .94);--border: rgba(255, 255, 255, .08);--text: #f5f7fb;--muted: #9fb0c8;--accent: #7df9c1;--danger: #ff5c7a;--warning: #f6bf5f;--shadow: 0 20px 60px rgba(0, 0, 0, .35);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at top,rgba(38,88,112,.2),transparent 30%),linear-gradient(180deg,#131a22,#0a0e13);color:var(--text)}.game-shell{position:relative;width:100%;height:100%}.game-shell canvas{width:100%;height:100%;display:block}.hud{position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none}.boss-panel{position:absolute;left:50%;top:18px;transform:translate(-50%);width:min(560px,calc(100% - 220px));padding:12px 16px;z-index:2}.boss-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px}.boss-label,.boss-hp{color:var(--text);font-weight:700}.boss-bar{height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.boss-fill{height:100%;width:0;background:linear-gradient(90deg,#35c6ff,#7a4ee8);transition:width .12s linear}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-main{padding:14px 16px;min-width:310px}.hud-main h1{margin:0 0 10px;font-size:18px;letter-spacing:.04em}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px 16px}.stat-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}.stat-row strong{color:var(--text);font-weight:700}.status-stack{display:flex;flex-direction:column;gap:10px}.pill{padding:12px 14px;min-width:150px}.pill .label{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.pill .value{font-size:24px;font-weight:800}.health-bar{height:10px;margin-top:12px;background:#ffffff14;border-radius:999px;overflow:hidden}.health-fill{height:100%;background:linear-gradient(90deg,#ff7a7a,#ff4d6d);transition:width .12s linear}.loadout-block{margin-top:12px;font-size:12px}.loadout-title{margin-bottom:6px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.loadout-value{color:var(--text);line-height:1.5}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#070a0e94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wave-value{font-size:18px;line-height:1.2}.overlay[hidden]{display:none}.overlay-card{width:min(980px,100%);padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top right,rgba(125,249,193,.14),transparent 32%),var(--panel-strong);box-shadow:var(--shadow)}.overlay-card h2{margin:0;font-size:30px}.overlay-card p{margin:10px 0 0;color:var(--muted)}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:22px}.upgrade-card{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.upgrade-card:hover{transform:translateY(-4px);border-color:#7df9c173;background:#7df9c114}.upgrade-card h3{margin:0;font-size:18px}.upgrade-card span{display:inline-flex;margin-top:10px;padding:4px 8px;border-radius:999px;background:#f6bf5f29;color:var(--warning);font-size:12px;font-weight:700;letter-spacing:.04em}.upgrade-card p{margin-top:12px;line-height:1.5}.gameover-actions{display:flex;gap:12px;margin-top:22px}.button{appearance:none;border:0;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#7df9c1,#3eb99b);color:#04110d;font-weight:800;cursor:pointer}.button.secondary{background:#ffffff14;color:var(--text)}@media(max-width:780px){.hud{flex-direction:column}.boss-panel{inset:auto 18px 18px;width:auto;transform:none}.hud-main{min-width:0;width:100%}.status-stack{width:100%;flex-direction:row}.pill{flex:1}}