.combat-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;font-family:Segoe UI,Arial,sans-serif;color:#e8e0d4;-webkit-user-select:none;user-select:none}.initiative-timeline{pointer-events:auto;display:flex;gap:4px;justify-content:center;padding:6px 12px;background:linear-gradient(180deg,#140f0ae6,#140f0ab3);border-bottom:2px solid rgba(180,140,80,.4)}.initiative-unit{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(120,100,70,.5);background:#281e14cc;transition:all .2s}.initiative-unit--active{border-color:#f0c040!important;box-shadow:0 0 12px #f0c04099;background:#3c2d14e6;transform:scale(1.1)}.initiative-unit__icon{font-size:20px}.unit-stats{pointer-events:auto;position:absolute;top:58px;left:10px;background:linear-gradient(135deg,#19140feb,#231c12e0);border-left:3px solid;border-radius:6px;padding:10px 14px;min-width:180px;font-size:13px;box-shadow:0 4px 16px #00000080;border:1px solid rgba(180,140,80,.2)}.unit-stats__name{font-weight:700;font-size:16px;margin-bottom:6px;text-transform:capitalize;color:#f0d890;text-shadow:0 1px 3px rgba(0,0,0,.5)}.unit-stats__hp{margin-bottom:6px}.unit-stats__hp span{font-size:12px;color:#b8b0a0}.hp-bar{height:8px;background:#1a1510;border-radius:4px;margin-top:3px;overflow:hidden;border:1px solid rgba(120,100,70,.3)}.hp-bar__fill{height:100%;border-radius:3px;transition:width .4s ease;background:linear-gradient(90deg,#22a844,#4c6)}.unit-stats__row{font-size:12px;margin-top:3px;color:#c8c0b0}.dots{letter-spacing:2px;margin-left:4px}.combat-hud-bottom{pointer-events:auto;display:flex;align-items:flex-end;gap:12px;padding:10px 14px;background:linear-gradient(0deg,#140f0aeb,#140f0abf);border-top:2px solid rgba(180,140,80,.3)}.spell-bar{display:flex;gap:6px;flex:1;flex-wrap:wrap}.spell-btn{width:64px;height:64px;border:2px solid rgba(120,100,70,.5);border-radius:6px;background:linear-gradient(180deg,#322819e6,#231c12e6);color:#e8e0d4;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:2px}.spell-btn:hover:not(:disabled){border-color:#d4a840;background:linear-gradient(180deg,#46371ef2,#322819f2);transform:translateY(-2px);box-shadow:0 4px 8px #0006}.spell-btn--selected{border-color:#f0c040!important;background:linear-gradient(180deg,#503c14f2,#3c2d0ff2)!important;box-shadow:0 0 10px #f0c04066}.spell-btn--disabled{opacity:.35;cursor:not-allowed}.spell-btn__name{font-size:10px;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:58px;color:#f0d890}.spell-btn__cost{font-size:9px;color:#5ab8ff}.spell-btn__cd{font-size:9px;color:#ff9800}.combat-hud-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.turn-timer{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;color:#f0d890;text-shadow:0 2px 4px rgba(0,0,0,.5)}.turn-timer--urgent{color:#f44;animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.end-turn-btn{padding:10px 24px;border:2px solid rgba(180,140,80,.5);border-radius:6px;background:linear-gradient(180deg,#3d7a41,#2d6631);color:#e8e0d4;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.4)}.end-turn-btn:hover:not(:disabled){background:linear-gradient(180deg,#4d9a51,#3d8641);border-color:#c8a050b3;transform:translateY(-1px)}.end-turn-btn:disabled{background:#333;border-color:#444;cursor:not-allowed;color:#666}