@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap);:root{--color-primary:#d4af37;--color-primary-light:#e6c158;--color-primary-dark:#b8941f;--color-primary-glow:#d4af374d;--color-secondary:#1e6bff;--color-secondary-light:#4a8fff;--color-secondary-dark:#0052cc;--color-secondary-glow:#1e6bff4d;--color-accent:#4ecdc4;--color-accent-light:#6eddd5;--color-accent-dark:#2eb8ae;--color-bg-primary:#0a0a0a;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#2a2a2a;--color-bg-card:#ffffff05;--color-bg-input:#00000080;--color-bg-hover:#ffffff0d;--color-text-primary:#e6e6e6;--color-text-secondary:#b0b0b0;--color-text-muted:#888;--color-text-inverse:#0b0c0e;--color-border-primary:#ffffff1a;--color-border-secondary:#ffffff0d;--color-border-focus:var(--color-primary);--color-border-gold:#d4af374d;--color-border-gold-focus:#d4af37cc;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--color-primary-glow);--shadow-glow-secondary:0 0 20px var(--color-secondary-glow);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Fira Code","Monaco","Consolas",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--width-sidebar:320px;--width-sidebar-min:280px;--width-container:100%;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1400px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-bg-card:#00000005;--color-bg-input:#fffc;--color-bg-hover:#0000000d;--color-text-primary:#212529;--color-text-secondary:#495057;--color-text-muted:#6c757d;--color-text-inverse:#fff;--color-border-primary:#0000001a;--color-border-secondary:#0000000d}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}a{color:var(--color-secondary);text-decoration:none}a:hover{color:var(--color-secondary-light)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);justify-content:center;padding:var(--space-sm) var(--space-md);text-decoration:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-secondary);box-shadow:var(--shadow-sm);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background-color:var(--color-accent-light);transform:translateY(-1px)}.btn-outline{background-color:initial;border:1px solid var(--color-border-gold);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-ghost{background-color:initial;border:1px solid #0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.input,.select,.textarea{background-color:var(--color-bg-input);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);outline:none;padding:var(--space-sm) var(--space-md);width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-glow)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-lg)}.card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.container{margin:0 auto;max-width:var(--width-container);padding:0 var(--space-lg)}.sidebar{min-width:var(--width-sidebar-min);width:var(--width-sidebar)}.main-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-lg)}.grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-primary-glow)}50%{box-shadow:0 0 20px var(--color-primary-glow),0 0 30px var(--color-primary-glow)}}@media (max-width:1536px){.container{max-width:1280px}}@media (max-width:1280px){.container{max-width:1400px}.sidebar{width:280px}}@media (max-width:1400px){.container{max-width:768px;padding:0 var(--space-md)}.sidebar{min-width:auto;width:100%}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){html{font-size:14px}.container{max-width:100%;padding:0 var(--space-sm)}.sidebar{width:100%}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.flex-col-mobile{flex-direction:column}.btn{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}}@media (max-width:640px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.card{padding:var(--space-md)}}.gold-text{color:var(--color-primary)}.gold-border{border-color:var(--color-border-gold)}.gold-glow{box-shadow:var(--shadow-glow)}::selection{background-color:var(--color-primary-glow);color:var(--color-primary)}.strat-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000004d;border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);z-index:1}.strat-header__logo{align-items:center;display:flex;gap:var(--space-sm)}.strat-header__logo img{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:50px;width:50px}.strat-header__title{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;text-shadow:0 0 10px var(--color-primary-glow)}.strat-header__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.map-selector{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--color-bg-card);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.map-selector__label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.map-selector__label,.map-selector__select{color:var(--color-primary);font-size:var(--font-size-sm)}.map-selector__select{background-color:var(--color-bg-input);border:1px solid var(--color-border-gold);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-sm) var(--space-md);width:100%}.map-selector__select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.squad-creator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--color-bg-card);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.squad-creator__title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.squad-creator__section{margin-bottom:var(--space-md)}.squad-creator__label{color:var(--color-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.squad-creator__input{margin-bottom:var(--space-sm);width:100%}.squad-creator__member-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.squad-creator__member-list{background-color:var(--color-bg-hover);border-radius:var(--radius-md);margin-top:var(--space-sm);padding:var(--space-md)}.squad-creator__member-item{align-items:center;background-color:#d4af371a;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.squad-creator__member-info{color:var(--color-primary);font-size:var(--font-size-sm)}.unit-selector{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--color-bg-card);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:var(--space-lg)}.unit-selector__title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.unit-selector__grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.unit-selector__unit{align-items:center;background-color:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-sm)}.unit-selector__unit:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);transform:translateY(-2px)}.unit-selector__unit:active{transform:translateY(0)}.unit-selector__unit-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:40px;margin-bottom:var(--space-xs);width:40px}.unit-selector__unit-name{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center}.map-canvas-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex:1 1;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);position:relative}.map-canvas-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.map-canvas__title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.map-canvas__subtitle{color:var(--color-text-muted);font-size:var(--font-size-xs)}.map-canvas__canvas{align-items:center;background-color:#0003;border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);display:flex;flex:1 1;justify-content:center;min-height:600px;overflow:hidden;position:relative}.zoom-controls{background-color:#000c;border-radius:var(--radius-md);bottom:var(--space-md);flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);position:absolute;right:var(--space-md)}.zoom-controls,.zoom-controls__btn{border:1px solid var(--color-border-primary);display:flex}.zoom-controls__btn{align-items:center;background-color:var(--color-bg-input);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);height:36px;justify-content:center;width:36px}.zoom-controls__btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.squad-component{cursor:move;position:absolute}.squad-component__circle{align-items:center;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-weight:var(--font-weight-bold);justify-content:center;text-shadow:0 1px 3px #000c}.squad-component__label{background-color:#000c;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);left:50%;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap}.squad-component__label,.strat-footer{color:var(--color-primary);font-size:var(--font-size-xs)}.strat-footer{background-color:#0000004d;border-top:1px solid var(--color-border-primary);opacity:.7;padding:var(--space-md);text-align:center}@media (max-width:1400px){.strat-header{flex-direction:column;gap:var(--space-md);text-align:center}.strat-header__actions{justify-content:center}.map-canvas-container{padding:var(--space-md)}.unit-selector__grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}@media (max-width:768px){.strat-header__title{font-size:var(--font-size-xl)}.squad-creator__member-form{flex-direction:column}.map-canvas__canvas{min-height:400px}.zoom-controls{bottom:var(--space-sm);right:var(--space-sm)}}@media (max-width:640px){.strat-header{padding:var(--space-sm) var(--space-md)}.strat-header__logo img{height:40px;width:40px}.strat-header__title{font-size:var(--font-size-lg)}.map-selector,.squad-creator,.unit-selector{padding:var(--space-md)}}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.glass-effect-strong{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;border:1px solid #fff3}.control-panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border:1px solid var(--color-border-gold);border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000080,0 0 20px var(--color-primary-glow);display:flex;gap:var(--space-xl);left:50%;max-width:90vw;min-width:600px;padding:var(--space-sm) var(--space-lg);position:fixed;transform:translateX(-50%);z-index:var(--z-fixed)}.control-panel:hover{box-shadow:0 12px 48px #0009,0 0 30px var(--color-primary-glow)}.control-panel__section{align-items:center;display:flex;gap:var(--space-md)}.control-panel__section--left{flex:1 1;justify-content:flex-start}.control-panel__section--center{flex:2 1;justify-content:center}.control-panel__section--right{flex:1 1;justify-content:flex-end}.map-info{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.map-info__name{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.map-info__status{color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center}.toolbox{position:relative}.toolbox__trigger{align-items:center;background:#00000080;border:1px solid var(--color-border-gold);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-xs);justify-content:center;min-width:80px;padding:var(--space-sm) var(--space-md)}.toolbox__trigger:hover{background:#d4af371a;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.toolbox__trigger:active{transform:translateY(0)}.toolbox__icon{filter:drop-shadow(0 0 4px var(--color-primary-glow));font-size:14px}.toolbox__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.toolbox__menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1c20f2;border:1px solid var(--color-border-gold);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080,0 0 20px var(--color-primary-glow);left:0;min-width:180px;opacity:0;pointer-events:none;position:absolute;top:calc(100% + var(--space-xs));transform:translateY(-10px) scale(.95);z-index:var(--z-dropdown)}.toolbox__menu--right{left:auto;right:0}.toolbox__menu--active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.toolbox__trigger--active{background:#d4af3733;border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow);color:var(--color-primary)}.toolbox__item{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);text-align:left;width:100%}.toolbox__item:hover{background:#d4af371a;color:var(--color-primary)}.toolbox__item--active{background:#d4af3733;border-left:2px solid var(--color-primary);color:var(--color-primary)}.toolbox__item-icon{font-size:12px;text-align:center;width:16px}.toolbox__item-label{flex:1 1;font-weight:var(--font-weight-medium)}.toolbox__item-shortcut{background:#ffffff1a;border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:10px;padding:2px 4px}@media (max-width:768px){.control-panel{gap:var(--space-sm);left:var(--space-sm);max-width:none;min-width:auto;padding:var(--space-xs) var(--space-sm);right:var(--space-sm);top:var(--space-sm);transform:none}.control-panel__section--center{display:none}.toolbox__trigger{min-width:60px;padding:var(--space-xs) var(--space-sm)}.toolbox__label{display:none}}[data-theme=light] .control-panel{background:#fffffff2;border-color:#0000001a}[data-theme=light] .toolbox__trigger{background:#fffc;border-color:#0000001a;color:var(--color-text-primary)}[data-theme=light] .toolbox__menu{background:#fffffff2;border-color:#0000001a}.toolbox__trigger:before{background:linear-gradient(45deg,#0000,#d4af371a,#0000);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.toolbox__trigger:hover:before{opacity:1}.control-panel:after{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);bottom:-2px;content:"";height:1px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);width:60%}.control-panel:hover:after{opacity:1}.floating-controls{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:var(--z-sticky)}.floating-controls__group{display:flex;gap:var(--space-sm);pointer-events:auto;position:absolute}.floating-controls__group--top-left{left:var(--space-lg);top:var(--space-xl)}.floating-controls__group--top-right{right:var(--space-lg);top:var(--space-xl)}.floating-controls__group--bottom-left{bottom:var(--space-lg);left:var(--space-lg)}.floating-controls__group--bottom-right{bottom:var(--space-lg);right:var(--space-lg)}.control-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0006,0 0 15px var(--color-primary-glow);display:flex;gap:var(--space-xs);padding:var(--space-xs)}.control-group:hover{box-shadow:0 6px 24px #00000080,0 0 20px var(--color-primary-glow)}.control-button{align-items:center;background:#00000080;border:1px solid var(--color-border-gold);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);height:36px;justify-content:center;overflow:hidden;position:relative;width:36px}.control-button:hover{background:#d4af371a;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.control-button:active{transform:translateY(0)}.control-button--primary{background:#d4af371a;border-color:var(--color-primary);color:var(--color-primary)}.control-button--primary:hover{background:#d4af3733;box-shadow:0 0 10px var(--color-primary-glow)}.control-button--zoom-level{background:#d4af370d;font-weight:var(--font-weight-semibold);min-width:60px}.control-button__icon{filter:drop-shadow(0 0 4px var(--color-primary-glow));font-size:14px}.control-button__text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.control-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1c20f2;border:1px solid var(--color-border-gold);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080,0 0 20px var(--color-primary-glow);left:50%;min-width:120px;opacity:0;pointer-events:none;position:absolute;top:calc(100% + var(--space-xs));transform:translateX(-50%);transform:translateX(-50%) translateY(-10px);z-index:var(--z-dropdown)}.control-menu--active{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.control-menu__item{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:block;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);text-align:center;width:100%}.control-menu__item:hover{background:#d4af371a;color:var(--color-primary)}.control-menu__item--active{background:#d4af3733;color:var(--color-primary);font-weight:var(--font-weight-semibold)}.zoom-info{align-items:center;display:flex;flex-direction:column;gap:2px;padding:var(--space-xs)}.zoom-info__level{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.zoom-info__status{color:var(--color-text-muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.context-info{display:flex;flex-direction:column;gap:2px;padding:var(--space-xs)}.context-info__text{color:var(--color-text-muted);font-size:10px;line-height:1.2;text-align:center}.control-button:before{background:linear-gradient(90deg,#0000,#d4af3733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.control-button:hover:before{left:100%}.floating-controls__group:before{background:var(--color-primary);border-radius:50%;content:"";height:4px;opacity:.3;position:absolute;width:4px}.floating-controls__group--top-left:before{left:-2px;top:-2px}.floating-controls__group--top-right:before{right:-2px;top:-2px}.floating-controls__group--bottom-left:before{bottom:-2px;left:-2px}.floating-controls__group--bottom-right:before{bottom:-2px;right:-2px}@media (max-width:768px){.floating-controls__group--top-left{left:var(--space-sm);top:var(--space-lg)}.floating-controls__group--top-right{right:var(--space-sm);top:var(--space-lg)}.floating-controls__group--bottom-left{bottom:var(--space-sm);left:var(--space-sm)}.floating-controls__group--bottom-right{bottom:var(--space-sm);right:var(--space-sm)}.control-button{height:32px;width:32px}.control-button--zoom-level{min-width:50px}.context-info,.zoom-info{display:none}}[data-theme=light] .control-group{background:#fffffff2;border-color:#0000001a}[data-theme=light] .control-button{background:#fffc;border-color:#0000001a;color:var(--color-text-primary)}[data-theme=light] .control-menu{background:#fffffff2;border-color:#0000001a}@media (prefers-reduced-motion:reduce){.control-button--primary,.floating-controls__group{animation:none}.control-button:before{display:none}}.app-container--modern{display:flex;flex:1 1;gap:0;height:calc(100vh - 120px);margin:0;max-width:none;overflow:hidden;position:relative;width:100%}.app-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-right:1px solid var(--color-border-gold);position:relative;z-index:var(--z-sticky)}.app-sidebar--collapsed{min-width:60px;width:60px}.sidebar-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;gap:var(--space-sm);padding:var(--space-md)}.sidebar-toggle{align-items:center;background:#00000080;border:1px solid var(--color-border-gold);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);height:32px;justify-content:center;width:32px}.sidebar-toggle:hover{background:#d4af371a;border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.1)}.sidebar-title{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0;white-space:nowrap}.sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--space-md)}.map-canvas-container--fullscreen{background:var(--color-bg-primary);flex:1 1;overflow:hidden;position:relative}.map-canvas__canvas--modern{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.map-canvas-container--fullscreen:before{background:radial-gradient(circle at 20% 20%,#d4af370d 0,#0000 50%),radial-gradient(circle at 80% 80%,#1e6bff0d 0,#0000 50%)}.map-canvas-container--fullscreen:after,.map-canvas-container--fullscreen:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.map-canvas-container--fullscreen:after{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:50px 50px}[data-theme=light] .app-sidebar{background:#fffffff2;border-color:#0000001a}[data-theme=light] .sidebar-toggle{background:#fffc;border-color:#0000001a;color:var(--color-text-primary)}@media (max-width:768px){.app-container--modern{height:calc(100vh - 100px)}.app-sidebar{bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);width:100%;z-index:var(--z-modal)}.app-sidebar:not(.app-sidebar--collapsed){transform:translateX(0)}.app-sidebar--collapsed{min-width:0;transform:translateX(-100%);width:0}.map-canvas-container--fullscreen{position:relative}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:var(--color-border-gold);border-radius:var(--radius-sm)}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.app-sidebar:after{background:linear-gradient(to bottom,#0000,var(--color-primary),#0000);bottom:20%;content:"";opacity:.5;position:absolute;right:0;top:20%;width:1px}.app-sidebar:hover:after{opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.map-canvas-container--modern:before{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:var(--z-tooltip)}.app-footer{background:#0a0a0af2;border-top:1px solid var(--color-border-gold);color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:2px 0;position:relative;text-align:center;z-index:100}.app-footer a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.app-footer a:hover{color:var(--color-primary-light);text-decoration:underline}.app-footer a:focus{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:768px){.app-footer{font-size:var(--font-size-xs);padding:var(--space-sm) var(--space-md)}}[data-theme=light] .app-footer{background:#fffffff2;border-top-color:#0000001a;color:var(--color-text-secondary)}[data-theme=light] .app-footer a{color:var(--color-primary-dark)}[data-theme=light] .app-footer a:hover{color:var(--color-primary)}.collapsible-section{background-color:#0003;border:1px solid #d4af3733;border-radius:6px;margin-bottom:15px;overflow:hidden}.collapsible-section__header{align-items:center;background-color:#d4af371a;border-bottom:1px solid #d4af3733;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px}.collapsible-section__header:hover{background-color:#d4af3726}.collapsible-section__title{color:#d4af37;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.collapsible-section__toggle{color:#d4af37;font-size:10px;font-weight:700}.collapsible-section__toggle--open{transform:rotate(90deg)}.collapsible-section__content{max-height:0;opacity:0;overflow:hidden}.collapsible-section__content--open{max-height:1000px;opacity:1}.collapsible-section .independent-unit-selector,.collapsible-section .squad-list{background-color:initial;border:none;border-radius:0;margin:0}.collapsible-section .independent-unit-selector,.collapsible-section .squad-list{padding:12px}.app{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:var(--font-family-primary);min-height:100vh}.app-container{display:flex;flex:1 1;margin:0 auto;max-width:var(--width-container);width:100%}.app-sidebar{display:flex;flex-direction:column;gap:var(--space-lg);min-width:var(--width-sidebar-min);width:var(--width-sidebar)}.app-main{display:flex;flex:1 1;flex-direction:column;gap:var(--space-md)}@media (max-width:1400px){.app-container{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.app-sidebar{min-width:auto;width:100%}}@media (max-width:768px){.app-container{gap:var(--space-sm);padding:var(--space-sm)}}.app-loading{align-items:center;background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh}.app-loading__spinner{border:3px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-primary);height:50px;width:50px}.text-gold{color:var(--color-primary)!important}.text-gold-light{color:var(--color-primary-light)!important}.bg-gold-glow{background-color:var(--color-primary-glow)!important}.border-gold{border-color:var(--color-border-gold)!important}.shadow-gold{box-shadow:var(--shadow-glow)!important}.fade-in{opacity:1}.slide-in-left,.slide-in-right{opacity:1;transform:translateX(0)}.parallax-bg{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}*{scrollbar-color:var(--color-primary) var(--color-bg-secondary);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}:focus{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}@media print{.app{background:#fff;color:#000}.strat-header,.zoom-controls{display:none}}@media (prefers-contrast:high){:root{--color-border-primary:#fffc;--color-border-secondary:#fff9}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover:none) and (pointer:coarse){.btn:hover,.card:hover,.hover-lift:hover{transform:none}}@supports (padding:max(0px)){.app-container{padding-left:max(0,env(safe-area-inset-left));padding-right:max(0,env(safe-area-inset-right))}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gear-wheel{display:inline-block;position:relative}.gear-wheel__trigger{align-items:center;background:#00000080;border:1px solid var(--color-border-gold);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--weight-medium);gap:var(--space-xs);justify-content:center;min-width:80px;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.gear-wheel__trigger:hover{background:#d4af371a;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.gear-wheel__trigger:active{transform:translateY(0)}.gear-wheel__trigger--active{background:#d4af3733;border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow);color:var(--color-primary)}.gear-wheel__icon{filter:drop-shadow(0 0 4px var(--color-primary-glow));font-size:14px}.gear-wheel__menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1c20f2;border:1px solid var(--color-border-gold);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080,0 0 20px var(--color-primary-glow);max-width:400px;min-width:320px;opacity:0;pointer-events:none;position:absolute;right:0;top:calc(100% + var(--space-xs));transform:translateY(-10px) scale(.95);transition:all .2s ease;z-index:var(--z-dropdown)}.gear-wheel__menu--active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.gear-wheel__header{background:#0003;border-bottom:1px solid var(--color-border-gold);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--space-md)}.gear-wheel__title{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);margin:0 0 var(--space-xs) 0;text-align:center}.gear-wheel__subtitle{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0;text-align:center}.gear-wheel__content{max-height:400px;overflow-y:auto;padding:var(--space-md)}.gear-wheel__settings-section{margin-bottom:var(--space-lg)}.gear-wheel__settings-section:last-child{margin-bottom:0}.gear-wheel__section-title{border-bottom:1px solid #d4af374d;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-xs)}.gear-wheel__control-group{margin-bottom:var(--space-md)}.gear-wheel__control-group:last-child{margin-bottom:0}.gear-wheel__label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);font-weight:var(--weight-medium);margin-bottom:var(--space-xs)}.gear-wheel__slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;height:6px;outline:none;width:100%}.gear-wheel__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border:2px solid var(--color-border-gold);border-radius:50%;box-shadow:0 0 8px var(--color-primary-glow);cursor:pointer;height:18px;width:18px}.gear-wheel__slider::-moz-range-thumb{background:var(--color-primary);border:2px solid var(--color-border-gold);border-radius:50%;box-shadow:0 0 8px var(--color-primary-glow);cursor:pointer;height:18px;width:18px}.gear-wheel__color-current{align-items:center;background:#0000004d;border:1px solid #d4af374d;border-radius:var(--radius-sm);display:flex;gap:var(--space-sm);padding:var(--space-sm)}.gear-wheel__color-preview{border:2px solid var(--color-border-gold);border-radius:50%;box-shadow:0 0 8px #d4af374d;height:24px;width:24px}.gear-wheel__color-value{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.gear-wheel__color-selector{align-items:center;display:flex;gap:var(--space-sm)}.gear-wheel__color-input{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;height:32px;width:40px}.gear-wheel__color-button{background:#d4af371a;border:1px solid var(--color-border-gold);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.gear-wheel__color-button:hover{background:#d4af3733;transform:translateY(-1px)}.gear-wheel__save-favorite-button{align-items:center;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:var(--radius-sm);color:gold;cursor:pointer;display:flex;font-size:var(--font-size-sm);height:32px;justify-content:center;min-width:32px;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.gear-wheel__save-favorite-button:hover:not(:disabled){background:#ffd70033;box-shadow:0 2px 8px #ffd7004d;transform:translateY(-1px)}.gear-wheel__save-favorite-button:disabled{background:#8080801a;border-color:#8080804d;color:#888;cursor:not-allowed;opacity:.5}.gear-wheel__favorite-colors{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.gear-wheel__favorite-color-item{align-items:center;display:flex;position:relative}.gear-wheel__favorite-color{border:2px solid var(--color-border-gold);border-radius:50%;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:24px}.gear-wheel__favorite-color:hover{box-shadow:0 0 8px #d4af3780;transform:scale(1.1)}.gear-wheel__favorite-color.active{border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow)}.gear-wheel__remove-favorite{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s ease;width:16px}.gear-wheel__favorite-color-item:hover .gear-wheel__remove-favorite{opacity:1}.gear-wheel__shape-selector{display:flex;gap:var(--space-sm)}.gear-wheel__shape-button{align-items:center;background:#0000004d;border:1px solid #d4af374d;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--space-xs);min-width:60px;padding:var(--space-sm);transition:all .2s ease}.gear-wheel__shape-button:hover{background:#d4af371a;border-color:var(--color-border-gold);color:var(--color-primary)}.gear-wheel__shape-button.active{background:#d4af3733;border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow);color:var(--color-primary)}.gear-wheel__shape-preview{border:2px solid;height:20px;width:20px}.gear-wheel__shape-preview--round{border-radius:50%}.gear-wheel__shape-preview--square{border-radius:2px}.gear-wheel__reset-button{background:#ff00001a;border:1px solid #ff00004d;border-radius:var(--radius-sm);color:#ff6b6b;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--weight-medium);padding:var(--space-sm);transition:all .2s ease;width:100%}.gear-wheel__reset-button:hover{background:#f003;box-shadow:0 4px 12px #f003;transform:translateY(-1px)}.gear-wheel__content::-webkit-scrollbar{width:6px}.gear-wheel__content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.gear-wheel__content::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.gear-wheel__content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-glow)}@media (max-width:768px){.gear-wheel__menu{max-width:320px;min-width:280px;right:-50px}.gear-wheel__trigger{min-width:60px;padding:var(--space-xs) var(--space-sm)}.gear-wheel__label{display:none}.gear-wheel__add-favorite,.gear-wheel__color-selector{align-items:stretch;flex-direction:column}.gear-wheel__shape-selector{justify-content:center}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gear-wheel__menu--active{animation:slideDown .2s ease-out}.gear-wheel__color-button:focus,.gear-wheel__color-input:focus,.gear-wheel__favorite-color:focus,.gear-wheel__reset-button:focus,.gear-wheel__shape-button:focus,.gear-wheel__slider:focus,.gear-wheel__trigger:focus{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=light] .gear-wheel__menu{background:#fffffff2;border-color:#0000001a}[data-theme=light] .gear-wheel__trigger{background:#fffc;border-color:#0000001a;color:var(--color-text-primary)}[data-theme=light] .gear-wheel__control-group{background:#00000005}.SquadList_container__\+3aio{background-color:#0000004d;border-radius:8px;padding:15px}.SquadList_header__GUzTF{align-items:center;display:flex;justify-content:space-between}.SquadList_title__oydCp{color:#d4af37;font-family:system-ui,-apple-system,sans-serif;font-size:16px;margin:0}.SquadList_addButton__1tTzk{align-items:center;background-color:#4ecdc4;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;padding:6px 12px;transition:all .2s ease;width:32px}.SquadList_addButton__1tTzk:hover{background-color:#45b7d1;transform:scale(1.1)}.SquadList_emptyMessage__q6auD{color:#d4af37;font-size:14px;opacity:.7;text-align:center}.SquadList_squadList__Nt8hb{display:flex;flex-direction:column;gap:10px}.SquadList_editorPanel__1xcGF{background-color:#00000080;border:1px solid #d4af3780;border-radius:8px;margin-top:15px;padding:15px}.SquadList_editorTitle__6sm\+Y{color:#d4af37;font-family:system-ui,-apple-system,sans-serif;font-size:14px;margin:0 0 15px}.SquadList_formGroup__bABWw{margin-bottom:15px}.SquadList_label__7Nl0D{margin-right:10px}.SquadList_input__Lvzki,.SquadList_label__7Nl0D{color:#d4af37;font-family:system-ui,-apple-system,sans-serif;font-size:12px}.SquadList_input__Lvzki{background-color:#00000080;border:1px solid #d4af3780;border-radius:4px;min-width:150px;outline:none;padding:6px 10px}.SquadList_colorLabel__pmTB7{color:#d4af37;font-family:system-ui,-apple-system,sans-serif;font-size:12px;margin-left:15px;margin-right:10px}.SquadList_colorPalette__z5oU6{display:flex;gap:5px;margin-top:5px}.SquadList_colorButton__paG1v{border:1px solid #ffffff4d;border-radius:3px;cursor:pointer;height:20px;transition:all .2s ease;width:20px}.SquadList_colorButton__paG1v.SquadList_selected__8KtMB{border:2px solid #fff}.SquadList_membersSection__z1wgo{margin-top:15px}.SquadList_membersHeader__hcKKf{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.SquadList_membersTitle__FlWxI{color:#d4af37;font-family:system-ui,-apple-system,sans-serif;font-size:12px}.SquadList_addMemberButton__b44q0{background-color:#4ecdc4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;padding:4px 8px;transition:all .2s ease}.SquadList_addMemberButton__b44q0:hover{background-color:#45b7d1}.SquadList_actionButtons__Kewzd{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.SquadList_closeButton__PfQzt{align-items:center;background-color:#ff6b6b4d;border:1px solid #ff6b6b80;border-radius:4px;color:#ff6b6b;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.SquadList_closeButton__PfQzt:hover{background-color:#ff6b6b80}.SquadList_saveButtons__zMkM2{display:flex;gap:8px}.SquadList_saveButton__PIdIm{background-color:#d4af374d;border:1px solid #d4af3780;border-radius:4px;color:#d4af37;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.SquadList_saveButton__PIdIm:hover{background-color:#d4af3780}.SquadList_modalOverlay__\+JOph{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-sticky)}.SquadList_modalContent__qI2HJ{background-color:#0b0c0ef2;border:2px solid #d4af37;border-radius:12px;box-shadow:0 10px 30px #00000080;max-height:80vh;max-width:500px;overflow:auto;padding:25px;width:90%}.SquadList_modalHeader__IrtkQ{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.SquadList_modalTitle__mccfl{color:#d4af37;font-family:system-ui,-apple-system,sans-serif;font-size:18px;margin:0}.SquadList_closeModalButton__qAAkR{align-items:center;background-color:initial;border:none;border-radius:50%;color:#d4af37;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:5px;transition:all .2s ease;width:30px}.SquadList_closeModalButton__qAAkR:hover{background-color:#d4af3733}.MapCanvas_mapContainer__nWrUJ{background-color:#000;border:1px solid #ffffff1a;border-radius:8px;cursor:default;display:inline-block;overflow:hidden;position:relative;transform-origin:center center}.MapCanvas_mapContainer__nWrUJ.MapCanvas_dragging__tmwc-{cursor:grabbing}.MapCanvas_mapContainer__nWrUJ.MapCanvas_panning__VdHAj{cursor:grab}.MapCanvas_mapImage__VfzHd{display:block;pointer-events:none}.MapCanvas_drawingCanvas__nBy\+A{cursor:default;left:0;pointer-events:auto;position:absolute;top:0;z-index:2}.MapCanvas_drawingCanvas__nBy\+A.MapCanvas_panning__VdHAj{cursor:grab}.MapCanvas_drawingCanvas__nBy\+A.MapCanvas_pen__GniB4{cursor:crosshair}.MapCanvas_drawingCanvas__nBy\+A.MapCanvas_eraser__C40Pl{cursor:grab}.MapCanvas_drawingCanvas__nBy\+A.MapCanvas_disabled__7ZcRa{pointer-events:none}.MapCanvas_panArea__F63kH{cursor:grab;left:0;pointer-events:none;position:absolute;top:0;z-index:3}.MapCanvas_panArea__F63kH.MapCanvas_panning__VdHAj{cursor:grabbing;pointer-events:auto}.MapCanvas_panArea__F63kH.MapCanvas_dragging__tmwc-{cursor:grabbing}:root{--modal-primary-color:#d4af37;--modal-secondary-color:#4ecdc4;--modal-bg-primary:#1a1a1a;--modal-bg-secondary:#0000004d;--modal-bg-tertiary:#00000080;--modal-bg-overlay:#000000d9;--modal-text-primary:#d4af37;--modal-text-secondary:#e6e6e6;--modal-text-muted:#e6e6e6b3;--modal-border-color:#d4af374d;--modal-border-hover:#d4af3799;--modal-shadow-primary:0 20px 60px #0009;--modal-shadow-secondary:0 10px 30px #0006;--modal-radius:16px;--modal-radius-small:8px;--modal-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--modal-transition-fast:all 0.2s ease}.modal-overlay{align-items:center;animation:modalOverlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);background:#000000d9;background:var(--modal-bg-overlay);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000;z-index:var(--z-sticky,1000)}@keyframes modalOverlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);opacity:1}}.modal-content{animation:modalContentSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#1a1a1a,#2a2a2a);background:linear-gradient(145deg,var(--modal-bg-primary) 0,#2a2a2a 100%);border:2px solid #d4af37;border:2px solid var(--modal-primary-color);border-radius:16px;border-radius:var(--modal-radius);box-shadow:0 20px 60px #0009;box-shadow:var(--modal-shadow-primary);max-height:85vh;max-width:650px;overflow-y:auto;padding:32px;position:relative;transform-origin:center;width:90%}@keyframes modalContentSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #d4af374d;border:1px solid var(--modal-border-color);border-radius:50%;color:#d4af37;color:var(--modal-primary-color);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition);width:36px;z-index:1}.modal-close-button:hover{background:#d4af3726;border-color:#d4af37;border-color:var(--modal-primary-color);box-shadow:0 4px 12px #d4af374d;transform:scale(1.1)}.modal-close-button:active{transform:scale(.95)}.modal-title{color:#d4af37;color:var(--modal-primary-color);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 24px;text-shadow:0 2px 4px #0000004d}.modal-subtitle,.modal-title{font-family:Inter,"system-ui",-apple-system,sans-serif}.modal-subtitle{color:#e6e6e6;color:var(--modal-text-secondary);font-size:16px;font-weight:500;margin:0 0 16px}.modal-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;background:var(--modal-bg-secondary);border:1px solid #d4af374d;border:1px solid var(--modal-border-color);border-radius:8px;border-radius:var(--modal-radius-small);margin-bottom:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition)}.modal-section:hover{border-color:#d4af3799;border-color:var(--modal-border-hover);box-shadow:0 4px 12px #0003}.modal-label{color:#d4af37;color:var(--modal-primary-color);display:block;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.modal-input,.modal-label{font-family:Inter,"system-ui",-apple-system,sans-serif;font-size:14px}.modal-input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;background:var(--modal-bg-tertiary);border:1px solid #d4af374d;border:1px solid var(--modal-border-color);border-radius:8px;border-radius:var(--modal-radius-small);color:#d4af37;color:var(--modal-text-primary);outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition);width:100%}.modal-input:focus{background:#0009;border-color:#d4af37;border-color:var(--modal-primary-color);box-shadow:0 0 0 3px #d4af371a}.modal-input::placeholder{color:#e6e6e6b3;color:var(--modal-text-muted)}.modal-button{align-items:center;border:none;border-radius:8px;border-radius:var(--modal-radius-small);cursor:pointer;display:inline-flex;font-family:Inter,"system-ui",-apple-system,sans-serif;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition)}.modal-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-button:hover:before{left:100%}.modal-button--primary{background:linear-gradient(135deg,#d4af37,#e6c547);background:linear-gradient(135deg,var(--modal-primary-color) 0,#e6c547 100%);box-shadow:0 4px 12px #d4af374d;color:#0b0c0e}.modal-button--primary:hover{box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}.modal-button--primary:active{transform:translateY(0)}.modal-button--secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;background:var(--modal-bg-tertiary);border:1px solid #d4af374d;border:1px solid var(--modal-border-color);color:#e6e6e6;color:var(--modal-text-secondary)}.modal-button--secondary:hover{background:#ffffff1a;border-color:#d4af3799;border-color:var(--modal-border-hover);transform:translateY(-1px)}.modal-button--success{background:linear-gradient(135deg,#4ecdc4,#45b7d1);background:linear-gradient(135deg,var(--modal-secondary-color) 0,#45b7d1 100%);box-shadow:0 4px 12px #4ecdc44d;color:#fff}.modal-button--success:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.modal-button--danger{background:linear-gradient(135deg,#ff6b6b,#ff5252);box-shadow:0 4px 12px #ff6b6b4d;color:#fff}.modal-button--danger:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.modal-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.modal-color-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.modal-color-option{border:2px solid #0000;border-radius:6px;cursor:pointer;height:32px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition);width:32px}.modal-color-option:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.modal-color-option:hover:before{opacity:1}.modal-color-option.selected{border-color:#d4af37;border-color:var(--modal-primary-color);box-shadow:0 0 0 2px #d4af3733;transform:scale(1.1)}.modal-slider{-webkit-appearance:none;appearance:none;background:#00000080;background:var(--modal-bg-tertiary);border-radius:3px;height:6px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition);width:100%}.modal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d4af37;background:var(--modal-primary-color);border-radius:50%;box-shadow:0 2px 8px #d4af3766;cursor:pointer;height:20px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-transition:var(--modal-transition);transition:var(--modal-transition);width:20px}.modal-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #d4af3799;transform:scale(1.2)}.modal-slider::-moz-range-thumb{background:#d4af37;background:var(--modal-primary-color);border:none;border-radius:50%;box-shadow:0 2px 8px #d4af3766;cursor:pointer;height:20px;width:20px}.modal-dropdown{position:relative;width:100%}.modal-dropdown-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;background:var(--modal-bg-tertiary);border:1px solid #d4af374d;border:1px solid var(--modal-border-color);border-radius:8px;border-radius:var(--modal-radius-small);color:#d4af37;color:var(--modal-text-primary);cursor:pointer;display:flex;font-family:Inter,"system-ui",-apple-system,sans-serif;font-size:14px;gap:12px;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition);width:100%}.modal-dropdown-button:hover{background:#0009;border-color:#d4af3799;border-color:var(--modal-border-hover)}.modal-dropdown-button:focus{border-color:#d4af37;border-color:var(--modal-primary-color);box-shadow:0 0 0 3px #d4af371a}.modal-dropdown-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:20px;object-fit:contain;width:20px}.modal-dropdown-arrow{margin-left:auto;transition:transform .2s ease}.modal-dropdown.open .modal-dropdown-arrow{transform:rotate(180deg)}.modal-dropdown-menu{animation:dropdownSlideIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1af2;border:1px solid #d4af374d;border:1px solid var(--modal-border-color);border-radius:8px;border-radius:var(--modal-radius-small);box-shadow:0 10px 30px #0006;box-shadow:var(--modal-shadow-secondary);left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-dropdown-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0d;color:#d4af37;color:var(--modal-text-primary);cursor:pointer;display:flex;font-family:Inter,"system-ui",-apple-system,sans-serif;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s ease;transition:var(--modal-transition-fast);width:100%}.modal-dropdown-item:last-child{border-bottom:none}.modal-dropdown-item:hover{background:#d4af371a}.modal-members-list{background:#0003;border:1px solid #ffffff0d;border-radius:8px;border-radius:var(--modal-radius-small);margin-top:12px;padding:16px}.modal-member-item{align-items:center;background:#d4af3714;border:1px solid #d4af371a;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px;transition:all .2s ease;transition:var(--modal-transition-fast)}.modal-member-item:hover{background:#d4af371f;border-color:#d4af3733}.modal-member-info{align-items:center;color:#d4af37;color:var(--modal-text-primary);display:flex;font-size:13px;font-weight:500;gap:12px}.modal-member-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:18px;object-fit:contain;width:18px}.modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}@media (max-width:768px){.modal-content{margin:16px;padding:24px;width:95%}.modal-title{font-size:20px}.modal-actions{flex-direction:column}.modal-button{justify-content:center;width:100%}}.modal-enter{animation:modalEnter .4s cubic-bezier(.34,1.56,.64,1)}.modal-exit{animation:modalExit .3s ease-in forwards}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-20px)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#d4af37;background:var(--modal-primary-color);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#e6c547}
/*# sourceMappingURL=main.b687a789.css.map*/