.feedback-wrapper{position:fixed;bottom:1rem;right:1rem;z-index:1000;min-width:300px;padding:1rem;background:#000000b3;border-radius:8px}.feedback-toast{background:var(--color-bg-toast, #333);color:var(--color-text-feedback, #ffffff);padding:.75rem 1rem;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column;gap:.5rem}.feedback-toolbar{display:flex;justify-content:flex-end;gap:.5rem}.feedback-toolbar button{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;padding:.25rem}.feedback-history{margin-top:1rem;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.feedback-entry{padding:.5rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.timestamp{font-size:.75rem;color:var(--color-text-meta, #ccc);margin-left:auto}.feedback-text{color:var(--color-text-light)}.feedback-success .timestamp,.feedback-log .timestamp,.feedback-warning .timestamp{color:var(--color-text-dark, #000000)}.feedback-success{color:var(--color-text-light, #ffffff)}.feedback-warning{color:var(--color-warning, #ff9800)}.feedback-error{color:var(--color-error-bg)}.feedback-info{color:var(--color-info-bg)}.feedback-log{color:var(--color-log, #c1c5c9)}.feedback-history .feedback-success{background-color:var(--color-success-bg);color:var(--color-text-light, #ffffff)}.feedback-history .feedback-warning{background-color:var(--color-warning, #ff9800);color:var(--color-text-dark, #000000)}.feedback-history .feedback-error{background-color:var(--color-error-bg);color:var(--color-text-light, #ffffff)}.feedback-history .feedback-info{background-color:var(--color-info-bg);color:var(--color-text-light, #ffffff)}.feedback-history .feedback-log{background-color:var(--color-log, #c1c5c9);color:var(--color-text-dark, #000000)}.feedback-{background-color:var( --color-bg, #000000);color:var(--color-text-dark, #000000)}.feedback-latest{outline:2px solid var(--color-accent, #ffc107);outline-offset:-2px}@keyframes wipeIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.feedback-text-enter{animation:wipeIn .5s cubic-bezier(.25,1,.5,1) forwards}.resource-bar{position:fixed;top:0;left:0;right:0;height:45px;background:linear-gradient(to bottom,#1e293b,#0f172a);border-bottom:2px solid #ffcc00;display:flex;align-items:center;padding:0 1.5rem;z-index:100;gap:1.8rem;font-family:Segoe UI,sans-serif}.resource-item{display:flex;align-items:center;gap:.4rem;font-size:15px;font-weight:500;color:#f1f5f9;text-shadow:0 0 2px rgba(0,0,0,.4)}.resource-item span:first-child{font-size:17px}.resource-amount{color:#fc0;font-weight:600;min-width:40px;text-align:right}.resource-amount.depleting{animation:deplete .5s}@keyframes deplete{0%{transform:scale(1.2);color:#dc2626}to{transform:scale(1);color:#fc0}}.planet-view{width:100%;height:100vh;background:#0f172a;color:#fff}.planet-content{padding-top:60px}.button-square{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background-color:transparent;border:1px solid var(--color-accent-cyan);border-radius:6px;color:var(--color-text-light);cursor:pointer;transition:all .2s ease;padding:0;margin:0}.button-square:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.5)}.button-square:active:not(:disabled){background-color:rgba(var(--color-primary-rgb),.1)}.button-square:disabled{border-color:var(--color-slate-dark);color:var(--color-slate-dark);cursor:not-allowed;opacity:.5}.button-square svg{width:24px;height:24px}.button-square--delete{border-color:var(--color-error);color:var(--color-error)}.button-square--delete:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);box-shadow:0 0 8px #d32f2f80;background-color:#d32f2f1a}.button-square--delete:active:not(:disabled){background-color:#d32f2f33}@media (max-width: 480px){.button-square{width:40px;height:40px;min-width:40px;min-height:40px}.button-square svg{width:21px;height:21px}}.button{background-color:transparent;border:1px solid var(--color-slate-dark);border-radius:6px;padding:10px 20px;color:var(--color-text);font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .2s ease-in-out;font-size:var(--fs-input)}.button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 10px 0 var(--color-primary)}.button:active:not(:disabled){background-color:rgba(var(--color-primary-rgb),.1);box-shadow:0 0 15px 2px var(--color-primary)}.button:disabled{border-color:#2a3b4d;color:#4a5a70;cursor:not-allowed;opacity:.5}.button.cta{background:var(--color-primary);border-color:var(--color-primary);color:#000;box-shadow:0 0 8px rgba(var(--color-primary-rgb),.5);font-size:var(--fs-h4);position:relative;overflow:hidden;width:100%}.button.cta:hover:not(:disabled){box-shadow:0 0 15px 2px var(--color-primary);color:#000;transform:scale(1.02)}.button.cta.pulse:hover:not(:disabled){animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px 2px var(--color-primary)}50%{box-shadow:0 0 30px 6px var(--color-primary)}}.button.cta.border-sweep{border:3px solid transparent}.button.cta.border-sweep:hover:not(:disabled){animation:border-sweep-anim 1.2s ease-in-out infinite}@keyframes border-sweep-anim{0%{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}20%{border-top-color:#dfd181;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}40%{border-top-color:#dfd181;border-right-color:#dfd181;border-bottom-color:transparent;border-left-color:transparent}60%{border-top-color:#dfd181;border-right-color:#dfd181;border-bottom-color:#dfd181;border-left-color:transparent}80%{border-top-color:#dfd181;border-right-color:#dfd181;border-bottom-color:#dfd181;border-left-color:#dfd181}to{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}}.button.cta.sparkle:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff;opacity:0;pointer-events:none}.button.cta.sparkle:hover:not(:disabled):after{animation:sparkle-effect 1s ease-in-out infinite}@keyframes sparkle-effect{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.button.cta.energy-wave:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0}.button.cta.energy-wave:hover:not(:disabled):before{animation:energy-pulse 1.2s ease-out infinite}@keyframes energy-pulse{0%{width:0;height:0;opacity:1}to{width:200%;height:200%;opacity:0}}.button.cta.combo{border:3px solid transparent}.button.cta.combo:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.6) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0}.button.cta.combo:hover:not(:disabled){animation:border-sweep-anim 1.2s ease-in-out infinite}.button.cta.combo:hover:not(:disabled):before{animation:energy-pulse 1.2s ease-out infinite}.button.cta.arrow-effect{display:flex;align-items:center;justify-content:center;gap:15px}.button.cta.arrow-effect .arrow-svg{width:40px;height:26px;position:relative;display:flex;align-items:center}.button.cta.arrow-effect .arrow-svg svg{width:100%;height:100%}path.arrow-one{transition:.4s;transform:translate(-60%);fill:#fff}path.arrow-two{transition:.5s;transform:translate(-30%);fill:#fff}path.arrow-three{fill:#fff}.button.cta.arrow-effect:hover path.arrow-three{animation:arrow-color-anim 1s infinite .2s}.button.cta.arrow-effect:hover path.arrow-one{transform:translate(0);animation:arrow-color-anim 1s infinite .6s}.button.cta.arrow-effect:hover path.arrow-two{transform:translate(0);animation:arrow-color-anim 1s infinite .4s}@keyframes arrow-color-anim{0%{fill:#fff}50%{fill:#dfd181}to{fill:#fff}}.button.cta.arrow-effect-gold{display:flex;align-items:center;justify-content:center;gap:15px}.button.cta.arrow-effect-gold .arrow-svg{width:40px;height:26px;position:relative;display:flex;align-items:center}.button.cta.arrow-effect-gold .arrow-svg svg{width:100%;height:100%}.button.cta.arrow-effect-gold path.arrow-one{transition:.4s;transform:translate(-60%);fill:#fff}.button.cta.arrow-effect-gold path.arrow-two{transition:.5s;transform:translate(-30%);fill:#fff}.button.cta.arrow-effect-gold path.arrow-three{fill:#fff}.button.cta.arrow-effect-gold:hover path.arrow-three{animation:arrow-color-anim-gold 1s infinite .2s}.button.cta.arrow-effect-gold:hover path.arrow-one{transform:translate(0);animation:arrow-color-anim-gold 1s infinite .6s}.button.cta.arrow-effect-gold:hover path.arrow-two{transform:translate(0);animation:arrow-color-anim-gold 1s infinite .4s}@keyframes arrow-color-anim-gold{0%{fill:#fff}50%{fill:#d4a94f}to{fill:#fff}}.button.cta.goldarrow{display:flex;align-items:center;justify-content:center;gap:15px;background:#d4a94f;border-color:#d4a94f;color:#000}.button.cta.goldarrow .arrow-svg{width:30px;height:20px;position:relative;display:flex;align-items:center}.button.cta.goldarrow .arrow-svg svg{width:100%;height:100%}.button.cta.goldarrow path.arrow-one{transition:.4s;transform:translate(-60%);fill:#000}.button.cta.goldarrow path.arrow-two{transition:.5s;transform:translate(-30%);fill:#000}.button.cta.goldarrow path.arrow-three{fill:#000}.button.cta.goldarrow:hover:not(:disabled){background:#e5ba60;border-color:#e5ba60;box-shadow:0 0 20px 4px #d4a94fcc}.button.cta.goldarrow:hover path.arrow-three{animation:goldarrow-anim 1s infinite .2s}.button.cta.goldarrow:hover path.arrow-one{transform:translate(0);animation:goldarrow-anim 1s infinite .6s}.button.cta.goldarrow:hover path.arrow-two{transform:translate(0);animation:goldarrow-anim 1s infinite .4s}@keyframes goldarrow-anim{0%{fill:#000}50%{fill:#fff}to{fill:#000}}.button.cta.login-effect{border:3px solid transparent;perspective:500px;transform-style:preserve-3d;mix-blend-mode:color-dodge;background:var(--color-primary)}.button.cta.login-effect:before,.button.cta.login-effect:after{--z: 0px;position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%;opacity:0;border-radius:inherit;transform-style:preserve-3d;transform:translate3d(calc(var(--z) * 0px),calc(var(--z) * 0px),calc(var(--z) * 0px));pointer-events:none}.button.cta.login-effect:after{background-color:#5d00ff}.button.cta.login-effect:before{background-color:#ff1731}.button.cta.login-effect:hover:not(:disabled){background-color:#fff65b;color:#000;transition:background .3s .1s}.button.cta.login-effect:hover:not(:disabled):before{--z: .04;animation:translateWobble 2.2s ease forwards}.button.cta.login-effect:hover:not(:disabled):after{--z: -.06;animation:translateWobble 2.2s ease forwards}@keyframes translateWobble{0%{opacity:0;transform:translate3d(calc(var(--z) * 0px),calc(var(--z) * 0px),calc(var(--z) * 0px))}16%{transform:translate3d(calc(var(--z) * 160px),calc(var(--z) * 160px),calc(var(--z) * 160px))}28%{opacity:1;transform:translate3d(calc(var(--z) * 70px),calc(var(--z) * 70px),calc(var(--z) * 70px))}44%{transform:translate3d(calc(var(--z) * 130px),calc(var(--z) * 130px),calc(var(--z) * 130px))}59%{transform:translate3d(calc(var(--z) * 85px),calc(var(--z) * 85px),calc(var(--z) * 85px))}73%{transform:translate3d(calc(var(--z) * 110px),calc(var(--z) * 110px),calc(var(--z) * 110px))}88%{opacity:1;transform:translate3d(calc(var(--z) * 90px),calc(var(--z) * 90px),calc(var(--z) * 90px))}to{opacity:1;transform:translate3d(calc(var(--z) * 100px),calc(var(--z) * 100px),calc(var(--z) * 100px))}}.button.cta:disabled{background:var(--color-slate-dark);border-color:var(--color-slate-dark);color:#6d84a3;opacity:.6;box-shadow:none;animation:none}.btn-danger{background-color:transparent;border:2px solid var(--color-error);color:var(--color-error);padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:var(--fs-base);font-weight:500}.btn-danger:hover:not(:disabled){background-color:#ef44441a;border-color:var(--color-error);box-shadow:0 0 12px #ef444480}.btn-danger:active:not(:disabled){background-color:#ef444433;box-shadow:0 0 15px var(--color-error);transform:scale(.98)}.btn-danger:disabled{border-color:#2a3b4d;color:#4a5a70;opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;border:2px solid var(--color-slate-dark);color:var(--color-text);padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:var(--fs-base)}.btn-secondary:hover:not(:disabled){border-color:var(--color-slate-light);color:var(--color-text-light)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.loading-bar-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-bar-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:400px;max-width:90%}.loading-message{font-size:1.5rem;font-weight:600;text-align:center;margin:0}.progress-bar-track{width:100%;height:12px;background-color:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;transition:width .15s linear;border-radius:6px}.progress-percentage{font-size:1.25rem;font-weight:500;margin:0;opacity:.8}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;padding:0 var(--space-lg)}.login-container:before{content:"";position:absolute;inset:0;background:#00000080;z-index:0}.login-container>*{position:relative;z-index:1}.login-logo{max-width:550px;margin-bottom:2rem;width:100%;padding:0px 2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:400px}.debug-panel{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:4px;margin-left:12px}.debug-indicator{display:flex;align-items:center;gap:4px;color:#ff9800;font-size:11px;font-weight:700;text-transform:uppercase;opacity:.8}.debug-button{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;border:1px solid;border-radius:3px;cursor:pointer;transition:all .2s ease;background:#0003;color:#fff}.debug-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.debug-button:active{transform:translateY(0)}.reset-button{border-color:#ffa726;background:#ffa72633}.reset-button:hover{background:#ffa7264d;border-color:#ffb74d}.randomize-button{border-color:#66bb6a;background:#66bb6a33}.randomize-button:hover{background:#66bb6a4d;border-color:#81c784}.kill-button{border-color:#ef5350;background:#ef535033}.kill-button:hover{background:#ef53504d;border-color:#ff6659}.kill-button.active{background:#ef535080;border-color:#ff1744;animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 5px #ff174480}50%{box-shadow:0 0 15px #ff1744cc}}@media (max-width: 768px){.debug-button span,.debug-indicator span{display:none}}.debug-kill-mode-overlay,.debug-kill-mode-overlay .map-object[data-object-type=unit]{cursor:crosshair!important}.debug-kill-mode-overlay .map-object[data-object-type=unit]:hover .object-layer.unit{border-color:red!important;box-shadow:0 0 20px #f00c!important;animation:pulse-red-unit .8s infinite}@keyframes pulse-red-unit{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}.main-menu{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background-color:#0a192f80;border-bottom:1px solid var(--color-slate-dark)}.menu-logo-container{display:flex;align-items:center;gap:var(--space-md);margin-right:var(--space-md)}.menu-logo{height:40px;width:auto;min-width:40px;display:block;object-fit:contain}.feedback-display{flex-grow:1;text-align:center;font-weight:500;font-family:var(--font-body)}.feedback-text{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:4px}.menu-actions{display:flex;align-items:center;gap:var(--space-sm)}.menu-actions button{display:flex;align-items:center;justify-content:center;width:auto;padding:10px;min-width:44px;min-height:44px}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;min-height:150px}.loader-spinner{width:50px;height:50px;border-radius:50%;margin:0rem auto 1rem;border:5px solid rgba(100,255,218,.2);border-top-color:var(--color-accent-cyan);animation:spin 1s linear infinite}.loader-message{color:var(--color-slate-light);font-weight:500;font-size:1.1rem}.loader-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.loader-overlay .loader-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:#14141ee6;border-radius:12px;box-shadow:0 0 40px #64ffda4d}.slider-wrapper{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.slider-label{font-weight:500;font-size:var(--fs-small);color:var(--color-text-light);padding-left:.25rem}.slider-container{display:flex;align-items:center;gap:var(--space-md);width:100%}.slider-min,.slider-max{font-size:var(--fs-small);color:var(--color-text-light);font-weight:600;min-width:2ch;text-align:center}.slider-input{flex:1;min-width:120px}.slider-value-display{text-align:center;font-size:var(--fs-h4);font-weight:700;color:var(--color-accent-cyan);margin-top:var(--space-xs)}@media (max-width: 480px){.slider-container{gap:var(--space-sm)}.slider-min,.slider-max{font-size:var(--fs-small2)}.slider-input{min-height:44px}}.tag.status-tag{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:var(--fs-h5);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-sm);border:none;box-shadow:var(--shadow-sm)}.status-tag-icon{width:var(--icon-size-md);height:var(--icon-size-md);display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.tag.status-tag-lobby{background:linear-gradient(135deg,#549bff40,#8cc3ff26);color:#8cc3ff;border-left:3px solid rgb(84,155,255);border-right:3px solid rgb(140,195,255)}.tag.status-tag-lobby .status-tag-icon{background:#549bff4d}.tag.status-tag-deploy{background:linear-gradient(135deg,#d4a94f40,#e6be6e26);color:#e6be6e;border-left:3px solid rgb(212,169,79);border-right:3px solid rgb(230,190,110)}.tag.status-tag-deploy .status-tag-icon{background:#d4a94f4d}.tag.status-tag-plan{background:linear-gradient(135deg,#28a74540,#64f08c26);color:#64f08c;border-left:3px solid rgb(40,167,69);border-right:3px solid rgb(100,240,140)}.tag.status-tag-plan .status-tag-icon{background:#28a7454d}.tag.status-tag-resolve,.tag.status-tag-resolved{background:linear-gradient(135deg,#64ffda40,#78ffe626);color:#78ffe6;border-left:3px solid rgb(100,255,218);border-right:3px solid rgb(120,255,230)}.tag.status-tag-resolve .status-tag-icon,.tag.status-tag-resolved .status-tag-icon{background:#64ffda4d}.tag.status-tag-finish{background:linear-gradient(135deg,#a5d2b740,#b4e6c826);color:#b4e6c8;border-left:3px solid rgb(165,210,183);border-right:3px solid rgb(180,230,200)}.tag.status-tag-finish .status-tag-icon{background:#a5d2b74d}.tag.status-tag-error{background:linear-gradient(135deg,#ef444440,#ff858526);color:#ff8585;border-left:3px solid rgb(239,68,68);border-right:3px solid rgb(255,133,133)}.tag.status-tag-error .status-tag-icon{background:#ef44444d}.tooltip-trigger{display:inline-block}.xhelos-tooltip{padding:8px;border-radius:6px;font-size:14px;line-height:1.4;opacity:0;transform:scale(.95);transition-property:opacity,transform;transition-duration:.15s;transition-timing-function:ease-in-out;max-width:200px;width:100%;text-align:center}.xhelos-tooltip:has(.stat-tooltip-container){max-width:300px;padding:0;text-align:left;background:transparent}.xhelos-tooltip:has(.stat-tooltip-simple){max-width:200px}.xhelos-tooltip[data-open]{opacity:1;transform:scale(1);pointer-events:auto}.xhelos-tooltip.theme-dark{background-color:#333;color:#fff}.xhelos-tooltip.theme-light{background-color:#f0f0f0;color:#333;border:1px solid #ccc}.tooltip-arrow{position:absolute;width:8px;height:8px;background:inherit;transform:rotate(45deg)}.theme-light .tooltip-arrow{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0}.tag.turn-tag{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:var(--fs-h5);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-sm);border:none;box-shadow:var(--shadow-sm)}.turn-tag-icon{width:var(--icon-size-md);height:var(--icon-size-md);display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.tag.turn-tag-lobby{background:linear-gradient(135deg,#549bff40,#8cc3ff26);color:#8cc3ff;border-left:3px solid rgb(84,155,255);border-right:3px solid rgb(140,195,255)}.tag.turn-tag-lobby .turn-tag-icon{background:#549bff4d}.tag.turn-tag-deploy{background:linear-gradient(135deg,#d4a94f40,#e6be6e26);color:#e6be6e;border-left:3px solid rgb(212,169,79);border-right:3px solid rgb(230,190,110)}.tag.turn-tag-deploy .turn-tag-icon{background:#d4a94f4d}.tag.turn-tag-plan{background:linear-gradient(135deg,#28a74540,#64f08c26);color:#64f08c;border-left:3px solid rgb(40,167,69);border-right:3px solid rgb(100,240,140)}.tag.turn-tag-plan .turn-tag-icon{background:#28a7454d}.tag.turn-tag-resolve,.tag.turn-tag-resolved{background:linear-gradient(135deg,#64ffda40,#78ffe626);color:#78ffe6;border-left:3px solid rgb(100,255,218);border-right:3px solid rgb(120,255,230)}.tag.turn-tag-resolve .turn-tag-icon,.tag.turn-tag-resolved .turn-tag-icon{background:#64ffda4d}.tag.turn-tag-finish{background:linear-gradient(135deg,#a5d2b740,#b4e6c826);color:#b4e6c8;border-left:3px solid rgb(165,210,183);border-right:3px solid rgb(180,230,200)}.tag.turn-tag-finish .turn-tag-icon{background:#a5d2b74d}.tag.turn-tag-error{background:linear-gradient(135deg,#ef444440,#ff858526);color:#ff8585;border-left:3px solid rgb(239,68,68);border-right:3px solid rgb(255,133,133)}.tag.turn-tag-error .turn-tag-icon{background:#ef44444d}.dashboard-container{padding:0;margin:0 auto;text-align:center;max-width:1100px}.tab-navigation{display:flex;gap:0;margin-bottom:var(--space-lg);border-bottom:2px solid var(--color-slate-dark)}.tab-button{flex:1;padding:var(--space-md) var(--space-lg);background:transparent;color:var(--color-text-light);border:none;border-bottom:3px solid transparent;font-size:var(--fs-h5);font-weight:var(--fw-semibold);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tab-label{position:relative}.tab-button:hover{background:rgba(var(--color-primary-rgb, 212, 169, 79),.1);color:var(--color-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:rgba(var(--color-primary-rgb, 212, 169, 79),.1)}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.games-badge{position:absolute;top:-14px;right:-24px;background-color:var(--color-primary);color:#000;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid var(--color-darker-bg);box-shadow:0 0 8px #d4a94f99;z-index:10}.player-selector-wrapper{display:flex;align-items:center;gap:var(--space-sm);width:100%}.player-selector-wrapper>:first-child{flex-basis:0;flex-grow:1;flex-shrink:1}.create-player-form{display:flex;flex-direction:column;gap:var(--space-md)}.create-player-form .form-input{width:100%;padding:var(--space-md);background-color:var(--color-slate-dark);border:1px solid var(--color-slate-light);border-radius:var(--space-sm);color:var(--color-text);font-size:var(--fs-base)}.create-player-form .form-input:focus{outline:none;border-color:var(--color-accent-cyan);box-shadow:0 0 0 2px #64ffda33}.warning-message{color:var(--color-warning);font-size:var(--fs-base);text-align:center;padding:var(--space-md)}.game-list-header{display:flex;align-items:center;gap:var(--space-md);background-color:var(--color-darker-bg);padding:var(--space-md);border-radius:var(--space-sm);margin-bottom:var(--space-md)}.section h3{font-size:1.5rem}.section .game-list-header h3{margin:0;border-bottom:none}.create-player-form{display:flex;gap:var(--space-md)}.create-player-form input{flex-grow:1}.create-game-form .button.cta{width:100%;margin-top:var(--space-lg)}.create-game-form{text-align:left;margin-top:var(--space-md);margin-bottom:var(--space-lg)}.create-game-form h4{margin-bottom:var(--space-md);margin-top:var(--space-xl)}.form-section{background:var(--color-darker-bg);padding:var(--space-md);border-radius:var(--space-sm);margin-bottom:var(--space-md)}.code-input-wrapper{position:relative}.code-input-wrapper input{padding-right:40px}.code-input-wrapper input:disabled{opacity:.4;cursor:not-allowed}.copy-button-inside{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:8px;cursor:pointer;color:var(--color-text-light);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-button-inside:hover:not(:disabled){color:var(--color-accent-cyan);transform:translateY(-50%) scale(1.1)}.copy-button-inside:disabled{opacity:.3;cursor:not-allowed}.section .game-list-item{display:flex;align-items:stretch;justify-content:space-between;gap:.5rem;list-style:none}.section .game-list-item .game-link{display:flex;justify-content:space-between;align-items:center;flex:1;text-decoration:none;padding:var(--space-sm) var(--space-md);background-color:var(--color-slate-dark);border:2px solid var(--color-slate-dark);border-radius:var(--space-sm);transition:all .2s ease;gap:var(--space-md)}.section .game-list-item .game-link:hover{background:rgba(var(--color-primary-rgb, 212, 169, 79),.15);border:2px solid rgba(var(--color-primary-rgb, 212, 169, 79),.8);transform:translateY(-3px) scale(1.01);box-shadow:0 6px 16px #0006}.section .game-list-item .game-link:active{transform:scale(.98);border:2px solid var(--color-primary)}.game-info-left{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex:1}.game-list-item .game-name{font-size:var(--fs-h4);font-weight:500;color:var(--color-text)}.game-list-item .game-code{font-size:var(--fs-small);font-family:monospace;color:var(--color-text-light);background:#0000004d;padding:.125rem .5rem;border-radius:4px}.game-info-right{display:flex;align-items:center;gap:var(--space-md)}.game-players-group,.game-status-group{display:flex;align-items:center;gap:var(--space-sm)}.game-turn{display:flex;align-items:center;gap:.25rem;font-size:var(--fs-small);font-weight:600;color:var(--color-accent-cyan);white-space:nowrap}.tag.tag-mini{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;font-size:.9rem;font-weight:600;border-radius:8px;vertical-align:middle}.tag.tag-mini-humans{background:#4dd9d91f;border-color:#4dd9d94d;color:var(--color-slate-light)}.tag.tag-mini-bots{background:#8b4c8b1f;border-color:#8b4c8b4d;color:var(--color-slate-light)}.game-filters{margin:var(--space-lg) 0;display:flex;gap:var(--space-md);justify-content:center;align-items:center}.game-filters button{padding:var(--space-sm) var(--space-lg);font-size:var(--fs-h5);font-weight:600;letter-spacing:.5px;background:var(--color-slate-dark);color:var(--color-text-light);cursor:pointer;border-radius:var(--space-sm);transition:all .2s ease;box-shadow:0 3px 6px #00000059;text-shadow:0 1px 1px rgba(0,0,0,.5)}.game-filters button:hover{background:rgba(var(--color-primary-rgb, 212, 169, 79),.08);border:2px solid rgba(var(--color-primary-rgb, 212, 169, 79),.5);color:var(--color-text);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.game-filters button:active{transform:scale(.96);border:2px solid var(--color-primary)}.game-filters button.active{background:rgba(var(--color-primary-rgb, 212, 169, 79),.15);color:var(--color-text);border:2px solid var(--color-primary);box-shadow:0 0 12px var(--color-primary)}.switch{position:relative;display:inline-block;width:180px;height:43px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#1a3d3d80;border-radius:50px;font-weight:700;text-transform:uppercase;overflow:hidden;border:2px solid var(--color-slate-dark);box-shadow:none;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#ffffff59}.slider:before,.slider:after{position:relative;z-index:1;font-size:.8rem;color:#f0f8ff}.slider:before{content:"Private"}.slider:after{content:"Public"}.slider span{position:absolute;height:38px;width:90px;left:2px;bottom:2px;background-color:var(--color-primary);border-radius:50px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:var(--fw-bold);color:var(--color-text-dark);z-index:2;transform:translate(1px)}.switch input:checked+.slider span{transform:translate(83px);background-color:var(--color-primary)}.private-code-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;border-radius:1rem;background:linear-gradient(to bottom right,var(--color-bg),var(--color-darker-bg));border:1px solid var(--color-accent-cyan);box-shadow:0 6px 16px #00000073;text-align:center;width:100%;max-width:auto;margin:2rem auto}.private-code-section h3{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-cyan)}.input-container{display:flex;width:100%}.private-code-input{flex-grow:1;padding:1rem;border-radius:.5rem 0 0 .5rem;font-size:1.1rem;font-family:monospace;background:var(--color-darker-bg);color:var(--color-text);border:1px solid var(--color-slate-dark);border-right:none;outline:none}.private-code-input:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 8px var(--color-accent-cyan)}.private-code-btn{padding:1rem 1.5rem;border-radius:0 .5rem .5rem 0;background:var(--color-accent-cyan);color:var(--color-bg);font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid var(--color-accent-cyan);border-left:none}.private-code-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--color-accent-cyan)}.form-row.game-creation-wrapper{display:flex;flex-direction:column;gap:var(--space-sm)}.game-name-visibility-wrapper{display:flex;gap:var(--space-md);align-items:flex-start;width:100%;flex-basis:100%}.game-name-row{flex-basis:60%;display:flex;gap:var(--space-md);align-items:center;width:100%}.game-name-row input{flex:1;min-width:200px}.visibility-row{flex-basis:40%;min-width:400px;display:flex;gap:var(--space-md);align-items:flex-start}.switch-inline{flex-shrink:0;width:180px;height:43px}.map-dimensions-row{display:flex;gap:var(--space-md);width:100%}.map-dimensions-row>*{flex:1 1 0;min-width:150px}@media (max-width: 1023px) and (min-width: 768px){.game-name-visibility-wrapper{flex-direction:column}.game-name-row,.visibility-row{flex-basis:auto;width:100%}.visibility-row{min-width:unset}}@media (max-width: 767px) and (min-width: 481px){.game-name-visibility-wrapper{flex-direction:column}.game-name-row,.visibility-row{flex-basis:auto;width:100%}.visibility-row{min-width:unset}.game-name-row input{width:100%}.map-dimensions-row{flex-direction:column}.map-dimensions-row>*{width:100%}}@media (max-width: 480px){.form-row.game-creation-wrapper{gap:var(--space-sm)}.game-name-visibility-wrapper{flex-direction:column}.game-name-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.game-name-row input{width:100%}.visibility-row{flex-direction:column;align-items:stretch;min-width:unset}.map-dimensions-row{flex-direction:column}.map-dimensions-row>*{width:100%}.form-group input[readonly]{font-family:monospace;text-align:center;font-weight:700}}@media (max-width: 1024px) and (min-width: 481px){.dashboard-container{padding:0 var(--space-md)}.create-player-form{flex-direction:column;gap:var(--space-sm)}.create-player-form input,.create-player-form button{width:100%}}@media (max-width: 480px){.dashboard-container{max-width:100%;padding:0 var(--space-sm)}.section h3{font-size:1.25rem}.create-player-form{flex-direction:column;gap:var(--space-sm)}.create-player-form input,.create-player-form button{width:100%}.form-row{flex-direction:column;gap:var(--space-md)}.form-group{width:100%!important}.form-group input{width:100%;box-sizing:border-box}.game-filters{flex-wrap:wrap;gap:var(--space-sm)}.game-filters button{padding:var(--space-sm) var(--space-md);font-size:var(--fs-small)}.game-list-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.game-list-item .game-link{padding:var(--space-sm) var(--space-md);font-size:.9rem;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.game-info-left,.game-info-right{width:100%}.game-info-right{justify-content:space-between}.private-code-section{padding:var(--space-md);margin:var(--space-lg) 0}.private-code-section h3{font-size:1rem}.private-code-input,.private-code-btn{padding:var(--space-sm) var(--space-md);font-size:1rem}}.delete-player-modal{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.delete-player-modal p{margin:0;line-height:1.6}.delete-player-modal strong{color:var(--color-primary)}.info-message{color:var(--color-slate-light);font-size:var(--fs-small)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.modal-actions button{flex:1}.main-container--dashboard{max-width:1200px}.section--dashboard{margin-top:2rem}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.player-selector-wrapper button:hover{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.error-message{background:#d32f2f1a;padding:var(--space-sm) var(--space-md);border-radius:4px;border-left:3px solid var(--color-error);color:var(--color-error);margin-bottom:var(--space-md)}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background-color:var(--color-darker-bg);border:2px solid var(--color-accent-cyan);border-radius:var(--space-md);padding:1.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0009;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-slate-dark)}.modal-title{font-size:var(--fs-h4);font-weight:600;color:var(--color-text);margin:0;text-transform:uppercase;letter-spacing:.05em}.modal-header .button-square{margin-left:auto;flex-shrink:0}@media (max-width: 480px){.modal-overlay{padding:var(--space-md)}.modal-content{padding:var(--space-lg);max-width:100%}.modal-title{font-size:var(--fs-h4)}}.select-button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);background-color:#1a3d3d80;color:var(--color-text);border:1px solid var(--color-slate-dark);border-radius:6px;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--fs-input);cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.select-button:hover:not(:focus):not(:disabled){border-color:var(--color-primary);box-shadow:0 0 10px 0 var(--color-primary)}.select-button:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 5px var(--color-primary)}.select-button.open{border-color:var(--color-primary);box-shadow:0 0 5px var(--color-primary)}.select-button:disabled{opacity:.6;cursor:not-allowed}.select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-icon{flex-shrink:0;transition:transform .2s ease;color:var(--color-text-light)}.select-icon.rotate{transform:rotate(180deg)}.select-backdrop{position:fixed;inset:0;z-index:49}.select-dropdown{background-color:var(--color-darker-bg);border:2px solid var(--color-accent-cyan);border-radius:var(--space-sm);box-shadow:0 8px 24px #0006;z-index:50;overflow:hidden;animation:selectSlideIn .2s ease-out;max-height:300px;overflow-y:auto}@keyframes selectSlideIn{0%{opacity:0}to{opacity:1}}.select-option{width:100%;padding:var(--space-sm) var(--space-md);text-align:left;background-color:transparent;color:var(--color-text);border:none;cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-base);gap:var(--space-sm)}.select-option:hover{background-color:var(--color-slate-dark);box-shadow:inset 0 0 8px #d4a94f1a}.select-option.selected{background-color:rgba(var(--color-primary-rgb, 212, 169, 79),.15);color:var(--color-primary)}.select-option .check-icon{flex-shrink:0;color:var(--color-primary)}.select-dropdown::-webkit-scrollbar{width:8px}.select-dropdown::-webkit-scrollbar-track{background:var(--color-slate-dark)}.select-dropdown::-webkit-scrollbar-thumb{background:var(--color-slate-light);border-radius:4px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}.select-special-actions{border-top:1px solid var(--color-slate-dark);margin-top:var(--space-xs);padding-top:var(--space-xs)}.select-special-action{color:var(--color-error)!important;justify-content:space-between}.select-special-action:hover:not(:disabled){background-color:#ef44441a!important;color:var(--color-error)!important}.select-special-action:disabled{color:#4a5a70!important;cursor:not-allowed;opacity:.5}.action-hint{margin-left:auto;font-size:.9em;opacity:.7;cursor:help}#player-status-dashboard{color:#fff;overflow:visible;z-index:1000}.game-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.game-status-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-md)}.game-status-header>:last-child{margin-left:auto}.player-status-item{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.player-row{display:flex;align-items:center;gap:8px}.player-name{flex:1;font-weight:700;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-id-hidden{margin-left:6px;color:#888;font-size:10px}.status-circle{width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;font-weight:700;font-size:12px;border:1px solid #555;cursor:help}.status-circle.status-deploying,.status-circle.status-planning{background-color:#ffc107;color:#000}.status-circle.status-deployed,.status-circle.status-resolving{background-color:#4caf50;color:#fff}.status-circle.status-unknown{background-color:#607d8b;color:#fff}.status-circle.status-finished{background-color:var(--color-info);color:#000}.energy-bar-container{position:relative;height:1.5rem;background:#27272a;border-radius:6px;overflow:hidden}.energy-bar-fill{height:100%;transition:width .3s}.energy-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:1rem;font-weight:600;pointer-events:none}.energy-icon{color:#000;stroke-width:1}.your-turn-indicator{margin-top:10px;color:#00e676;font-weight:700;text-align:center}.unit-icon{display:flex;align-items:center;justify-content:center;border-radius:25%;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none;border:3px solid rgba(255,255,255,.9);transition:all .2s ease;position:relative;z-index:2;overflow:visible}.unit-icon-letter{transition:all .2s ease}.objects-layer .unit-icon:hover{opacity:.5;transform:scale(1.05);z-index:1}.objects-layer .unit-icon:hover .unit-icon-letter{transform:translateY(-8px);font-size:.8em;opacity:.9;transition:all .2s ease}.objects-layer .unit-icon.selected:hover{z-index:8}.unit-icon.team-own{box-shadow:0 0 12px #22c55eb3,0 0 24px #22c55e66,0 2px 4px #00000080;border-color:#86eface6}.unit-icon.team-ally{box-shadow:0 0 12px #3b82f6b3,0 0 24px #3b82f666,0 2px 4px #00000080;border-color:#93c5fde6}.unit-icon.team-enemy{box-shadow:0 0 12px #ef4444b3,0 0 24px #ef444466,0 2px 4px #00000080;border-color:#fca5a5e6}.unit-icon.team-self{background-color:var(--color-green-dark);box-shadow:0 0 12px #22c55eb3,0 0 24px #22c55e66,0 2px 4px #00000080;border-color:#86eface6}.unit-icon.size-small{width:36px;height:36px;font-size:18px}.unit-icon.size-map{width:var(--unit-tile-size);height:var(--unit-tile-size);font-size:calc(var(--unit-tile-size) * .5)}.unit-icon.size-big{width:50px;height:50px;font-size:24px;border-width:3px}.map-container .unit-icon.selected{border:3px solid #ffd700;box-shadow:0 0 0 2px #ffd7004d,0 0 12px #ffd70099,0 1px 3px #00000080;transform:scale(1.1);z-index:10}.unit-icon.selected.size-big{border-width:4px;transform:scale(1.05)}@keyframes pulse-unit-selected{0%,to{box-shadow:0 0 0 2px #ffd7004d,0 0 12px #ffd70099,0 1px 3px #00000080}50%{box-shadow:0 0 0 4px #ffd70080,0 0 20px #ffd700cc,0 1px 3px #00000080}}.map-container .unit-icon.selected{animation:pulse-unit-selected 2s ease-in-out infinite}.unit-icon-sprite{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:50%;filter:brightness(2) contrast(1.2) saturate(1.2)}.unit-icon-letter{font-family:var(--font-family, "Arial", sans-serif);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.unit-icon:hover:not(.selected){transform:scale(1.05);border-color:#ffffffe6}.unit-icon.selected:hover{transform:scale(1.15);box-shadow:0 0 0 3px #ffd70066,0 0 16px #ffd700cc,0 2px 8px #000000b3}.unit-icon.unit-container{position:relative}.unit-icon.unit-container .state-indicator{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);z-index:15}.unit-icon.selected .state-indicator{z-index:20}.initiative-badge{position:absolute;top:-10px;left:-10px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;z-index:20;box-shadow:0 2px 4px #0000004d;pointer-events:none}.initiative-badge.team-own{background-color:var(--color-green-dark);border-color:#86eface6}.initiative-badge.team-ally{background-color:var(--color-green-light);border-color:#93c5fde6}.initiative-badge.team-enemy{background-color:var(--color-red);border-color:#fca5a5e6}.initiative-badge.team-unknown{background-color:#888;border-color:#ffffffb3}.initiative-number{color:#fff;font-size:11px;font-weight:700;font-family:var(--font-heading, "Exo 2", sans-serif);line-height:1}@media (max-width: 768px){.unit-icon.size-small{width:28px;height:28px;font-size:16px}.unit-icon.unit-container .state-indicator{bottom:-1px}.initiative-badge{width:18px;height:18px;top:-8px;left:-8px}.initiative-number{font-size:10px}}.unit-state-death{filter:grayscale(70%) brightness(.7) contrast(.8)}.unit-state-death .team-color-own,.unit-state-death[data-team-class=own]{background-color:#6b5b5b!important;border-color:#5a4a4a!important}.unit-state-death .team-color-ally,.unit-state-death[data-team-class=ally]{background-color:#5a5a6b!important;border-color:#4a4a5a!important}.unit-state-death .team-color-enemy,.unit-state-death[data-team-class=enemy]{background-color:#6b5a5a!important;border-color:#5a4a4a!important}.unit-state-death svg{filter:grayscale(50%) brightness(.6)}.unit-state-death .unit-icon{filter:grayscale(60%) brightness(.7)}.unit-state-death .unit-name,.unit-state-death .unit-text{color:#888!important}.unit-state-death .hp-bar,.unit-state-death .health-bar{background-color:#8b4513!important;opacity:.8}.unit-state-death .hp-bar-fill,.unit-state-death .health-fill{background-color:#654321!important}.unit-state-death:hover{filter:grayscale(60%) brightness(.8) contrast(.9);cursor:default}.unit-death-transition{transition:filter .5s ease-in-out,opacity .5s ease-in-out}.unit-container{position:relative}.unit-container .state-indicator{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);z-index:15}.unit-container .state-indicator-corner{bottom:-2px;right:-2px;transform:none}.unit-container .state-indicator-center-bottom{bottom:-4px;left:50%;transform:translate(-50%)}.unit-container:hover .state-indicator{z-index:20}.unit-container.selected .state-indicator{z-index:25}@media (max-width: 768px){.unit-container .state-indicator{bottom:-1px}.unit-state-death{filter:grayscale(50%) brightness(.8)}}.unit-state-death[aria-label]:after{content:" (death)";position:absolute;left:-9999px}@media print{.unit-state-death{filter:none!important;opacity:.7!important;background-color:#ccc!important}}.spawn-beacon-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;box-sizing:border-box;border:2px solid rgba(255,255,255,.6);box-shadow:0 1px 3px #00000080}.spawn-beacon-icon.team-own{background-color:var(--team-color-own)}.spawn-beacon-icon.team-ally{background-color:var(--team-color-ally)}.spawn-beacon-icon.team-enemy{background-color:var(--team-color-enemy)}.spawn-beacon-icon.size-small{width:32px;height:32px}.spawn-beacon-icon.size-big{width:80px;height:80px;border-width:3px}.map-tile{position:relative;width:var(--tile-size);height:var(--tile-size);outline:1px solid #9994;outline:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:10px;color:#aaa;background-size:cover;background-position:center;filter:brightness(.6) contrast(1.5) saturate(.6);opacity:.9}.terrain-layer{position:absolute;inset:0;pointer-events:none}.terrain-grass{background-color:#4a7c59}.terrain-sand{background-color:#ddc088}.terrain-dirt{background-color:#8b7355}.terrain-rock{background-color:#6b6b6b}.terrain-sea{background-color:#3a5f7d}.terrain-snow{background-color:#e8f4f8}.tile-coordinates{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:11px;pointer-events:none;z-index:10;width:104%;text-align:center;display:inline;color:#fff;font-weight:700;background:#0009;padding:1px 2px;border-radius:2px}.highlight-layer{pointer-events:none}.highlight-tile{position:absolute;transition:background-color .2s ease-in-out,opacity .2s ease-in-out;opacity:.7;background-color:var(--color-highlight, var( --color-green-light));pointer-events:auto}.highlight-tile:hover{background-color:var(--color-blue);cursor:pointer}.objects-layer{position:absolute;width:100%;height:100%;pointer-events:none;top:0;left:0}.map-object{position:absolute;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-in-out,opacity .2s ease-in-out;pointer-events:all;cursor:pointer}.map-object.cinematic-movement{transition:left .2s linear,top .2s linear,transform .2s ease-in-out,opacity .2s ease-in-out}.map-object:hover{transform:scale(1.1);z-index:5}.map-object[data-object-type=unit],.map-object[data-object-type=spawn_beacon]{cursor:pointer}.map-object[data-is-selected=true] .unit-icon{transform:scale(1.15);border-color:#ff0;box-shadow:0 0 15px #ffff64e6;z-index:5}.object-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:7;display:flex;align-items:center;justify-content:center}.objects-layer.targeting-mode{pointer-events:none}.objects-layer.targeting-mode .map-object{pointer-events:none!important}.object-layer.unit{width:32px;height:32px;background:#12e05b;color:#000;border-radius:50%;border:2px solid black;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 2px #0006}.object-layer.unit{width:32px;height:32px;background:#12e05b;color:#000;border-radius:50%;border:2px solid black;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 2px #0006;transition:background-color .2s ease,border-color .2s ease}.object-layer.unit:hover{background-color:#3b82f6}.object-layer.unit.selected{border:3px solid #ffff00;box-shadow:0 0 10px 3px #ffff00b3}.object-layer.unit.selected:hover{background-color:#12e05b}.object-layer.spawn_beacon{width:42px;height:42px;border-radius:6px;border:2px solid rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000080}.object-layer.spawn_beacon.friendly{background-color:var(--team-color-ally)}.object-layer.spawn_beacon.enemy{background-color:var(--team-color-enemy)}.object-layer.spawn_beacon{transition:transform .2s ease,box-shadow .2s ease}.object-layer.spawn_beacon:hover{background-color:#3b82f6;box-shadow:0 0 8px #ffffffb3}.object-layer.spawn_beacon.selected{box-shadow:0 0 10px 3px #ffff00b3;border-color:#ff0}.planned-action-line{overflow:visible;pointer-events:none;z-index:1}.planned-action-line.completed{opacity:.4}.planned-action-line.completed .order-number-group{opacity:.6}.action-line-path{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:stroke-width .2s ease,opacity .2s ease;pointer-events:none}.action-line-path:hover{stroke-width:10;opacity:.9}.order-number-group{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));pointer-events:none}.order-background{transition:r .2s ease,stroke-width .2s ease;pointer-events:none}.planned-action-line:hover .order-background{r:14;stroke-width:3}.order-text{font-family:var(--font-family, "Arial", sans-serif);-webkit-user-select:none;user-select:none;transition:font-size .2s ease;pointer-events:none}.planned-action-line:hover .order-text{font-size:16px}.planned-action-line.highlighted{z-index:3}.planned-action-line.highlighted .action-line-path{stroke-width:12;filter:drop-shadow(0 0 8px currentColor)}.planned-action-line.highlighted .order-background{r:16;stroke-width:4;fill:#ffd700e6}.planned-action-line.highlighted .order-text{font-size:18px;fill:#000}@keyframes pulse-line{0%,to{opacity:1}50%{opacity:.7}}.planned-action-line.pulsing .action-line-path{animation:pulse-line 1.5s ease-in-out infinite}@media (max-width: 768px){.order-background{r:10}.order-text{font-size:12px}.action-line-path{stroke-width:6}}.action-lines-layer{pointer-events:none}.action-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon svg{flex-shrink:0}.action-icon-text{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-family, monospace);color:currentColor}.action-icon-move,.action-icon-light-move,.action-icon-heavy-move{color:#4a9eff}.action-icon-melee,.action-icon-light-attack,.action-icon-heavy-attack{color:#ff4545}.action-icon-range,.action-icon-ranged,.action-icon-bow,.action-icon-crossbow{color:#ff8c00}.action-icon-defend,.action-icon-block,.action-icon-parry{color:#4aff63}.action-icon-spell,.action-icon-magic{color:#b65cff}.action-icon-heal{color:#ff69b4}.action-icon-observe,.action-icon-scout{color:gold}.action-icon-default{color:#888}.action-icon.selected{color:gold;filter:drop-shadow(0 0 4px currentColor)}.action-team-own{color:var(--team-color-own)!important}.action-team-ally{color:var(--team-color-ally)!important}.action-team-enemy{color:var(--team-color-enemy)!important}.planned-action-delete{display:flex;align-items:center;justify-content:center;background:#f59e0be6;border:1px solid var(--color-text);border-radius:50%;color:var(--color-text-light);cursor:pointer;transition:all .2s ease;padding:0;position:relative;z-index:10;width:18px;height:18px;box-shadow:none}.planned-action-icon .planned-action-delete{position:absolute;top:-6px;right:-6px;z-index:21}.planned-action-delete:hover{background:var(--color-bg);transform:scale(1.1);box-shadow:0 2px 8px #f59e0b66}.planned-action-delete:active{transform:scale(.95)}.planned-action-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.planned-action-delete.loading{background:#9ca3afe6;border-color:#9ca3af;cursor:wait}.delete-spinner{width:60%;height:60%;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.planned-action-delete.small{font-size:10px}.planned-action-delete.medium{font-size:12px}.planned-action-delete.large{font-size:14px}.planned-action-delete.in-tooltip{background:#f59e0bcc;border-width:1px}.planned-action-delete.in-tooltip:hover{background:#f59e0b;border-color:#d97706}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.planned-action-delete{animation:fadeInScale .2s ease-out}@media (max-width: 768px){.planned-action-delete{min-width:20px;min-height:20px}}.hover-click-popup{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:1px solid rgba(13,148,136,.4);border-radius:var(--space-sm);box-shadow:0 4px 12px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-md);max-width:280px;animation:popupFadeIn .2s ease-out;position:relative}.hover-click-popup.pinned{border-color:#0d948899;box-shadow:0 6px 20px #000000b3}.hover-click-popup-close{position:absolute;top:var(--space-xs);right:var(--space-xs);width:20px;height:20px;background:var(--color-info);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--color-text-light);font-size:24px;font-weight:lighter;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;line-height:0;transition:all .2s;z-index:1;font-family:var(--font-body)}.hover-click-popup-close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:scale(1.1)}.hover-click-popup-content{position:relative}.popup-trigger-active{filter:brightness(1.2)}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hover-click-popup{max-width:240px;padding:var(--space-sm)}}@media (max-width: 480px){.hover-click-popup{max-width:200px;padding:calc(var(--space-sm) * .8)}.hover-click-popup-close{font-size:var(--fs-small)}}.planned-action-icon{position:absolute;min-width:24px;height:24px;background-color:#fff;border-radius:12px;border:2px solid #555;display:flex;align-items:center;justify-content:center;z-index:20;transition:all .2s ease-in-out;cursor:pointer;pointer-events:auto;box-shadow:0 2px 4px #0003,0 0 8px var(--team-glow, transparent);padding:0 4px;--team-glow: #888888}.sequence-display{position:absolute;background-color:var(--team-glow);border:2px solid white;display:flex;align-items:center;justify-content:center;z-index:35;pointer-events:none;box-shadow:0 2px 4px #0003,0 0 6px #0000001a}.sequence-display .sequence-number{color:#fff;font-size:11px;font-weight:700;font-family:var(--font-heading, "Exo 2", sans-serif);line-height:1;white-space:nowrap}.sequence-circle{width:20px;height:20px;border-radius:50%}.sequence-pill{min-width:20px;height:20px;border-radius:10px;padding:0 6px}.sequence-stack{position:absolute;left:-17px;top:0;pointer-events:none;z-index:35}.sequence-stack .sequence-display{position:absolute;left:0}.sequence-display.sequence-top-left{top:-17px;left:-17px}.planned-action-icon.team-own .sequence-display{background-color:var(--team-color-own)}.planned-action-icon.team-ally .sequence-display{background-color:var(--team-color-ally)}.planned-action-icon.team-enemy .sequence-display{background-color:var(--team-color-enemy)}.planned-action-icon.team-unknown .sequence-display{background-color:#888}.planned-action-icon:hover{z-index:50}.planned-action-icon[data-interaction-mode=targeting],.planned-action-icon.targeting-mode{pointer-events:none;opacity:.6;filter:grayscale(.3);cursor:default}.planned-action-icon[data-interaction-mode=select],.planned-action-icon.select-mode{pointer-events:auto;opacity:1;filter:none;cursor:pointer}.planned-action-icon[data-interaction-mode=select]:hover,.planned-action-icon.select-mode:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.planned-action-icon[data-interaction-mode=targeting]:hover,.planned-action-icon.targeting-mode:hover{transform:none;background:#00000080}.planned-action-icon.single-action{position:relative}.delete-button-overlay{position:absolute;top:-6px;right:-6px;z-index:6;pointer-events:auto}.planned-action-icon[data-interaction-mode=targeting] .delete-button-overlay,.planned-action-icon.targeting-mode .delete-button-overlay{display:none}.single-action-delete{background:#f59e0bf2;border:1px solid #f59e0b;pointer-events:auto}.planned-action-icon.multiple-actions{cursor:pointer;position:relative;transform:none}.action-icon-container{display:flex;align-items:center;justify-content:center;gap:3px}.planned-action-icon:hover{background:#000000d9;border-color:var(--team-glow);transform:scale(1.1)}.planned-action-icon:hover .action-count-text,.planned-action-icon:hover .mixed-action-indicator{color:#fff}.planned-action-icon.multiple-actions:hover{background:#000000d9;border-color:var(--color-accent-cyan);box-shadow:0 0 10px 0 var(--color-accent-cyan)}.planned-action-icon.multiple-actions[data-interaction-mode=select]:hover,.planned-action-icon.multiple-actions.select-mode:hover{transform:scale(1.1);border-width:3px;box-shadow:0 4px 12px #0000004d,0 0 12px var(--team-glow, transparent)}.planned-action-icon.multiple-actions[data-interaction-mode=targeting],.planned-action-icon.multiple-actions.targeting-mode{cursor:default}.multiple-actions-tooltip .tooltip-title{color:var(--color-text-light);font-size:var(--fs-base);font-weight:600;margin:0 0 var(--space-sm) 0}.multiple-actions-tooltip .actions-grid{display:flex;flex-direction:column;gap:var(--space-xs);max-height:300px;overflow-y:auto}.multiple-actions-tooltip .action-row{display:grid;grid-template-columns:min-content 1fr max-content;grid-auto-columns:auto;grid-auto-flow:column;gap:var(--space-xs);align-items:center;padding:4px 8px;background:#ffffff0d;border-radius:var(--space-xs);transition:background .15s ease}.multiple-actions-tooltip .action-row:hover{background:#ffffff1a}.multiple-actions-tooltip .action-unit-info{display:flex;align-items:center;gap:4px;white-space:nowrap;flex:0}.multiple-actions-tooltip .unit-name{font-size:12px;color:#ccc;font-weight:500}.multiple-actions-tooltip .action-info{display:flex;align-items:center;gap:6px;min-width:0;flex:0}.multiple-actions-tooltip .action-name{font-size:var(--fs-small);color:gold;font-weight:600}.multiple-actions-tooltip .action-sequence{display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-small);color:var(--color-primary);background:#0d948826;padding:2px 6px;border-radius:10px;font-weight:600;white-space:nowrap;min-width:24px;flex:0}.multiple-actions-tooltip .sequence-label{opacity:.7}.multiple-actions-tooltip .sequence-value{color:var(--color-primary)}.multiple-actions-tooltip .action-delete{display:flex;align-items:center;justify-content:center;min-width:20px}.multiple-actions-tooltip .action-delete .planned-action-delete{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:4px;padding:2px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.multiple-actions-tooltip .action-delete .planned-action-delete:hover{background:#ef444440;border-color:#ef444480;transform:scale(1.1)}.multiple-actions-tooltip .action-delete .planned-action-delete svg{stroke:var(--color-red);width:16px;height:16px}.action-count-text{color:#333;font-size:12px;font-weight:700;line-height:1;font-family:var(--font-heading, "Exo 2", sans-serif);white-space:nowrap;margin-left:-2px}.mixed-action-indicator{font-size:14px;font-weight:700;color:#333;text-align:center;line-height:1}.mixed-action-indicator.mixed-teams{color:#333}.planned-action-delete.in-tooltip{background:#f59e0be6;border:1px solid #f59e0b;border-radius:4px;padding:4px;transition:all .2s ease;pointer-events:auto}.planned-action-delete.in-tooltip:hover{background:#f59e0b;transform:scale(1.1);box-shadow:0 2px 8px #f59e0b66}.planned-actions-tooltip-wrapper{z-index:1000}.planned-action-icon.team-own{border-color:var(--team-color-own);--team-glow: var(--team-color-own)}.planned-action-icon.team-ally{border-color:var(--team-color-ally);--team-glow: var(--team-color-ally)}.planned-action-icon.team-enemy{border-color:var(--team-color-enemy);--team-glow: var(--team-color-enemy)}.planned-action-icon.team-unknown{border-color:#888;--team-glow: #888888}.planned-action-icon.team-mixed{--team-glow: var(--color-slate-dark)}.planned-action-icon.targeting-mode{animation:none}@media (max-width: 768px){.planned-action-icon{min-width:28px;height:28px}.planned-action-icon.targeting-mode{opacity:.4}.planned-action-icon.select-mode{width:32px;height:32px}.multiple-actions-tooltip .actions-grid{gap:4px}.multiple-actions-tooltip .action-row{grid-template-columns:min-content 1fr max-content;gap:4px;padding:3px 6px}.delete-button-overlay{top:-4px;right:-4px}}@media (min-width: 1200px){.multiple-actions-tooltip .action-row{gap:var(--space-md)}}.planned-action-icon.has-completed-actions{opacity:.4;transition:opacity .3s ease}.planned-action-icon.all-completed{opacity:.3}.planned-action-icon.cinematic-mode .action-count{opacity:.6}.planned-action-icon:focus{outline:2px solid #ffd700;outline-offset:2px}.starting-position-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background-color:#fff;border-radius:50%;border:2px solid #555;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.starting-position-icon.team-own{border-color:var(--team-color-own)}.starting-position-icon.team-ally{border-color:var(--team-color-ally)}.starting-position-icon.team-enemy{border-color:var(--team-color-enemy)}.action-icons-layer{pointer-events:none}.icon-container{display:flex;align-items:center;justify-content:center}.action-icon-wrapper{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none}.action-icon-order{position:absolute;top:2px;right:2px;background:#0009;color:#fff;font-size:10px;padding:1px 3px;border-radius:3px;pointer-events:none}.map-manager-wrapper{position:relative;width:100%;height:100%;overflow:visible}.map-container{position:relative;display:block;background-color:#000;overflow:auto;scroll-behavior:auto!important;-webkit-overflow-scrolling:auto;max-height:calc(72vh - 126px)}.map-grid{display:grid;grid-template-columns:repeat(var(--map-width),var(--tile-size));grid-auto-rows:var(--tile-size);gap:0;position:relative}.map-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.impact-effect{position:absolute}.impact-effect.hit-spark{background-color:#ffe600cc;border-radius:50%;animation:hit-spark-animation .5s ease-out forwards}@keyframes hit-spark-animation{0%{transform:scale(.2);opacity:1}80%{transform:scale(1.2);opacity:.5}to{transform:scale(1.5);opacity:0}}@media (max-width: 768px){.map-container{max-width:100vw;max-height:100vh;width:100%;height:100%}.game-view-mobile .map-container{max-width:none;max-height:none}}.big-title-animation{position:fixed;top:40%;left:50%;transform:translate(-50%) translateY(-50%);white-space:nowrap;z-index:2000;pointer-events:none;color:var(--color-accent, #ffc107);font-family:var(--font-heading, "Segoe UI", sans-serif);font-weight:700;letter-spacing:2px;font-size:5rem;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 15px var(--color-accent, #ffc107);animation:big-title-slide 4s forwards ease-in-out}@keyframes big-title-slide{0%{transform:translate(-50%) translateY(-200%);opacity:0}20%{transform:translate(-50%) translateY(-50%) scale(1.1);opacity:1}30%{transform:translate(-50%) translateY(-50%) scale(1);opacity:1}70%{transform:translate(-50%) translateY(-50%) scale(1);opacity:1}to{transform:translate(-50%) translateY(200%);opacity:0}}.effect-bar .effect-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-md) * 1.3);height:calc(var(--space-md) * 1.3);font-size:var(--fs-xs);cursor:pointer}.effect-bar .effect-icon .unicode-icon{font-size:inherit;line-height:1}.effect-bar .effect-icon img{width:100%;height:100%;object-fit:contain}.effect-bar .effect-icon .fallback-icon{font-weight:700;color:var(--color-slate-light)}.effect-bar .effect-icon-with-name{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:calc(var(--space-xs) * 1.6);background:var(--color-slate-dark);transition:background-color .2s}.effect-bar .effect-icon-with-name:hover{background:var(--color-slate-light);color:var(--color-bg)}.effect-bar .effect-icon-with-name .effect-icon-display{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-md) * 1.25);height:calc(var(--space-md) * 1.25);font-size:var(--fs-small);flex-shrink:0}.effect-bar .effect-icon-with-name .effect-icon-display .unicode-icon{font-size:inherit;line-height:1}.effect-bar .effect-icon-with-name .effect-icon-display img{width:100%;height:100%;object-fit:contain}.effect-bar .effect-icon-with-name .effect-name{font-size:var(--fs-small2);color:var(--color-text);white-space:nowrap}.effect-bar .effect-icon-with-name:hover .effect-name{color:var(--color-bg)}.effect-bar .effect-icon-with-name .effect-icon-display .fallback-icon{font-weight:700;color:var(--color-slate-light)}.effect-popup{min-width:200px}.effect-popup-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.effect-popup-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-md) * 1.5);height:calc(var(--space-md) * 1.5);font-size:var(--fs-body)}.effect-popup-title{font-size:var(--fs-h5);font-weight:600;color:var(--color-accent-cyan)}.effect-popup-description{font-size:var(--fs-small2);color:var(--color-text);line-height:1.4;margin-bottom:var(--space-sm)}.effect-popup-separator{height:1px;background:#ffffff1a;margin:var(--space-sm) 0}.effect-popup-details{display:flex;flex-direction:column;gap:calc(var(--space-xs) * .75)}.effect-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-small2)}.effect-detail-label{color:var(--color-slate-light);font-weight:500}.effect-detail-value{color:var(--color-text);text-align:right}.effect-detail-value.source{display:flex;align-items:center;gap:calc(var(--space-xs) * .5)}.counter-ready{color:var(--color-green-light, #12e05b);font-weight:500}.counter-partial{color:var(--color-yellow, #facc15);font-weight:500}.counter-depleted{color:var(--color-red, #ef4444);font-weight:500}@media (max-width: 768px){.effect-popup{min-width:180px}.effect-popup-title{font-size:var(--fs-body)}.effect-popup-description,.effect-detail-row{font-size:var(--fs-small2)}}.stat-display{display:flex;align-items:center;gap:.5rem;padding:3px 6px;border:1px solid rgba(148,163,184,.2);border-radius:4px;transition:all .2s ease;cursor:pointer}.stat-display:hover{transform:translateY(-1px);border-color:#94a3b866}.stat-value{font-weight:500;display:inline-flex;align-items:baseline;gap:2px}.stat-value .base-value{font-weight:500;color:#e2e8f0}.stat-value .modifier-indicator{font-size:.85em;font-weight:700;padding:0 2px}.stat-value.modified{font-weight:700}.stat-value.positive{color:var(--color-green-light);text-shadow:0 0 4px rgba(18,224,91,.3)}.stat-value.negative{color:var(--color-red);text-shadow:0 0 4px rgba(239,68,68,.3)}.stat-value.neutral{color:var(--color-text);font-weight:700}.stat-display.positive{border-color:var(--color-green-light);background:#12e05b0d}.stat-display.positive:hover{border-color:var(--color-green-light);background:#12e05b1a;box-shadow:0 0 4px #12e05b4d}.stat-display.negative{border-color:var(--color-red);background:#ef44440d}.stat-display.negative:hover{border-color:var(--color-red);background:#ef44441a;box-shadow:0 0 4px #ef44444d}.stat-display.neutral{border-color:#94a3b84d}.stat-popup{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:1px solid rgba(8,145,178,.4);border-radius:8px;padding:0;min-width:250px;max-width:320px;box-shadow:0 4px 12px #00000080;overflow:hidden}.stat-popup-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0891b21a;border-bottom:1px solid rgba(8,145,178,.2)}.stat-popup-title-group{display:flex;align-items:center;gap:8px}.stat-popup-icon{display:flex;align-items:center;font-size:18px}.stat-popup-title{color:#f1f5f9;font-weight:600;font-size:14px;text-transform:capitalize}.stat-popup-close{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}.stat-popup-close:hover{color:#f87171}.stat-popup-description{padding:8px 12px;color:#94a3b8;font-size:var(--fs-small2);line-height:1.4}.stat-popup-separator{height:1px;background:#94a3b833;margin:0}.stat-popup-modifiers{padding:8px 0}.stat-base-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;color:#cbd5e1;font-size:var(--fs-small2)}.stat-base-row .stat-value{font-weight:500;color:#f1f5f9}.stat-modifier-separator{height:1px;background:#94a3b826;margin:4px 12px}.stat-modifiers-section{padding:4px 0}.stat-modifier-row{display:flex;align-items:center;padding:6px 12px;font-size:var(--fs-small2);transition:background-color .15s ease}.stat-modifier-row:hover{background:#ffffff08}.stat-modifier-row.positive{color:var(--color-green-light)}.stat-modifier-row.negative{color:var(--color-red)}.stat-modifier-row .modifier-icon{font-size:14px;margin-right:6px;width:20px;display:inline-flex;align-items:center;justify-content:center}.stat-modifier-row .modifier-name{flex:1;font-weight:500}.stat-modifier-row .modifier-value{font-weight:600;margin-right:6px;min-width:28px;text-align:right}.stat-modifier-row .modifier-duration{font-size:var(--fs-small2);opacity:.8;white-space:nowrap}.stat-modifier-row .modifier-duration.unlimited{color:#fbbf24}.stat-total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-top:4px;border-top:1px solid rgba(148,163,184,.2);color:#cbd5e1;font-size:var(--fs-small2);font-weight:600;background:#0891b20d}.stat-total-row .stat-value-final{color:#f1f5f9;font-size:14px}.stat-tooltip-container{min-width:250px;max-width:300px;padding:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:1px solid rgba(8,145,178,.4);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000080}.stat-tooltip-header .stat-name{font-weight:600;font-size:14px;color:#f1f5f9;text-transform:capitalize}.stat-tooltip-header .stat-change{font-size:var(--fs-small2);color:#94a3b8;margin:0 8px}.stat-tooltip-header .stat-total-change{font-weight:600;font-size:14px;padding:2px 6px;border-radius:4px}.stat-tooltip-header .stat-total-change.positive{color:var(--color-green-light);background:#12e05b26}.stat-tooltip-header .stat-total-change.negative{color:var(--color-red);background:#ef444426}.stat-tooltip-header .stat-total-change.neutral{color:#94a3b8}.stat-tooltip-breakdown{padding:8px 0}.stat-tooltip-separator{height:1px;background:#94a3b833;margin:4px 12px}.stat-no-modifiers{padding:8px 12px;text-align:center;color:#64748b;font-size:var(--fs-small2);font-style:italic}@keyframes stat-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes stat-glow{0%,to{text-shadow:0 0 4px currentColor}50%{text-shadow:0 0 8px currentColor,0 0 12px currentColor}}.stat-value.modified{font-weight:600;animation:stat-pulse 2s ease-in-out infinite}.stat-value.positive{color:var(--color-green-light);animation:stat-glow 2s ease-in-out infinite}.stat-value.negative{color:var(--color-red);animation:stat-glow 2s ease-in-out infinite}.stat-value .base-value{font-weight:500}.stat-value .modifier-indicator{font-weight:700;font-size:.9em}.stat-value .modifier-indicator.positive{color:var(--color-green-light)}.stat-value .modifier-indicator.negative{color:var(--color-red)}.effect-bar{display:inline-flex;align-items:center;gap:4px;min-height:auto}.effect-bar.empty{visibility:hidden}.effect-bar-icon{display:inline-flex;align-items:center;justify-content:center;padding:3px;border-radius:4px;background:#0006;border:1.5px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;font-size:.9rem;line-height:1}.effect-bar-icon:hover{transform:scale(1.1);background:#0009;filter:brightness(1.2);box-shadow:0 2px 8px #0009}@media (max-width: 768px){.effect-bar{gap:3px}.effect-bar-icon{padding:2px;font-size:.8rem}}@media (max-width: 480px){.effect-bar{gap:2px}.effect-bar-icon{padding:2px;font-size:.7rem;border-width:1px}}.unit-info-card{width:100%;display:flex;flex-direction:column;gap:12px}.unit-info-header{display:flex;flex-direction:column;align-items:center;gap:8px}.unit-title{font-size:1.1rem;font-weight:600;margin:0;color:#f1f5f9;text-align:center}.hp-bar{position:relative;height:2rem;min-height:2rem;background:#262626;border-radius:6px;overflow:hidden;border:1px solid #444}.hp-fill{height:100%;transition:width .3s ease,background-color .3s ease}.hp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-text-dark);font-weight:600}.hp-text-healthy{color:#000}.hp-text-warning,.hp-text-critical{color:#fff}.ap-display{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff0d;border-radius:6px;color:#fbbf24;font-size:.875rem}.ap-display svg{flex-shrink:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding:8px 0}@media (min-width: 400px){.stats-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.unit-effects{padding:8px;background:#ffffff0d;border-radius:6px}.unit-effects h4{margin:0 0 8px;font-size:.875rem;color:#e2e8f0;font-weight:600}.effects-list{display:flex;flex-direction:column;gap:4px}.effect-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#ffffff0d;border-radius:4px;font-size:.75rem}.effect-name{color:#cbd5e1}.effect-duration{color:#94a3b8;font-weight:600}.unit-position{text-align:center;font-size:.7rem;color:#64748b;margin-top:-4px;font-weight:500;opacity:.8}.hp-bar{cursor:pointer}.hp-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;min-width:200px;box-shadow:0 4px 12px #00000080}.hp-popup-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);color:#f1f5f9;font-weight:600;font-size:.9rem}.hp-popup-content{display:flex;flex-direction:column;gap:6px}.hp-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#e0e0e0}.hp-stat-row.damage{color:#f87171}.hp-value{font-weight:600;font-family:monospace}.hp-separator{height:1px;background:#ffffff1a;margin:4px 0}.structure-info-card{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460) padding-box,radial-gradient(circle at 10% 10%,#0891b2,#0d9488) border-box;border:2px solid transparent;border-radius:1rem;width:100%;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 6px #0000008c}.structure-header{display:flex;flex-direction:column;align-items:center;gap:8px}.structure-title{font-size:1.1rem;font-weight:600;margin:0;color:#f1f5f9;text-align:center}.structure-control{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:#ffffff0d;border-radius:6px;font-size:.875rem;font-weight:600}.structure-control.team-own{color:var(--team-color-own, #4ade80)}.structure-control.team-ally{color:var(--team-color-ally, #60a5fa)}.structure-control.team-enemy{color:var(--team-color-enemy, #f87171)}.structure-capture{display:flex;flex-direction:column;gap:8px;padding:8px;background:#ffffff0d;border-radius:6px}.capturing-team{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600}.capturing-team.team-own{color:var(--team-color-own, #4ade80)}.capturing-team.team-ally{color:var(--team-color-ally, #60a5fa)}.capturing-team.team-enemy{color:var(--team-color-enemy, #f87171)}.capture-progress{position:relative}.progress-bar{height:1.5rem;background:#262626;border-radius:4px;overflow:hidden;border:1px solid #444}.progress-fill{height:100%;transition:width .3s ease}.progress-fill.team-own{background:var(--team-color-own, #4ade80)}.progress-fill.team-ally{background:var(--team-color-ally, #60a5fa)}.progress-fill.team-enemy{background:var(--team-color-enemy, #f87171)}.progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#f8fafc;text-shadow:0 0 2px #000;font-weight:600}.structure-position,.structure-stats{text-align:center;font-size:.75rem;color:#94a3b8}.structure-position{padding-top:4px;border-top:1px solid rgba(255,255,255,.1)}.structure-stats{padding:4px;background:#ffffff0d;border-radius:4px}.ap-display{display:flex;gap:6px;align-items:center;justify-content:center}.ap-display.ap-display-small{gap:3px;justify-content:end}.ap-sphere{width:18px;height:18px;border-radius:50%;transition:all .2s ease-in-out}.ap-sphere.filled{background:radial-gradient(circle at 30% 30%,#a5b4fc,#6366f1);border:1px solid #a5b4fc;box-shadow:0 0 6px 1px #6366f1b3}.ap-sphere.hollow{background:radial-gradient(circle at 30% 30%,#666,#aaa);outline:1px solid #a5b4fc}.ap-cost-mini-sphere{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a5b4fc,#6366f1);border:1px solid #a5b4fc;box-shadow:0 0 5px 1px #6366f199}.ap-cost-mini-sphere.hollow{background:radial-gradient(circle at 30% 30%,#666,#aaa);outline:1px solid #a5b4fc}.ap-cost-numeric{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#8b5cf6;border:1px solid #c4b5fd;border-radius:50%;font-size:var(--fs-body);font-weight:700;color:#fff}.ap-sphere.buffed,.ap-cost-mini-sphere.buffed{border:2px solid #10b981!important;box-shadow:0 0 6px 1px #10b981b3}.ap-sphere.debuffed,.ap-cost-mini-sphere.debuffed{border:2px solid #ef4444!important;outline:none;box-shadow:0 0 6px 1px #ef4444b3}.ap-sphere.disabled,.ap-cost-mini-sphere.disabled{background:radial-gradient(circle at 30% 30%,#dc2626,#991b1b)!important;border:2px solid #ef4444!important;box-shadow:0 0 6px 1px #ef4444e6}.ap-sphere.hollow.disabled,.ap-cost-mini-sphere.hollow.disabled{background:transparent!important;border:2px solid #ef4444!important;box-shadow:0 0 6px 1px #ef444480}.ap-sphere.hollow.buffed,.ap-cost-mini-sphere.hollow.buffed{background:radial-gradient(circle at 30% 30%,#666,#aaa);border:2px solid #10b981!important;outline:none}.energy-display{display:flex;align-items:center;gap:4px;font-size:var(--fs-body);font-weight:700;color:var(--color-accent)}.energy-display.hollow{color:#aaa}.energy-icon{fill:var(--color-accent);stroke:var(--color-accent);stroke-width:1.5;width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0}.energy-icon.hollow{fill:none}.cooldown-indicator{position:relative;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px}.cooldown-circle{width:100%;height:100%;transform:rotate(-90deg)}.cooldown-bg{fill:none;stroke:#fff3;stroke-width:3}.cooldown-progress{fill:none;stroke:#ff6b6b;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s ease}.cooldown-number{position:absolute;font-size:11px;font-weight:700;color:#ff6b6b;text-shadow:0 0 2px rgba(0,0,0,.5);pointer-events:none}@media (max-width: 768px){.cooldown-indicator{width:20px;height:20px}.cooldown-number{font-size:10px}}.actions-panel,.actions-panel-placeholder{border-radius:8px;padding:0rem 0;color:#e0e0e0;display:flex;flex-direction:column;width:100%}.actions-panel-placeholder p{text-align:center;font-weight:700}.actions-panel-placeholder span{font-size:.85rem;color:#888;text-align:center}.actions-panel h4{margin:0;font-size:.95rem;font-weight:600;color:var(--color-accent);text-align:center;padding-bottom:.5rem}.unit-ap-display{display:flex;flex-direction:column;gap:.5rem;align-items:center}.ap-breakdown{display:flex;flex-direction:column;gap:.25rem;align-items:center}.planned-ap-info{font-size:.8rem;color:orange;text-align:center}.planned-ap-text{font-weight:500}.no-actions-msg{text-align:center;color:#888;font-style:italic}.actions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;overflow-x:hidden}.action-button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.9rem;border-radius:6px;border:1px solid #555;background-color:#333;color:#fff;cursor:pointer;transition:all .2s ease;position:relative}.action-button:not(:disabled):hover{background-color:#444;border-color:var(--color-accent, #ffc107);transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.action-button.selected{background-color:#4a4a00;border-color:gold;box-shadow:0 0 12px #ffd7004d;transform:translateY(-1px)}.action-button.selected:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,gold,#ffed4e,gold);border-radius:8px;z-index:-1;opacity:.7}.action-button.selected:hover{background-color:#5a5a00;transform:translateY(-2px);box-shadow:0 4px 16px #ffd70066}.action-button.insufficient-ap{background-color:#4a2a2a;border-color:#ff6b6b;opacity:.7}.action-button.insufficient-ap:hover{background-color:#5a3a3a;border-color:#ff8e8e}.action-button:disabled{background-color:#2a2a2a;color:#666;cursor:not-allowed;opacity:.5}.action-damage-icon{display:flex;align-items:center;gap:.25rem;flex-shrink:0;color:#ddd;transition:all .2s ease}.action-button:not(:disabled) .action-damage-icon{color:var(--color-accent)}.action-button.selected .action-damage-icon{color:gold;filter:drop-shadow(0 0 4px currentColor)}.action-damage-number{font-size:.85rem;font-weight:600;white-space:nowrap}.action-icon{display:flex;align-items:center;color:#ddd;width:16px;transition:all .2s ease}.action-button:not(:disabled) .action-icon{color:var(--color-accent)}.action-button.selected .action-icon{color:gold;filter:drop-shadow(0 0 4px currentColor)}.action-icon.selected{color:gold!important;filter:drop-shadow(0 0 4px currentColor)}.action-icon.disabled{opacity:.5;filter:grayscale(1)}.action-name{flex-grow:1;font-weight:500;font-size:.9rem;text-align:left;transition:color .2s ease}.action-costs{display:flex;flex-direction:row;gap:.3rem;align-items:center}.action-button.selected .action-name{color:gold;font-weight:600}@keyframes pulse-selected{0%,to{box-shadow:0 0 12px #ffd7004d}50%{box-shadow:0 0 20px #ffd70080}}.action-button.selected{animation:pulse-selected 2s ease-in-out infinite}@media (max-width: 768px){.actions-panel{padding:.75rem}.actions-list{max-height:240px}.action-button{padding:.4rem .6rem;font-size:.9rem}.action-icon{width:18px}}.planned-actions-panel{border-radius:8px;padding:1rem 0;color:#e0e0e0;display:flex;flex-direction:column;gap:.75rem;width:100%}.planned-actions-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-accent);text-align:center;padding-bottom:.5rem}.planned-actions-list{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto;overflow-x:hidden;padding:0 .5rem}.planned-action-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem;transition:all .2s ease}.planned-action-item:hover{background:#ffffff14;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.planned-action-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.planned-action-info{display:flex;align-items:center;gap:.5rem;flex:1}.planned-action-name{font-weight:500;font-size:.9rem;color:#fff;flex:1}.planned-action-order{display:flex;align-items:center;gap:2px;padding:.125rem .25rem;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:4px;color:gold;font-size:.75rem;font-weight:600;font-family:monospace}.planned-action-order svg{color:gold;opacity:.8}.planned-action-details{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.05)}.planned-action-unit{display:flex;align-items:center;gap:.25rem;color:#cbd5e1;font-size:.85rem}.planned-action-unit .unit-name{color:#94a3b8;font-weight:500}.planned-action-target{display:flex;align-items:center;gap:.25rem;color:#94a3b8;font-size:.85rem}.planned-action-target svg{color:#64748b}.planned-action-costs{display:flex;align-items:center;gap:.5rem}.planned-action-item .planned-action-delete{opacity:.7;transition:opacity .2s ease}.planned-action-item:hover .planned-action-delete{opacity:1}.planned-actions-list::-webkit-scrollbar{width:6px}.planned-actions-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.planned-actions-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.planned-actions-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.planned-actions-empty{text-align:center;color:#888;font-style:italic;padding:1rem}@media (max-width: 768px){.planned-actions-panel{padding:.75rem}.planned-actions-list{max-height:180px}.planned-action-item{padding:.4rem}.planned-action-name{font-size:.85rem}}.info-panel{display:flex;flex-direction:column;gap:1rem;width:100%}.info-panel-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;color:#888;font-size:.9rem;text-align:center}.info-panel-empty p{margin:0;font-style:italic}.deployable-units{padding:var(--space-md) 0rem 0rem;display:flex;flex-direction:column;gap:.5rem;color:#fff;font-family:Roboto,sans-serif}.deployable-units h4{margin:0 0 .25rem;font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.deployable-units ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.unit-card{display:flex;align-items:center;gap:.4rem;padding:.4rem;width:calc(50% - .25rem);justify-content:center}.unit-initial{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--team-friendly);color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:capitalize}.unit-name{flex:1;font-size:1.2rem;font-weight:500;display:none}.finalize-button{margin:var(--space-sm) 0rem 0rem}.warning-popup{position:fixed;top:20px;right:20px;background:#1a0f0a;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:12px;padding:1rem 1.5rem;box-shadow:0 0 12px #d4a94fcc,0 0 24px #d4a94f66;display:flex;align-items:center;gap:1rem;z-index:9999}.warning-text{font-size:.95rem;font-weight:600;letter-spacing:.5px;flex-grow:1}.close-warning{background:none;border:none;padding:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center;color:var(--color-primary);cursor:pointer;transition:color .2s ease,transform .2s ease}.close-warning:hover{color:#e6c470;transform:scale(1.2)}.overlay-backdrop{position:fixed;inset:0;background:#0000004d;z-index:9998}.game-status-button-panel .helper-text{font-size:.875rem;color:var(--text-muted);margin:0;padding:.5rem;background:#ffffff0d;border-radius:4px;text-align:center;font-style:italic}.game-status-button-panel .loading-spinner{display:inline-flex;align-items:center;gap:.5rem}.game-status-button-panel .loading-spinner:before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.game-status-button-panel{padding:.75rem;margin-top:.75rem}.game-status-button-panel .helper-text{font-size:.75rem;padding:.375rem}}.timeline-event-card{display:flex;flex-direction:column;align-items:center;min-width:80px;max-width:80px;min-height:100%;background:#16213e;border:1px solid var(--color-slate-dark);border-radius:8px;padding:.5rem;transition:all .3s ease;cursor:pointer;position:relative;flex-shrink:0;justify-content:space-between}.timeline-event-card.effect-event{border-style:dashed;border-width:2px;background:repeating-linear-gradient(45deg,#16213e,#16213e 12px,#1f2d52 12px 24px)}.timeline-event-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.timeline-event-card.team-own{border-color:#388e3c80;border-bottom:4px solid #388e3c}.timeline-event-card.team-own:hover{box-shadow:0 0 8px #388e3c66}.timeline-event-card.team-ally{border-color:#1976d280;border-bottom:4px solid #1976d2}.timeline-event-card.team-ally:hover{box-shadow:0 0 8px #1976d266}.timeline-event-card.team-enemy{border-color:#ef444480;border-bottom:4px solid #ef4444}.timeline-event-card.team-enemy:hover{box-shadow:0 0 8px #ef444466}.timeline-event-card.active{background:#00eaff26;border-width:2px;box-shadow:0 0 12px #00eaff99,0 0 20px #00eaff4d}.timeline-event-card.active.team-own{border-color:#388e3c;border-bottom-color:#388e3c}.timeline-event-card.active.team-ally{border-color:#1976d2;border-bottom-color:#1976d2}.timeline-event-card.active.team-enemy{border-color:#ef4444;border-bottom-color:#ef4444}.timeline-event-card.completed{background:#0f1419;opacity:.8}.timeline-event-card.completed.team-own{border-color:#388e3c4d;border-bottom-color:#388e3c99}.timeline-event-card.completed.team-ally{border-color:#1976d24d;border-bottom-color:#1976d299}.timeline-event-card.completed.team-enemy{border-color:#ef44444d;border-bottom-color:#ef444499}.timeline-event-card.artificial{background:#16213e;border:1px solid var(--color-slate-dark);border-bottom:1px solid var(--color-slate-dark)}.effect-icon{font-size:1.5rem;margin-bottom:.2rem}.unknown-icon{font-size:1.2rem;opacity:.7}.tooltip-info{color:var(--warning-color, #f39c12);font-style:italic;font-size:.9em}.card-step-indicator{background:var(--primary-color);color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:12px;min-width:20px;text-align:center;line-height:1.2}.timeline-event-card.active .card-step-indicator{background:#00eaff;color:#0a192f;font-weight:700}.card-unit-section{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;height:32px;width:32px}.artificial-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.unknown-unit{font-size:1.2rem;color:var(--color-text);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-slate-dark);border-radius:50%}.card-action-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem}.timeline-action-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.1rem}.timeline-action-icon.animating{animation:rotateIcon 2s linear infinite}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-name-small{font-size:.7rem;color:var(--color-text-light);font-weight:500;line-height:1;max-width:100%;word-break:break-word}.active .action-name-small{color:var(--color-text-light);font-weight:600}.artificial-label{font-size:.8rem;color:var(--warning-color);font-weight:700;text-align:center}.play-button-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:6px;opacity:0;transition:opacity .2s ease;pointer-events:none}.timeline-event-card:hover .play-button-overlay{opacity:1;pointer-events:auto;z-index:10;animation:fadeIn .3s ease}.play-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timeline-event-card.animating{pointer-events:none}.card-tooltip-content{font-size:12px;line-height:1.3;padding:6px 8px;min-width:120px}.card-tooltip-content-name{font-weight:700;font-size:13px;margin-bottom:4px;color:var(--primary-color);border-bottom:1px solid rgba(84,155,255,.3);padding-bottom:2px}.card-tooltip-content-row{margin-top:3px;color:#e0e0e0}.card-tooltip-content-row.missed{color:#ff6b6b;margin-left:4px;font-style:italic}.card-tooltip-content-row.killed{color:#f44;font-weight:700}.cinematic-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-end;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cinematic-modal-container{width:100%;max-width:1400px;max-height:35vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cinematic-panel{background:#1a1a2e;border:1px solid var(--border-color);border-radius:8px 8px 0 0;padding:calc(var(--space-lg) + var(--space-sm)) var(--space-md) var(--space-md) var(--space-md);height:100%;display:flex;flex-direction:column;position:relative;margin-top:var(--space-md)}.cinematic-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.cinematic-close-btn:hover{background:var(--border-color);color:var(--text-color)}.cinematic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.cinematic-header h3{margin:0;color:var(--text-color);font-size:1.1rem}.step-indicator{font-size:.9rem;color:var(--text-secondary);background:var(--background-color);padding:var(--space-xs) var(--space-sm);border-radius:4px}.cinematic-controls{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:10}.controls-container{display:flex;gap:var(--space-md);align-items:center;padding:var(--space-sm)!important;min-width:280px}.speed-text{font-size:.9rem;color:#00eaff;font-weight:600;min-width:35px;text-align:right}.speed-slider{width:140px}.play-btn{width:64px;height:32px;border-radius:6px;padding:0}.play-btn svg{width:14px;height:14px;margin-left:1px}.resolution-info{font-size:.9rem;color:var(--text-secondary);margin:0}.resolution-info p{margin:0}.action-timeline-container h4{margin:0 0 1rem;color:var(--text-color);font-size:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.action-timeline-row{display:flex;gap:calc(var(--space-sm) + var(--space-xs));padding:var(--space-md) 2rem;overflow-x:auto;overflow-y:visible;align-items:stretch;justify-content:flex-start}.mobile-top-bar{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 var(--space-md, 16px);background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-bottom:2px solid var(--color-accent-cyan, #64FFDA);box-shadow:0 2px 8px #0000004d;gap:var(--space-sm, 8px);position:relative;z-index:30}.mobile-top-bar__left{display:flex;align-items:center;gap:var(--space-md, 16px);flex:1}.mobile-top-bar__hamburger{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-slate-dark, #2a3b4d);border-radius:6px;color:var(--color-text, #f5e6d3);cursor:pointer;transition:all .2s ease;padding:0;-webkit-tap-highlight-color:transparent}.mobile-top-bar__hamburger:hover{border-color:var(--color-accent-cyan, #64FFDA);background:#64ffda1a}.mobile-top-bar__hamburger:active{transform:scale(.95)}.mobile-top-bar__hamburger svg{width:20px;height:20px}.mobile-top-bar__energy{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#2a3b4d99;border-radius:6px;font-size:var(--fs-small, 14px);white-space:nowrap;border:1px solid rgba(100,255,218,.2)}.energy-icon{font-size:1rem}.energy-value{font-weight:700;color:var(--color-accent-cyan, #64FFDA)}.mobile-top-bar__turn{font-size:var(--fs-small, 14px);color:var(--color-text, #f5e6d3);white-space:nowrap;font-weight:500}.mobile-top-bar__right{display:flex;align-items:center;gap:var(--space-sm, 8px);justify-content:flex-end}.mobile-top-bar__phase-button{min-width:90px;height:44px;padding:0 var(--space-md, 16px);background:var(--color-accent-cyan, #64FFDA);border:2px solid var(--color-accent-cyan, #64FFDA);border-radius:6px;color:var(--color-bg, #0f0e17);font-weight:700;font-size:var(--fs-small, 14px);cursor:pointer;transition:all .2s ease;box-shadow:0 0 8px #64ffda80;text-transform:uppercase;letter-spacing:.5px;-webkit-tap-highlight-color:transparent}.mobile-top-bar__phase-button:hover:not(:disabled){background:#a3fff4;border-color:#a3fff4;box-shadow:0 0 15px #64ffdacc}.mobile-top-bar__phase-button:active:not(:disabled){transform:scale(.95)}.mobile-top-bar__phase-button--disabled,.mobile-top-bar__phase-button:disabled{background:var(--color-slate-dark, #2a3b4d);border-color:var(--color-slate-dark, #2a3b4d);color:#6d84a3;opacity:.6;box-shadow:none;cursor:not-allowed;text-transform:none}@media (max-width: 1023px) and (min-width: 768px){.mobile-top-bar{height:58px}.mobile-top-bar__energy,.mobile-top-bar__turn{font-size:var(--fs-small2, 13px)}.mobile-top-bar__phase-button{min-width:85px;font-size:var(--fs-small2, 13px)}}@media (max-width: 767px) and (min-width: 480px){.mobile-top-bar{height:56px;padding:0 var(--space-sm, 8px)}.mobile-top-bar__left{gap:var(--space-sm, 8px)}.mobile-top-bar__energy,.mobile-top-bar__turn{font-size:var(--fs-small2, 12px)}.mobile-top-bar__energy{padding:4px 8px}.mobile-top-bar__phase-button{min-width:80px;font-size:var(--fs-small2, 12px);padding:0 var(--space-sm, 8px)}}@media (max-width: 479px){.mobile-top-bar{height:52px;padding:0 var(--space-xs, 4px)}.mobile-top-bar__left{gap:6px}.mobile-top-bar__hamburger{width:40px;height:40px}.mobile-top-bar__hamburger svg{width:18px;height:18px}.mobile-top-bar__energy{padding:4px 6px;font-size:11px}.energy-icon{font-size:.9rem}.mobile-top-bar__turn{font-size:11px}.mobile-top-bar__phase-button{height:40px;min-width:70px;font-size:11px;padding:0 6px}}@media (min-width: 1024px){.mobile-top-bar{display:none}}.mobile-footer{position:fixed;bottom:0;left:0;right:0;min-height:80px;max-height:140px;background:linear-gradient(180deg,#0a192ff2,#0a192ffa);border-top:2px solid var(--color-accent-cyan);box-shadow:0 -2px 10px #00000080;z-index:90;overflow-y:auto;padding:var(--space-md)}.mobile-footer[data-mode=idle]{min-height:80px}.mobile-footer[data-mode=unit-selected],.mobile-footer[data-mode=action-targeting],.mobile-footer[data-mode=enemy-unit]{min-height:100px}.mobile-footer[data-mode=deploy],.mobile-footer[data-mode=cinematic]{min-height:120px}.mobile-footer-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-text);text-align:center;padding:var(--space-md)}.mobile-footer-placeholder p{margin:0;font-size:var(--fs-small)}.mobile-footer-placeholder p:first-child{font-weight:700;color:var(--color-accent-cyan);font-size:var(--fs-body)}@media (max-width: 768px){.mobile-footer{padding:var(--space-sm)}}@media (max-width: 480px){.mobile-footer{padding:var(--space-sm);min-height:70px}.mobile-footer[data-mode=deploy],.mobile-footer[data-mode=cinematic]{min-height:110px}}.deployable-unit-card-mobile{display:flex;flex-direction:column;align-items:center;width:80px;min-width:80px;height:100px;padding:var(--space-xs);background:var(--color-slate-darker);border:2px solid var(--color-slate-dark);border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.deployable-unit-card-mobile:hover{background:var(--color-slate-dark);border-color:var(--color-accent-cyan);transform:translateY(-2px)}.deployable-unit-card-mobile.selected{background:var(--color-slate-dark);border-color:var(--color-accent-cyan);box-shadow:0 0 8px #00c7ff80}.deployable-unit-card-mobile .card-icon{width:42px;height:42px;margin-bottom:var(--space-xs);flex-shrink:0}.deployable-unit-card-mobile .card-name{font-size:var(--fs-small2);color:var(--color-text);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;word-break:break-word;flex:1;margin-bottom:var(--space-xs)}.deployable-unit-card-mobile .card-energy{margin-top:auto}.deployable-unit-card-mobile:active{transform:scale(.95)}@media (max-width: 480px){.deployable-unit-card-mobile{width:70px;min-width:70px;height:90px}.deployable-unit-card-mobile .card-icon{width:36px;height:36px}.deployable-unit-card-mobile .card-name{font-size:10px}}.deploy-carousel-mode{display:flex;flex-direction:column;width:100%;min-height:120px;background:var(--color-bg-dark)}.carousel-section{flex:1;padding:var(--space-sm) 0;overflow:hidden}.carousel-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-slate-dark) transparent}.carousel-wrapper::-webkit-scrollbar{height:4px}.carousel-wrapper::-webkit-scrollbar-track{background:transparent}.carousel-wrapper::-webkit-scrollbar-thumb{background:var(--color-slate-dark);border-radius:2px}.carousel-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-slate-light)}.carousel-track{display:flex;gap:var(--space-sm);padding:0 var(--space-md);min-width:min-content}.deploy-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-slate-darker);border-top:1px solid var(--color-slate-dark);min-height:44px}.deploy-instruction{font-size:var(--fs-small);color:var(--color-accent-cyan);font-weight:500}.btn-cancel{padding:var(--space-xs) var(--space-md);background:var(--color-slate-dark);color:var(--color-text);border:1px solid var(--color-slate-light);border-radius:4px;font-size:var(--fs-small);font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px;min-height:36px}.btn-cancel:hover{background:var(--color-slate-light);border-color:var(--color-text)}.btn-cancel:active{transform:scale(.95)}.deploy-carousel-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);min-height:100px}.empty-message{margin:0;font-size:var(--fs-small);color:var(--color-slate-light);text-align:center;font-style:italic}@media (max-width: 480px){.carousel-track{gap:var(--space-xs);padding:0 var(--space-sm)}.deploy-action-bar{padding:var(--space-xs) var(--space-sm)}.deploy-instruction{font-size:var(--fs-small2)}.btn-cancel{font-size:var(--fs-small2);padding:var(--space-xs) var(--space-sm);min-width:50px}}.mobile-footer .cinematic-mode{display:flex;flex-direction:column;width:100%;background:var(--color-bg-dark);padding:var(--space-sm) var(--space-md)}.mobile-footer .cinematic-mode .playback-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%;min-height:56px}.mobile-footer .cinematic-mode .nav-buttons{display:flex;align-items:center;gap:var(--space-xs)}.mobile-footer .cinematic-mode .btn-nav,.mobile-footer .cinematic-mode .btn-play-pause{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:var(--space-xs);background:var(--color-slate-dark);color:var(--color-text);border:1px solid var(--color-slate-light);border-radius:4px;font-size:18px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.mobile-footer .cinematic-mode .btn-play-pause{min-width:48px;min-height:48px;background:var(--color-accent-cyan);color:var(--color-bg-dark);border-color:var(--color-accent-cyan);font-size:20px;font-weight:700}.mobile-footer .cinematic-mode .btn-nav:hover:not(:disabled),.mobile-footer .cinematic-mode .btn-play-pause:hover:not(:disabled){background:var(--color-slate-light);border-color:var(--color-text);transform:translateY(-1px)}.mobile-footer .cinematic-mode .btn-play-pause:hover:not(:disabled){background:var(--color-accent-cyan-light);border-color:var(--color-accent-cyan-light)}.mobile-footer .cinematic-mode .btn-nav:active:not(:disabled),.mobile-footer .cinematic-mode .btn-play-pause:active:not(:disabled){transform:scale(.95)}.mobile-footer .cinematic-mode .btn-nav:disabled,.mobile-footer .cinematic-mode .btn-play-pause:disabled{opacity:.4;cursor:not-allowed;background:var(--color-slate-darker);border-color:var(--color-slate-dark)}.mobile-footer .cinematic-mode .step-counter{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:var(--color-slate-darker);border:1px solid var(--color-slate-dark);border-radius:4px;min-width:60px}.mobile-footer .cinematic-mode .step-text{font-size:var(--fs-body);font-weight:600;color:var(--color-accent-cyan);font-variant-numeric:tabular-nums}.mobile-footer .cinematic-mode .speed-controls{display:flex;align-items:center;gap:var(--space-xs)}.mobile-footer .cinematic-mode .speed-label{font-size:var(--fs-small);color:var(--color-text);font-weight:500;white-space:nowrap}.mobile-footer .cinematic-mode .btn-speed{min-width:44px;min-height:32px;padding:var(--space-xs) var(--space-sm);background:var(--color-slate-dark);color:var(--color-text);border:1px solid var(--color-slate-light);border-radius:4px;font-size:var(--fs-small);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mobile-footer .cinematic-mode .btn-speed:hover{background:var(--color-slate-light);border-color:var(--color-text)}.mobile-footer .cinematic-mode .btn-speed.active{background:var(--color-accent-cyan);color:var(--color-bg-dark);border-color:var(--color-accent-cyan);font-weight:600}.mobile-footer .cinematic-mode .btn-speed:active{transform:scale(.95)}@media (max-width: 480px){.mobile-footer .cinematic-mode{padding:var(--space-xs) var(--space-sm)}.mobile-footer .cinematic-mode .playback-controls{gap:var(--space-sm);min-height:48px}.mobile-footer .cinematic-mode .nav-buttons{gap:4px}.mobile-footer .cinematic-mode .btn-nav,.mobile-footer .cinematic-mode .btn-play-pause{min-width:36px;min-height:36px;font-size:16px}.mobile-footer .cinematic-mode .btn-play-pause{min-width:44px;min-height:44px;font-size:18px}.mobile-footer .cinematic-mode .step-counter{min-width:50px;padding:var(--space-xs)}.mobile-footer .cinematic-mode .step-text{font-size:var(--fs-small)}.mobile-footer .cinematic-mode .speed-label{font-size:var(--fs-small2)}.mobile-footer .cinematic-mode .btn-speed{min-width:38px;min-height:28px;padding:4px var(--space-xs);font-size:var(--fs-small2)}}@media (max-width: 380px){.mobile-footer .cinematic-mode .speed-label{display:none}.mobile-footer .cinematic-mode .btn-speed{min-width:34px;font-size:10px}.mobile-footer .cinematic-mode .step-counter{min-width:45px}}.drawer-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:40;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;-webkit-tap-highlight-color:transparent}.drawer-backdrop--visible{opacity:1;visibility:visible}.drawer{position:fixed;top:0;bottom:0;width:80%;max-width:320px;background-color:var(--color-background, #1a1410);z-index:50;overflow-y:auto;overflow-x:hidden;box-shadow:0 0 20px #0000004d;transition:transform .3s ease-in-out;-webkit-overflow-scrolling:touch}.drawer--left{left:0;transform:translate(-100%)}.drawer--left.drawer--open{transform:translate(0)}.drawer--right{right:0;transform:translate(100%)}.drawer--right.drawer--open{transform:translate(0)}.drawer__close-button{position:absolute;top:12px;right:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#0003;border:none;border-radius:50%;color:var(--color-text, #f5e6d3);cursor:pointer;z-index:10;transition:background-color .2s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.drawer__close-button:hover{background-color:#0006}.drawer__close-button:active{transform:scale(.95)}.drawer__close-button svg{width:20px;height:20px}.drawer__content{padding:60px 16px 16px;min-height:100%}@media (min-width: 480px){.drawer{max-width:360px}}@media (min-width: 768px){.drawer{max-width:400px}}@media (min-width: 1024px){.drawer,.drawer-backdrop{display:none}}@media (prefers-reduced-motion: reduce){.drawer,.drawer-backdrop{transition-duration:1ms}}.drawer{touch-action:pan-y}.drawer::-webkit-scrollbar{width:6px}.drawer::-webkit-scrollbar-track{background:#0000001a}.drawer::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.drawer::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.main-container--game{display:flex;flex-direction:column;overflow-x:auto;min-width:1300px}.game-view-layout{display:flex;flex-direction:row;flex:1;padding:0;gap:20px;box-sizing:border-box;min-width:1268px;overflow-x:auto}.left-column{width:270px;flex-shrink:0;padding:20px 10px;max-height:calc(72vh - 126px);overflow-y:auto}.main-column{display:flex;justify-content:center;align-items:flex-start;padding:20px 0;overflow-y:hidden}.right-column{width:270px;flex-shrink:0;padding:20px 10px;max-height:calc(72vh - 126px);overflow-y:auto}.unit-icon.in-map{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.unit-icon.in-list{position:relative;transform:none;top:auto;left:auto;margin:0 8px 0 0}.turn-info{margin-bottom:10px;padding:10px;border-radius:4px;color:#000}.turn-info-active{border:2px solid green;background-color:#e8f5e9}.turn-info-inactive{border:1px solid #eee;background-color:#f9f9f9}.available-unit{display:flex;align-items:center;padding:5px;margin-bottom:5px;border-radius:4px;cursor:pointer;background-color:#fff;color:#000;border:1px solid #ccc}.available-unit.selected{background-color:#e3f2fd;border:2px solid blue}.grid-row{display:flex}.unit-label{margin-left:10px}.column h4{font-size:1.5rem;color:var(--color-accent);text-align:center;text-transform:uppercase;font-weight:700}.cinematic-panel-placeholder{position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:calc(100vw - 40px);max-width:1200px;height:120px;background-color:#0a141ee6;color:#fff;border:2px solid #3a7f9d;border-radius:8px;box-shadow:0 0 15px #3a7f9d80;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.game-view-mobile{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;min-width:unset}.mobile-map-container{flex:1;width:100%;overflow:auto;position:relative;height:calc(100vh - 140px);background-color:#f0f0f0}@media (max-width: 768px){.game-view:not(.game-view-mobile) .game-view-layout{min-width:unset}}@media (max-width: 1024px) and (min-width: 768px){.game-view-layout{gap:15px}.left-column,.right-column{width:240px}}@media (max-width: 768px) and (min-width: 480px){.mobile-map-container{height:calc(100vh - 156px)}}@media (max-width: 480px){.mobile-map-container{height:calc(100vh - 142px)}button{min-height:40px;min-width:40px}}.unit-image{display:flex;align-items:center;justify-content:center;border-radius:25%;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none;border:none;transition:all .2s ease;position:relative;overflow:visible}.unit-image.size-small{width:48px;height:48px;font-size:24px}.unit-image.size-medium{width:60px;height:60px;font-size:30px}.unit-image.size-big{width:70px;height:70px;font-size:35px}.unit-image.size-extrabig{width:100px;height:100%;font-size:50px}.unit-image-sprite{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:50%;filter:brightness(1.8) contrast(1.1) saturate(1.1)}.unit-image-letter{font-family:var(--font-family, "Arial", sans-serif);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.lobby-container{background-color:var(--color-bg)}.lobby-container.lobby-main{flex:1;padding:2rem}.lobby-header{text-align:center;margin-bottom:2rem}.lobby-title{color:var(--color-accent-cyan);margin-bottom:.5rem}.lobby-header p{color:var(--color-slate-light);font-style:italic}.teams-container{display:flex;justify-content:center;gap:1rem;align-items:stretch}.team-column{flex:1;background-color:#0a192fb3;padding:1.5rem;border:1px solid var(--color-slate-dark);border-radius:8px;min-width:300px}.team-column h3{text-align:center;margin-top:0;margin-bottom:1.5rem;color:var(--color-text);border-bottom:1px solid var(--color-slate-dark);padding-bottom:1rem}.player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.player-card{display:flex;align-items:center;gap:1rem;background-color:var(--color-slate-dark);padding:.75rem 1rem;border-radius:6px;border-left:4px solid var(--color-slate-light);transition:all .2s ease}.player-card.ready{border-left-color:var(--color-accent-cyan);background-color:#64ffda1a}.player-icon{color:var(--color-slate-light);flex-shrink:0}.player-card.ready .player-icon{color:var(--color-accent-cyan)}.player-name{font-weight:500;flex-grow:1}.you-tag{font-size:.8rem;color:#8892b0;font-style:italic}.vs-separator{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:5rem}.vs-text{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:var(--color-slate-light);transform:rotate(-10deg)}.lobby-actions{text-align:center;margin-top:3rem;display:flex;justify-content:center;gap:1rem}.waiting-message{text-align:center;margin-top:1rem;color:var(--color-slate-light)}.starting-countdown{text-align:center;margin-top:4rem}.starting-countdown h1{color:var(--color-accent-cyan)}.countdown-overlay{position:fixed;inset:0;background-color:#0a192fd9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.countdown-box{text-align:center;color:var(--color-text)}.countdown-icon{color:var(--color-accent-cyan);margin-bottom:1rem;animation:pulse 1.5s infinite}.countdown-box h1{font-family:var(--font-heading);font-size:3rem;color:var(--color-accent-cyan);margin-bottom:.5rem}.countdown-timer{font-family:var(--font-heading);font-size:5rem;font-weight:800;color:#fff}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.shop-purchased-panel{flex:0 0 auto;min-width:400px;max-width:600px}.shop-header{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700}.shop-money{margin-left:auto;color:#fbbf24}.shop-grid{display:grid;gap:.5rem;margin-bottom:1.5rem}.shop-item{border:2px solid #ccc;text-align:center;cursor:pointer;background-color:transparent;padding:.5rem;transition:all .2s ease;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:1}.shop-item.disabled{cursor:not-allowed;opacity:.5}.shop-item:not(.disabled):hover{background-color:#10b9811a;border-color:#10b981}.shop-item-name{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.shop-item-price{font-size:.75rem;font-weight:700;color:#fbbf24}.purchased-header{margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.purchased-count{font-size:.85rem;color:#94a3b8;font-weight:400}.purchased-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;max-height:400px;overflow-y:auto}.purchased-item{border:1px solid #ccc;border-radius:4px;background-color:#0003;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative;cursor:pointer;transition:all .2s ease;opacity:1}.purchased-item.disabled{cursor:not-allowed;opacity:.5}.purchased-item:not(.disabled):hover{background-color:#ef44441a;border-color:#ef4444}.purchased-item-name{font-size:.7rem;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.purchased-item-price{font-size:.7rem;color:#fbbf24}.purchased-empty{font-size:.8rem;color:#94a3b8;font-style:italic}.lobby-main-container{display:flex;gap:2rem;padding:2rem}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.status-ready{background-color:var(--color-cyan-translucent-20);border:1px solid var(--color-cyan-border-strong);color:var(--color-accent-cyan)}.status-badge.status-not-ready{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ff7878}.status-badge.status-no-units{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ff7878;text-transform:uppercase}.main-container--lobby{max-width:100%;padding:0}.lobby-tab-navigation{display:flex;gap:0;border-bottom:2px solid var(--color-slate-dark);margin-bottom:0}.lobby-tab-button{flex:1;padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-slate-light);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.lobby-tab-button:hover:not(.active){background:var(--color-cyan-translucent-5);color:var(--color-text)}.lobby-tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#d4a94f0d}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .4rem;background:var(--color-primary);color:var(--color-text-dark);border-radius:12px;font-size:.75rem;font-weight:700;margin-left:.25rem}.tab-badge-warning{background:var(--color-error);color:var(--color-text-light)}.shop-container{display:flex;gap:2rem;padding:2rem}.shop-left-panel{flex:0 0 auto;width:450px;display:flex;flex-direction:column;gap:.5rem}.main-container--lobby .shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-slate-dark)}.main-container--lobby .shop-header h3{display:flex;align-items:center;gap:.5rem;color:var(--color-text);margin:0}.main-container--lobby .shop-money{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;color:var(--color-primary)}.main-container--lobby .shop-items{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.main-container--lobby .shop-item{background:#1a3d3d4d;border:2px solid var(--color-slate-dark);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;position:relative}.main-container--lobby .shop-item .shop-item-content{display:flex;flex-direction:column;align-items:center;flex-grow:1}.main-container--lobby .shop-item:hover:not(.selected){border-color:var(--color-accent-cyan);background:var(--color-cyan-translucent);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-cyan-translucent-20)}.main-container--lobby .shop-item.selected{border-color:var(--color-primary);background:#d4a94f1a;box-shadow:0 0 20px #d4a94f66}.main-container--lobby .shop-item-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.main-container--lobby .shop-item-name{font-size:1rem;font-weight:700;color:var(--color-text);text-align:center}.main-container--lobby .shop-item-price{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--color-primary)}.main-container--lobby .shop-item-buy-button{width:100%;padding:.5rem 1rem;background:var(--color-primary);color:var(--color-text-dark);border:none;border-radius:4px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.main-container--lobby .shop-item-buy-button:hover{background:#e6c470;transform:scale(1.05)}.main-container--lobby .purchased-units-section{background:#0d1a1a80;border:1px solid var(--color-slate-dark);border-radius:8px;padding:1.5rem}.main-container--lobby .purchased-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--color-text)}.main-container--lobby .purchased-header h4{margin:0;font-size:1.1rem}.main-container--lobby .purchased-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .4rem;background:var(--color-accent-cyan);color:var(--color-text-dark);border-radius:12px;font-size:.75rem;font-weight:700}.main-container--lobby .purchased-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm);max-height:350px;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-sm)}.main-container--lobby .purchased-item{background:#1a3d3d66;border:2px solid var(--color-slate-dark);border-radius:6px;padding:var(--space-xs);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);cursor:pointer;transition:all .2s ease;position:relative;min-width:0}.main-container--lobby .purchased-item:hover{border-color:var(--color-error);background:#ef44441a;transform:scale(1.05)}.main-container--lobby .purchased-item-image{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.main-container--lobby .purchased-item-name{font-size:.65rem;font-weight:600;text-align:center;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.2;max-width:100%}.main-container--lobby .purchased-empty{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--color-slate-light);font-style:italic;font-size:.9rem}.main-container--lobby .unit-info-panel{flex:1;display:flex;flex-direction:column;gap:var(--space-lg);background:#0d1a1a80;border:1px solid var(--color-slate-dark);border-radius:8px;padding:var(--space-lg);position:relative}.main-container--lobby .unit-info-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-slate-dark);position:relative}.main-container--lobby .unit-info-icon{flex-shrink:0;display:inline-block}.main-container--lobby .unit-info-text{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.main-container--lobby .unit-info-text h3{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0;letter-spacing:.5px}.main-container--lobby .unit-info-text p{font-size:.9rem;color:var(--color-slate-light);margin:0;line-height:1.4}.main-container--lobby .unit-costs-badges{position:absolute;top:0;right:2rem;display:flex;gap:var(--space-sm);z-index:10}.main-container--lobby .cost-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:0 0 20px 20px;font-size:.9rem;font-weight:700;border:2px solid;box-shadow:0 2px 8px #0000004d}.main-container--lobby .cost-badge-gold,.main-container--lobby .cost-badge-gold[data-affordable=true]{background:linear-gradient(135deg,#d4a94f,#b8933f);border-color:#d4a94f;color:#0d1a1a}.main-container--lobby .cost-badge-gold[data-affordable=false]{opacity:.6;filter:grayscale(.4);border-width:3px;background:linear-gradient(135deg,#8b5a2b,#6d4522);border-color:#d97706;box-shadow:0 2px 8px #ef444466}.main-container--lobby .cost-badge-energy{background:linear-gradient(135deg,var(--color-cyan-translucent-30),var(--color-cyan-translucent-20));border-color:var(--color-cyan);color:var(--color-cyan)}.main-container--lobby .unit-combat-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.main-container--lobby .combat-stat-card{background:#1a3d3d4d;border:2px solid var(--color-slate-dark);border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.main-container--lobby .combat-stat-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.main-container--lobby .combat-stat-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--color-slate-light);text-transform:uppercase;letter-spacing:.5px}.main-container--lobby .combat-stat-value{font-size:1.6rem;font-weight:700;line-height:1}.main-container--lobby .combat-stat-bar{width:100%;height:6px;background:#64748b33;border-radius:3px;overflow:hidden;position:relative}.main-container--lobby .combat-stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:3px;transition:width .3s ease}.main-container--lobby .stat-high,.main-container--lobby .stat-item-combat.stat-high .stat-icon,.main-container--lobby .stat-item-combat.stat-high .stat-combat-label,.main-container--lobby .stat-item-combat.stat-high .stat-combat-value{color:#4ade80}.main-container--lobby .core-stat-item.stat-high .core-stat-label,.main-container--lobby .core-stat-item.stat-high .core-stat-label svg,.main-container--lobby .core-stat-item.stat-high .core-stat-value{color:#4ade80}.main-container--lobby .stat-item-combat.stat-high,.main-container--lobby .core-stat-item.stat-high{border-color:#4ade80}.main-container--lobby .stat-avg,.main-container--lobby .stat-item-combat.stat-avg .stat-icon,.main-container--lobby .stat-item-combat.stat-avg .stat-combat-label,.main-container--lobby .stat-item-combat.stat-avg .stat-combat-value{color:#fbbf24}.main-container--lobby .core-stat-item.stat-avg .core-stat-label,.main-container--lobby .core-stat-item.stat-avg .core-stat-label svg,.main-container--lobby .core-stat-item.stat-avg .core-stat-value{color:#fbbf24}.main-container--lobby .stat-item-combat.stat-avg,.main-container--lobby .core-stat-item.stat-avg{border-color:#fbbf24}.main-container--lobby .stat-low,.main-container--lobby .stat-item-combat.stat-low .stat-icon,.main-container--lobby .stat-item-combat.stat-low .stat-combat-label,.main-container--lobby .stat-item-combat.stat-low .stat-combat-value{color:#f87171}.main-container--lobby .core-stat-item.stat-low .core-stat-label,.main-container--lobby .core-stat-item.stat-low .core-stat-label svg,.main-container--lobby .core-stat-item.stat-low .core-stat-value{color:#f87171}.main-container--lobby .stat-item-combat.stat-low,.main-container--lobby .core-stat-item.stat-low{border-color:#f87171}.main-container--lobby .combat-stat-card[data-stat=hp] .combat-stat-bar-fill{background:linear-gradient(90deg,#4ade80,#22c55e)}.main-container--lobby .combat-stat-card[data-stat=armor] .combat-stat-bar-fill{background:linear-gradient(90deg,#64748b,#475569)}.main-container--lobby .combat-stat-card[data-stat=will] .combat-stat-bar-fill{background:linear-gradient(90deg,#a78bfa,#8b5cf6)}@media (max-width: 1024px){.main-container--lobby .unit-combat-stats{grid-template-columns:1fr}}.main-container--lobby .combat-stats-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.main-container--lobby .combat-column{background:#1a3d3d4d;border:2px solid var(--color-slate-dark);border-radius:8px;padding:var(--space-md);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.main-container--lobby .combat-column-header{grid-column:1 / -1}.main-container--lobby .combat-column-header{display:flex;align-items:center;gap:var(--space-xs);font-size:1rem;font-weight:700;color:var(--color-text-light);margin:0 0 var(--space-sm) 0;text-transform:uppercase;letter-spacing:.5px;padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-slate-dark)}.main-container--lobby .stat-item-combat{background:#0d1a1a66;border:1px solid var(--color-slate-dark);border-radius:6px;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.main-container--lobby .stat-combat-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--color-slate-light);text-transform:capitalize;margin-bottom:var(--space-xs)}.main-container--lobby .stat-combat-value-row{display:flex;align-items:center;gap:var(--space-sm)}.main-container--lobby .stat-combat-value-row .stat-icon{color:var(--color-slate-light);flex-shrink:0;display:flex;align-items:center;justify-content:center}.main-container--lobby .stat-combat-value-row .stat-combat-value{font-size:1.4rem;font-weight:700;line-height:1;min-width:30px}.main-container--lobby .stat-combat-value-row .stat-bar{flex:1}.main-container--lobby .unit-core-stats{background:#1a3d3d4d;border:2px solid var(--color-slate-dark);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.main-container--lobby .unit-info-section h4{margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.main-container--lobby .core-stats-title{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:1px}.main-container--lobby .core-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}.main-container--lobby .core-stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);background:#0d1a1a66;border:1px solid var(--color-slate-dark);border-radius:6px;transition:all .2s ease}.main-container--lobby .core-stat-item:hover:not(.stat-high):not(.stat-avg):not(.stat-low){border-color:var(--color-primary);background:#d4a94f0d}.main-container--lobby .core-stat-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--color-slate-light);text-transform:uppercase;letter-spacing:.5px}.main-container--lobby .core-stat-label svg{flex-shrink:0;display:flex;align-items:center;justify-content:center;vertical-align:middle}.main-container--lobby .core-stat-value{font-size:1.4rem;font-weight:700}.main-container--lobby .core-stat-header{display:flex;align-items:center;gap:var(--space-xs)}.main-container--lobby .unit-actions-section{background:#1a3d3d4d;border:2px solid var(--color-slate-dark);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.main-container--lobby .actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.main-container--lobby .actions-title{font-size:1.1rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.main-container--lobby .action-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--color-slate-dark);padding-bottom:.5rem}.main-container--lobby .action-tab{padding:.5rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-slate-light);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.main-container--lobby .action-tab:hover{color:var(--color-primary);background:#d4a94f0d}.main-container--lobby .action-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#d4a94f1a}.main-container--lobby .actions-list{display:grid;grid-template-columns:1fr;gap:1rem}.main-container--lobby .action-card{background:linear-gradient(135deg,#1a2e2e,#0f342e);border:2px solid var(--color-slate-dark);display:flex;flex-direction:column;transition:all .2s ease}.main-container--lobby .action-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #d4a94f4d}.main-container--lobby .action-header{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-cyan-translucent);border-left:4px solid var(--color-primary);padding:var(--space-sm)}.main-container--lobby .action-icon-large{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:var(--color-cyan-translucent);color:var(--color-accent-cyan);flex-shrink:0}.main-container--lobby .action-header-info{flex:1;display:flex;align-items:center;gap:.75rem}.main-container--lobby .action-name{color:var(--color-primary);font-size:var(--fs-h4);font-weight:700;flex:1}.main-container--lobby .action-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.main-container--lobby .action-damage-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:12px;font-size:.85rem;font-weight:700;border:1.5px solid;background:var(--color-damage-bg-dark);flex-shrink:0}.main-container--lobby .action-damage-tag[data-type=psi]{color:var(--color-damage-psi-text);border-color:var(--color-damage-psi-border);background:var(--color-damage-psi-bg-dark)}.main-container--lobby .action-damage-tag[data-type=strength]{color:var(--color-damage-str-text);border-color:var(--color-damage-str-border);background:var(--color-damage-str-bg-dark)}.main-container--lobby .action-damage-tag[data-type=true]{color:var(--color-damage-true-text);border-color:var(--color-damage-true-border);background:var(--color-damage-true-bg-dark)}.main-container--lobby .action-stats{display:flex;flex-wrap:wrap;gap:.75rem}.main-container--lobby .action-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--color-cyan-translucent);border:1px solid var(--color-cyan-border);border-radius:6px;font-size:.85rem;color:var(--color-slate-light);transition:all .2s ease}.main-container--lobby .action-stat:hover{border-color:var(--color-cyan);background:var(--color-cyan-translucent);box-shadow:0 0 8px var(--color-cyan-border)}.main-container--lobby .action-stat strong{color:var(--color-text);font-weight:700}.main-container--lobby .action-description{font-size:.9rem;color:var(--color-slate-light);line-height:1.5;padding-top:.75rem;border-top:1px solid var(--color-slate-dark)}.shop-container .unit-info-panel h4{color:var(--color-text-light);font-size:var(--fs-h4);font-weight:700;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.main-container--lobby .effects-section .section-title{font-size:1.3rem;font-weight:700;color:var(--color-cyan);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.main-container--lobby .effects-grid{display:grid;grid-template-columns:1fr;gap:1rem}.main-container--lobby .effect-card{background:linear-gradient(135deg,#1a2e2e,#0f342e);border:2px solid var(--color-slate-dark);border-radius:8px;display:flex;flex-direction:column;transition:all .2s ease}.main-container--lobby .effect-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #d4a94f4d}.main-container--lobby .effect-header{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-cyan-translucent);border-left:4px solid var(--color-primary);padding:var(--space-sm)}.main-container--lobby .effect-icon-large{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:var(--color-cyan-translucent);color:var(--color-accent-cyan);flex-shrink:0}.main-container--lobby .effect-name{color:var(--color-primary);font-size:var(--fs-h4);font-weight:700;flex:1}.main-container--lobby .effect-content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.main-container--lobby .effect-badge{padding:.25rem .75rem;background:var(--color-cyan-translucent);border:1px solid var(--color-cyan);border-radius:12px;font-size:.75rem;font-weight:700;color:var(--color-cyan);text-transform:uppercase;letter-spacing:.5px}.main-container--lobby .effect-description{font-size:.9rem;color:var(--color-slate-light);line-height:1.5;margin:0}.main-container--lobby .shop-item.selected{border-color:var(--color-primary);background:#d4a94f26;box-shadow:0 0 20px #d4a94f66;transform:scale(1.02)}.main-container--lobby .shop-item.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.main-container--lobby .shop-item.disabled:hover{border-color:var(--color-slate-dark);background:#1a3d3d4d;transform:none}.main-container--lobby .shop-item-buy-button:disabled{background:var(--color-slate-dark);color:var(--color-slate-light);cursor:not-allowed;opacity:.5}.main-container--lobby .shop-item-buy-button:disabled:hover{background:var(--color-slate-dark);transform:none}.main-container--lobby .stat-bar{width:100%;height:6px;background:var(--color-stat-bar-bg);border-radius:3px;overflow:hidden;margin-top:.5rem}.main-container--lobby .stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.main-container--lobby .stat-high .stat-bar-fill{background:linear-gradient(90deg,var(--color-stat-bar-high),#22c55e)}.main-container--lobby .stat-avg .stat-bar-fill{background:linear-gradient(90deg,var(--color-stat-bar-avg),#f59e0b)}.main-container--lobby .stat-low .stat-bar-fill{background:linear-gradient(90deg,var(--color-stat-bar-low),#ef4444)}.main-container--lobby .stat-bar-horizontal{width:100%;height:4px;background:var(--color-stat-bar-bg);border-radius:2px;overflow:hidden;margin-top:var(--space-sm)}.main-container--lobby .stat-bar-horizontal .stat-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.main-container--lobby .core-stat-item.stat-high .stat-bar-fill{background:linear-gradient(90deg,var(--color-stat-bar-high),#22c55e)}.main-container--lobby .core-stat-item.stat-avg .stat-bar-fill{background:linear-gradient(90deg,var(--color-stat-bar-avg),#f59e0b)}.main-container--lobby .core-stat-item.stat-low .stat-bar-fill{background:linear-gradient(90deg,var(--color-stat-bar-low),#ef4444)}@media (max-width: 1024px){.main-container--lobby .shop-container{flex-direction:column;gap:1rem}.main-container--lobby .shop-left-panel{width:100%}.main-container--lobby .shop-items{grid-template-columns:repeat(4,1fr)}.main-container--lobby .purchased-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 768px){.teams-container{flex-direction:column;align-items:center}.team-column{width:100%;max-width:500px}.vs-separator{width:100%;margin:1rem 0}.vs-text{transform:rotate(0);font-size:2rem}.lobby-container.lobby-main{padding:2rem 0}.main-container--lobby .shop-container{padding:2rem 0px;gap:2rem}.main-container--lobby .shop-items{grid-template-columns:repeat(3,1fr)}.main-container--lobby .purchased-grid{grid-template-columns:repeat(4,1fr)}.main-container--lobby .shop-left-panel{gap:2rem}.main-container--lobby .core-stats-grid{grid-template-columns:repeat(3,1fr)}.main-container--lobby .actions-list{max-height:none;overflow-y:visible}.main-container--lobby .unit-costs-badges-corner{position:static;justify-content:center;margin-bottom:1rem}}@media (max-width: 480px){.main-container--lobby .shop-items{grid-template-columns:repeat(2,1fr)}.main-container--lobby .purchased-grid{grid-template-columns:repeat(3,1fr)}.main-container--lobby .combat-stats-container,.main-container--lobby .combat-column{grid-template-columns:1fr}.main-container--lobby .lobby-tab-button{padding:.75rem 1rem;font-size:.95rem}.main-container--lobby .action-tabs{flex-wrap:wrap}}.loading-screen-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #0a0e1a);padding:2rem}.error-container{text-align:center;max-width:500px;padding:3rem 2rem;background:var(--bg-secondary, rgba(255, 255, 255, .05));border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-icon{font-size:4rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.error-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:1rem}.error-message{font-size:1rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:2rem;line-height:1.5}.error-button{padding:.75rem 2rem;font-size:1rem;font-weight:600;color:var(--text-primary, #ffffff);background:var(--accent-primary, #4CAF50);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4caf504d}.error-button:hover{background:var(--accent-hover, #45a049);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.error-button:active{transform:translateY(0);box-shadow:0 2px 6px #4caf504d}.metadata-error-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000000b3,#00000080),url(https://images.unsplash.com/photo-1614732414444-096e5f1122d5?q=80&w=1974&auto=format&fit=crop) center/cover;padding:2rem}.metadata-error-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem 2.5rem;max-width:500px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.metadata-error-container .error-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.metadata-error-container .error-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.metadata-error-container .error-message{font-size:1.1rem;color:#4a4a4a;margin-bottom:2rem;line-height:1.6}.metadata-error-container .relogin-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.metadata-error-container .relogin-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.metadata-error-container .relogin-button:active{transform:translateY(0)}.metadata-error-container .debug-hint{margin-top:2rem;font-size:.85rem;color:#888;font-style:italic}@media (max-width: 600px){.metadata-error-container{padding:2rem 1.5rem}.metadata-error-container .error-title{font-size:1.5rem}.metadata-error-container .error-message{font-size:1rem}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}.u-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.u-center-abs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.u-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.icon-fixed{width:16px;height:16px;display:inline-block}.form-row{display:flex;gap:1.5rem;align-items:flex-end}.form-row .form-group{margin-bottom:0}.form-group{display:flex;gap:.5rem;text-align:left}.form-group label{font-weight:500;font-size:var(--fs-small);color:var(--color-text-light);padding-left:.25rem}.form-group input:focus-visible,.form-group select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.form-group{flex-direction:column}}.btn-spaced{margin-top:var(--space-md)}.tag-container{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.tag{display:inline-block;padding:calc(var(--space-xs) / 2) var(--space-sm);background:#4dd9d926;border:1px solid rgba(77,217,217,.3);border-radius:12px;font-size:.75rem;color:var(--color-slate-light);font-weight:500;text-transform:capitalize;letter-spacing:.3px;white-space:nowrap}