:root{color:#f4f6fb;background:#0d1118;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative}#game-root{width:100%;height:100%}#game-root canvas{display:block}#ui-root{pointer-events:none;padding:16px;position:absolute;inset:0}#hud{position:absolute;top:16px;left:16px}.feedback-layer{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:hidden}.damage-float{color:#f8fafc;text-shadow:0 2px 10px #0009;will-change:transform, opacity;font-size:18px;font-weight:700;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px)}.damage-float.kill{color:#fbbf24}.hud-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d121ab8;border:1px solid #ffffff24;border-radius:12px;width:310px;padding:12px}.hud-line{justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.hud-line.compact{color:#d1d8e5;margin-bottom:2px}.hud-line.compact strong{color:#e2e8f0;font-weight:600}.bar{background:#ffffff26;border-radius:999px;width:100%;height:10px;margin-bottom:10px;overflow:hidden}.bar span{background:linear-gradient(90deg,#f35b72,#ef233c);height:100%;display:block}.bar.xp span{background:linear-gradient(90deg,#4cc9f0,#4361ee)}#weapon-select-panel,#level-up-panel,#game-over-panel{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.panel-card{pointer-events:auto;background:#0d121ae6;border:1px solid #fff3;border-radius:14px;width:min(660px,100vw - 30px);padding:20px;box-shadow:0 16px 40px #0000008c}.panel-card h2{margin:0 0 10px}.panel-card p{color:#cad2df;margin:0 0 16px}.choice-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choice-btn{color:#eef2fc;cursor:pointer;background:#1c2432;border:1px solid #2f3e56;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.choice-btn:hover{background:#233046;border-color:#5f7ec2}.choice-btn span{color:#bfd0ea;font-size:13px}.choice-btn .muted{color:#8ea4c9;text-transform:capitalize;font-size:12px}.game-over{text-align:center;width:min(420px,100vw - 30px)}#restart-btn{pointer-events:auto;color:#fff;cursor:pointer;background:#4f8ef7;border:none;border-radius:8px;padding:10px 16px;font-weight:600}#restart-btn:hover{background:#3578e8}.hidden{display:none!important}@media (width<=860px){.choice-list{grid-template-columns:1fr}}