.active-tasks-panel{background:#000000d9;border:1px solid rgba(0,255,255,.3);border-radius:8px;box-shadow:0 4px 20px #0ff3;max-width:400px;max-height:600px;display:flex;flex-direction:column;color:#fff}.active-tasks-panel__header{padding:12px 16px;border-bottom:1px solid rgba(0,255,255,.2);background:linear-gradient(to bottom,rgba(0,255,255,.1),transparent)}.active-tasks-panel__title{margin:0;font-size:1rem;font-weight:600;color:#0ff;display:flex;align-items:center}.active-tasks-panel__filters{padding:8px;display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid rgba(0,255,255,.1)}.active-tasks-panel__filters .btn{font-size:.75rem;padding:4px 8px}.active-tasks-panel__list{flex:1;overflow-y:auto;padding:8px}.active-tasks-panel__list::-webkit-scrollbar{width:6px}.active-tasks-panel__list::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.active-tasks-panel__list::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.active-tasks-panel__list::-webkit-scrollbar-thumb:hover{background:#00ffff80}.active-task-card{background:#141428e6;border:1px solid rgba(0,255,255,.2);border-radius:6px;padding:12px;margin-bottom:8px;transition:all .2s ease}.active-task-card:hover{border-color:#0ff6;box-shadow:0 2px 12px #00ffff26}.active-task-card--completed{opacity:.7;border-color:#28a74566}.active-task-card--paused{opacity:.8;border-color:#ffc10766}.active-task-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.active-task-card__type .badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.active-task-card__status .badge{font-size:.7rem}.active-task-card__body{margin-bottom:8px}.active-task-card__name{font-size:.9rem;font-weight:600;margin-bottom:4px;color:#e0e0e0}.active-task-card__target{font-size:.75rem;margin:0}.active-task-card__time{font-size:.85rem;color:#0ff;margin-bottom:6px;font-weight:500;font-family:Courier New,monospace}.active-task-card__time .time-remaining{margin-left:4px}.active-task-card__progress{height:6px;background-color:#00000080;border-radius:3px;overflow:hidden}.active-task-card__progress .progress-bar{transition:width .3s ease}.active-task-card__actions{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,255,255,.1)}.active-task-card__actions .btn{flex:1;font-size:.75rem;padding:4px 8px}.active-tasks-panel .text-muted{color:#fff9!important}.active-tasks-panel .spinner-border{border-color:#0ff;border-right-color:transparent}.hud-panel{display:flex;gap:12px}.hud-panel--horizontal{flex-direction:row;flex-wrap:wrap}.hud-panel--vertical{flex-direction:column}.hud-group{background:#000c;border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:8px;box-shadow:0 2px 12px #00ffff26}.hud-group__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(0,255,255,.2)}.hud-group__title{margin:0;font-size:.85rem;font-weight:600;color:#0ff;text-transform:uppercase;letter-spacing:.5px}.hud-group__toggle{background:none;border:none;color:#0ff;cursor:pointer;padding:4px 8px;font-size:.75rem;opacity:.7;transition:opacity .2s}.hud-group__toggle:hover{opacity:1}.hud-group__buttons{display:flex;gap:6px}.hud-group__buttons--horizontal{flex-direction:row;flex-wrap:wrap}.hud-group__buttons--vertical{flex-direction:column}.hud-btn{position:relative;background:linear-gradient(135deg,#0064c899,#00326499);border:1px solid rgba(0,150,255,.5);border-radius:6px;padding:10px 16px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:.9rem;min-width:100px}.hud-btn:hover{background:linear-gradient(135deg,#0096ffb3,#0064c8b3);border-color:#00c8ffcc;box-shadow:0 4px 16px #0096ff66;transform:translateY(-2px)}.hud-btn:active{transform:translateY(0)}.hud-btn__icon{font-size:1.1rem}.hud-btn__label{flex:1;text-align:left;font-weight:500}.hud-btn__badge{position:absolute;top:-6px;right:-6px;font-size:.65rem;padding:2px 6px;min-width:18px;text-align:center;border-radius:10px;box-shadow:0 2px 8px #0000004d}@media (max-width: 768px){.hud-panel{gap:8px}.hud-group{padding:6px}.hud-btn{padding:8px 12px;min-width:80px;font-size:.85rem}}.research-tree{background:#0a0a1ef2;border-radius:8px;padding:16px;color:#fff;min-height:400px}.research-tree__header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(0,255,255,.3)}.research-tree__title{margin:0;font-size:1.25rem;color:#0ff;font-weight:700}.research-tree__subtitle{margin:4px 0 0;font-size:.85rem}.research-tree__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.research-node{background:#141432e6;border:2px solid rgba(100,100,150,.4);border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease;position:relative}.research-node:hover{border-color:#00c8ff99;box-shadow:0 4px 16px #00c8ff4d;transform:translateY(-2px)}.research-node--selected{border-color:#0ff;box-shadow:0 0 20px #00ffff80}.research-node--locked{opacity:.5;cursor:not-allowed}.research-node--locked:hover{transform:none;border-color:#64649666;box-shadow:none}.research-node--available{border-color:#007bff99}.research-node--researching{border-color:#ffc10799;animation:pulse 2s infinite}.research-node--completed{border-color:#28a74599}@keyframes pulse{0%,to{box-shadow:0 0 10px #ffc1074d}50%{box-shadow:0 0 20px #ffc10799}}.research-node__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.research-node__icon{width:40px;height:40px;background:linear-gradient(135deg,#0064c866,#00326466);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#0ff}.research-node__status{font-size:1.1rem}.research-node--locked .research-node__status{color:#6c757d}.research-node--available .research-node__status{color:#007bff}.research-node--researching .research-node__status{color:#ffc107}.research-node--completed .research-node__status{color:#28a745}.research-node__body{margin-bottom:10px}.research-node__name{font-size:.95rem;font-weight:600;margin-bottom:4px;color:#e0e0e0}.research-node__level{font-size:.8rem;color:#0ff;margin-bottom:6px}.research-node__description{font-size:.75rem;color:#ffffffb3;margin-bottom:8px;line-height:1.3}.research-node__cost{margin-top:6px}.research-node__cost .badge{font-size:.65rem;font-weight:500}.research-node__actions{margin-top:10px}.research-tree__details{background:#0064c833;border:1px solid rgba(0,200,255,.4);border-radius:8px;padding:12px;margin-top:20px}.research-tree__details h6{color:#0ff;margin-bottom:8px}.research-tree__details ul{padding-left:20px}@media (max-width: 768px){.research-tree__grid{grid-template-columns:1fr}}.user-settings-panel{background:#141428f2;border-radius:8px;color:#fff;max-width:600px;box-shadow:0 4px 24px #00000080}.user-settings-panel__header{padding:16px 20px;border-bottom:2px solid rgba(0,255,255,.3);background:linear-gradient(to bottom,rgba(0,100,200,.2),transparent)}.user-settings-panel__title{margin:0;font-size:1.25rem;color:#0ff;font-weight:700}.user-settings-panel__tabs{border-bottom:1px solid rgba(0,255,255,.2);padding:0 20px;background:#0000004d}.user-settings-panel__tabs .nav-link{background:transparent;border:none;color:#ffffffb3;padding:12px 16px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.user-settings-panel__tabs .nav-link:hover{color:#0ff;border-bottom-color:#00ffff4d}.user-settings-panel__tabs .nav-link.active{color:#0ff;border-bottom-color:#0ff;background:#0064c833}.user-settings-panel__content{padding:20px;min-height:300px;max-height:500px;overflow-y:auto}.user-settings-panel__content::-webkit-scrollbar{width:8px}.user-settings-panel__content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.user-settings-panel__content::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}.user-settings-panel__content::-webkit-scrollbar-thumb:hover{background:#00ffff80}.settings-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-section__title{font-size:1rem;font-weight:600;color:#0ff;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,255,255,.2)}.settings-field{margin-bottom:16px}.settings-field .form-label{font-size:.9rem;font-weight:500;color:#e0e0e0;margin-bottom:6px}.settings-field .form-select{background-color:#0006;border:1px solid rgba(0,150,255,.4);color:#fff;font-size:.9rem}.settings-field .form-select:focus{background-color:#00000080;border-color:#0ff;box-shadow:0 0 0 .2rem #00ffff40;color:#fff}.settings-field .form-select option{background-color:#1a1a3a;color:#fff}.settings-field .form-check-label{font-size:.9rem;color:#e0e0e0;cursor:pointer}.settings-field .form-check-input{cursor:pointer;border-color:#0096ff80;background-color:#0006}.settings-field .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.settings-field .form-check-input:focus{border-color:#0ff;box-shadow:0 0 0 .2rem #00ffff40}.user-settings-panel__footer{padding:16px 20px;border-top:1px solid rgba(0,255,255,.2);background:#0000004d;display:flex;gap:12px;justify-content:flex-end}.user-settings-panel__footer .btn{min-width:100px}.user-settings-panel__footer .btn-secondary{background:#64647880;border-color:#646478b3}.user-settings-panel__footer .btn-secondary:hover:not(:disabled){background:#646478b3;border-color:#646478e6}.user-settings-panel__footer .btn-primary{background:linear-gradient(135deg,#0d6efd,#0a58ca);border-color:#0d6efd}.user-settings-panel__footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0b5ed7,#084298);border-color:#0b5ed7;box-shadow:0 4px 16px #0d6efd66}.user-settings-panel__footer .btn:disabled{opacity:.5;cursor:not-allowed}.battlegroup-switcher{background:#000a1ef2;border:1px solid rgba(0,200,255,.4);border-radius:8px;padding:12px 16px;margin-bottom:8px}.battlegroup-switcher__label{font-size:.7rem;font-weight:700;letter-spacing:1px;color:#0ff9;margin-bottom:6px}.battlegroup-switcher__dropdown{position:relative}.battlegroup-switcher__selected{width:100%;background:linear-gradient(135deg,#0064c84d,#0032644d);border:1px solid rgba(0,150,255,.5);border-radius:6px;padding:10px 14px;color:#fff;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.battlegroup-switcher__selected:hover{background:linear-gradient(135deg,#0078dc66,#00467866);border-color:#00c8ffb3}.battlegroup-switcher__name{flex:1;text-align:left;color:#0ff}.battlegroup-switcher__type{font-size:.65rem;padding:3px 8px;font-weight:700}.battlegroup-switcher__menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#0a1428fa;border:1px solid rgba(0,200,255,.6);border-radius:6px;box-shadow:0 4px 20px #00000080;z-index:1000;max-height:300px;overflow-y:auto}.battlegroup-switcher__menu::-webkit-scrollbar{width:6px}.battlegroup-switcher__menu::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.battlegroup-switcher__item{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(0,200,255,.1);padding:12px 14px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .15s}.battlegroup-switcher__item:last-child{border-bottom:none}.battlegroup-switcher__item:hover{background:#0064c84d}.battlegroup-switcher__item--active{background:#0096ff33;border-left:3px solid #00ffff}.battlegroup-switcher__item-name{font-size:.9rem;font-weight:500}.battlegroup-switcher__item-count{font-size:.75rem;color:#fff9}.battlegroup-switcher__empty{padding:20px;text-align:center}.unit-quick-strip{display:flex;gap:6px;padding:8px;background:#000000b3;border:1px solid rgba(0,150,255,.3);border-radius:6px;margin-bottom:12px;flex-wrap:wrap}.unit-quick-strip__empty{width:100%;padding:12px;text-align:center}.unit-quick-strip__button{position:relative;background:linear-gradient(135deg,#283c6499,#141e3299);border:2px solid rgba(0,100,200,.5);border-radius:6px;padding:8px 12px;min-width:60px;color:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.unit-quick-strip__button:hover{background:linear-gradient(135deg,#3c5078b3,#283246b3);border-color:#0096ffb3;transform:translateY(-2px);box-shadow:0 4px 12px #0096ff4d}.unit-quick-strip__button--selected{background:linear-gradient(135deg,#0096ff80,#0064c880);border-color:#0ff;box-shadow:0 0 16px #0ff9,inset 0 0 12px #0ff3;transform:scale(1.05)}.unit-quick-strip__button--selected:hover{transform:scale(1.05) translateY(-2px)}.unit-quick-strip__icon{position:relative;font-size:1.4rem;line-height:1}.unit-quick-strip__emoji{display:block}.unit-quick-strip__status-dot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.8)}.unit-quick-strip__status--idle{background:#28a745;box-shadow:0 0 6px #28a745cc}.unit-quick-strip__status--moving{background:#ffc107;box-shadow:0 0 6px #ffc107cc;animation:pulse-moving 1.5s infinite}.unit-quick-strip__status--in_combat{background:#dc3545;box-shadow:0 0 6px #dc3545cc;animation:pulse-combat .8s infinite}@keyframes pulse-moving{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-combat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.unit-quick-strip__label{font-size:.75rem;font-weight:700;letter-spacing:.5px;color:#0ff}.unit-quick-strip__number{position:absolute;top:2px;right:4px;font-size:.65rem;color:#ffffff80;font-weight:600}@media (max-width: 768px){.unit-quick-strip__button{min-width:50px;padding:6px 10px}.unit-quick-strip__icon{font-size:1.2rem}.unit-quick-strip__label{font-size:.7rem}}.selected-unit-panel{background:#0a1428f2;border:1px solid rgba(0,200,255,.4);border-radius:8px;padding:16px;color:#fff}.selected-unit-panel__empty{padding:40px 20px;text-align:center}.selected-unit-panel__header{display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,200,255,.2)}.selected-unit-panel__icon{font-size:3rem;line-height:1}.selected-unit-panel__info{flex:1}.selected-unit-panel__name{font-size:1.1rem;font-weight:700;margin:0 0 8px;color:#0ff}.selected-unit-panel__badges{display:flex;gap:6px;flex-wrap:wrap}.selected-unit-panel__badges .badge{font-size:.65rem;padding:3px 8px;font-weight:700}.selected-unit-panel__counter{font-size:.9rem;color:#ffffffb3;font-weight:600}.selected-unit-panel__stats{margin-bottom:16px}.selected-unit-panel__health{margin-bottom:12px}.selected-unit-panel__health-label{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:4px;color:#fffc}.selected-unit-panel__health .progress{height:10px;background-color:#00000080;border-radius:5px}.selected-unit-panel__details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat-item{background:#0064c833;border:1px solid rgba(0,150,255,.3);border-radius:4px;padding:8px;display:flex;align-items:center;gap:8px;font-size:.8rem}.stat-item i{color:#0ff;width:16px;text-align:center}.stat-label{flex:1;color:#ffffffb3}.stat-value{font-weight:700;color:#0ff}.selected-unit-panel__actions{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,200,255,.2)}.selected-unit-panel__actions-title{font-size:.75rem;font-weight:700;letter-spacing:1px;color:#0ff9;margin-bottom:10px}.selected-unit-panel__action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.action-btn{position:relative;background:linear-gradient(135deg,#0064c866,#00326466);border:1px solid rgba(0,150,255,.5);border-radius:6px;padding:12px 10px;color:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.action-btn:hover:not(:disabled){background:linear-gradient(135deg,#0096ff80,#0064c880);border-color:#0ff;box-shadow:0 4px 16px #0096ff66;transform:translateY(-2px)}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn i{font-size:1.3rem;color:#0ff}.action-btn__label{font-size:.75rem;font-weight:600}.action-btn__hotkey{position:absolute;top:4px;right:6px;font-size:.65rem;color:#fff6;font-weight:700;background:#0000004d;padding:2px 5px;border-radius:3px}@media (max-width: 768px){.selected-unit-panel__header{flex-wrap:wrap}.selected-unit-panel__action-grid{grid-template-columns:repeat(3,1fr)}.action-btn{padding:10px 8px}.action-btn i{font-size:1.1rem}.action-btn__label{font-size:.7rem}}.nearby-units-list{background:#000a1ef2;border:1px solid rgba(0,200,255,.4);border-radius:8px;margin-top:12px}.nearby-units-list__header{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid rgba(0,200,255,.2);transition:background .2s}.nearby-units-list__header:hover{background:#0064c833}.nearby-units-list__title{margin:0;font-size:.85rem;font-weight:600;color:#0ff;display:flex;align-items:center}.nearby-units-list__toggle{background:none;border:none;color:#fff9;cursor:pointer;padding:4px 8px}.nearby-units-list__content{max-height:11rem;overflow-y:auto}.nearby-units-list__content::-webkit-scrollbar{width:6px}.nearby-units-list__content::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.nearby-units-list__loading,.nearby-units-list__empty{padding:20px;text-align:center}.nearby-units-list__items{display:flex;flex-direction:column}.nearby-unit-item{background:transparent;border:none;border-bottom:1px solid rgba(0,200,255,.1);padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s;color:#fff;text-align:left}.nearby-unit-item:last-child{border-bottom:none}.nearby-unit-item:hover{background:#0064c84d}.nearby-unit-item__icon{font-size:1.5rem;line-height:1}.nearby-unit-item__info{flex:1}.nearby-unit-item__name{font-size:.85rem;font-weight:500}.nearby-unit-item__distance{font-size:.7rem;color:#fff9}.nearby-unit-item__badge{color:#0ff;font-size:.8rem}.nearby-unit-item--idle{border-left:3px solid #28a745}.nearby-unit-item--moving{border-left:3px solid #ffc107}.nearby-unit-item--in_combat{border-left:3px solid #dc3545;animation:pulse-border 1s infinite}@keyframes pulse-border{0%,to{border-left-color:#dc3545}50%{border-left-color:#ff6b7a}}.unit-hud-root{background:#00000080;border:2px solid rgba(0,200,255,.5);border-radius:10px;padding:12px;box-shadow:0 6px 24px #0009,0 0 30px #00c8ff33;max-width:450px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transform:scale(.97);position:relative;opacity:.85;z-index:600;transition:transform .3s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.unit-hud-root:hover{background:#000c;box-shadow:0 8px 32px #000c,0 0 50px #00c8ff59;opacity:1;transform:scale(1)}.unit-hud-root__loading,.unit-hud-root__error{padding:40px 20px;text-align:center}.unit-hud-root__main{display:flex;flex-direction:column;gap:12px}.unit-hud-root ::-webkit-scrollbar{width:8px;height:8px}.unit-hud-root ::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.unit-hud-root ::-webkit-scrollbar-thumb{background:#00c8ff66;border-radius:4px}.unit-hud-root ::-webkit-scrollbar-thumb:hover{background:#00c8ff99}@media (max-width: 768px){.unit-hud-root{max-width:100%;border-radius:0;border-left:none;border-right:none}}