@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&display=swap";.nav-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(180deg,#141414fa,#0a0a0af2);border-bottom:2px solid var(--color-primary);box-shadow:0 2px 20px #e65c004d,inset 0 -1px #ffffff0d;position:sticky;top:0;z-index:1000}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:#e65c001a;border:1px solid var(--color-primary);border-radius:6px;cursor:pointer;transition:all .3s ease}.hamburger-btn:hover{background:#e65c0040;box-shadow:0 0 15px #e65c0066;transform:scale(1.05)}.hamburger-line{width:22px;height:2px;background:var(--color-primary);border-radius:2px;transition:all .3s ease;box-shadow:0 0 4px #e65c0099}.hamburger-btn:hover .hamburger-line{background:#f70;box-shadow:0 0 8px #f70c}.logo-btn{background:none;border:none;cursor:pointer;padding:0;transition:all .3s ease}.logo-btn:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(230,92,0,.6))}.nav-logo{height:50px;width:auto;object-fit:contain}@media (max-width: 768px){.nav-header{padding:.5rem 1rem}.nav-logo{height:40px}.hamburger-btn{width:40px;height:40px}}.language-switcher{position:relative}.language-select{background:#16213ecc;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;cursor:pointer;transition:all var(--transition-normal);outline:none}.language-select:hover{border-color:var(--color-m1);box-shadow:0 0 10px #4a90e24d}.language-select:focus{border-color:var(--color-m1);box-shadow:0 0 15px #4a90e280}.language-select option{background:var(--color-bg-panel);color:var(--color-text-primary)}.side-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1100}.side-menu-overlay.open{opacity:1;visibility:visible}.side-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:linear-gradient(180deg,#0d0d0d,#1a1a1a,#0d0d0d);border-right:2px solid var(--color-primary);box-shadow:5px 0 30px #e65c004d;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1200;display:flex;flex-direction:column}.side-menu.open{transform:translate(0)}.side-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(230,92,0,.3);background:#e65c000d}.menu-title{font-family:Orbitron,Share Tech Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 10px rgba(230,92,0,.5);letter-spacing:2px}.close-btn{width:32px;height:32px;background:#e65c001a;border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e65c004d;box-shadow:0 0 10px #e65c0080}.side-menu-content{flex:1;overflow-y:auto;padding:.75rem 0}.menu-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(230,92,0,.3) 20%,rgba(230,92,0,.3) 80%,transparent 100%);margin:.5rem 1rem}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:transparent;border:none;color:silver;font-family:Share Tech Mono,monospace;font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s ease;position:relative}.menu-item:hover{background:#e65c001a;color:var(--color-primary)}.menu-item.active{background:#e65c0026;color:var(--color-primary);border-left:3px solid var(--color-primary)}.menu-icon{font-size:1.2rem;width:28px;text-align:center}.menu-label{flex:1}.active-indicator{color:var(--color-primary);font-size:.75rem;animation:pulse-indicator 1.5s infinite}@keyframes pulse-indicator{0%,to{opacity:1}50%{opacity:.4}}.side-menu-footer{padding:1rem 1.25rem;border-top:1px solid rgba(230,92,0,.3);background:#0000004d}.side-menu-content::-webkit-scrollbar{width:4px}.side-menu-content::-webkit-scrollbar-track{background:transparent}.side-menu-content::-webkit-scrollbar-thumb{background:#e65c004d;border-radius:2px}.side-menu-content::-webkit-scrollbar-thumb:hover{background:#e65c0080}@media (max-width: 768px){.side-menu{width:100%;max-width:320px}}.landing-page{min-height:calc(100vh - 70px);background:linear-gradient(180deg,#0a0a0a,#0d0d0d,#080808);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.scanline-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:10}.grid-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(230,92,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(230,92,0,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.landing-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem;max-width:1000px;width:100%}.logo-section{text-align:center;animation:fadeInDown .8s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.landing-logo{width:280px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 0 30px rgba(230,92,0,.4))}.landing-title{font-family:Orbitron,Share Tech Mono,monospace;font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px rgba(230,92,0,.5);letter-spacing:8px;margin:0}.landing-subtitle{font-family:Share Tech Mono,monospace;font-size:.9rem;color:#666;letter-spacing:4px;margin-top:.5rem}.mission-selection{width:100%;animation:fadeIn 1s ease .3s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-title{font-family:Orbitron,Share Tech Mono,monospace;font-size:1.1rem;color:#888;text-align:center;margin-bottom:2rem;letter-spacing:4px}.bracket{color:var(--color-primary);margin:0 .5rem}.mission-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.mission-card{position:relative;background:#0d0d0d;border:2px solid #333;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;aspect-ratio:16 / 10;padding:0}.mission-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 10px 40px #00000080,0 0 30px #e65c0033}.card-background{position:absolute;top:0;left:0;right:0;bottom:0}.card-image{width:100%;height:100%;object-fit:cover;opacity:.3;transition:all .3s ease}.mission-card:hover .card-image{opacity:.5;transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000004d,#000000b3)}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.5rem}.mission-icon{font-size:3rem;margin-bottom:.5rem}.mission-name{font-family:Orbitron,Share Tech Mono,monospace;font-size:1.3rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:3px;margin:0 0 1rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.launch-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:#e65c0033;border:1px solid var(--color-primary);border-radius:4px;transition:all .3s ease}.launch-text{font-family:Share Tech Mono,monospace;font-size:.85rem;color:var(--color-primary);letter-spacing:2px}.launch-arrow{color:var(--color-primary);font-size:1.2rem;transition:transform .3s ease}.mission-card:hover .launch-btn{background:#e65c004d;box-shadow:0 0 15px #e65c0066}.mission-card:hover .launch-arrow{transform:translate(5px)}.card-glow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;opacity:0;transition:opacity .3s ease;pointer-events:none}.mission-card.desert .card-glow{box-shadow:inset 0 0 50px #e68c004d}.mission-card.canyon .card-glow{box-shadow:inset 0 0 50px #64b4644d}.mission-card:hover .card-glow{opacity:1}.status-bar{display:flex;gap:2rem;padding:1rem 2rem;background:#00000080;border:1px solid #333;border-radius:4px;animation:fadeIn 1s ease .6s backwards}.status-item{display:flex;align-items:center;gap:.5rem;font-family:Share Tech Mono,monospace;font-size:.8rem;color:#666;letter-spacing:1px}.status-dot{width:8px;height:8px;border-radius:50%;background:#333}.status-dot.online{background:#0f0;box-shadow:0 0 8px #0f09;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.status-indicator{color:var(--color-primary)}@media (max-width: 768px){.landing-content{padding:1.5rem;gap:2rem}.landing-logo{width:200px}.landing-title{font-size:1.3rem;letter-spacing:4px}.landing-subtitle{font-size:.75rem}.mission-cards{grid-template-columns:1fr;gap:1.5rem}.mission-card{aspect-ratio:16 / 9}.mission-name{font-size:1.1rem}.status-bar{flex-direction:column;gap:.5rem;align-items:center}}.badge{margin:2px;animation:fadeIn .3s ease;display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;white-space:nowrap}.player-name{flex-grow:1;font-weight:700;letter-spacing:.3px;color:inherit}.remove-badge-btn,.m-indicator{background:#0003;border-radius:50%;border:1.5px solid #000000;color:inherit;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;transition:background .2s}.remove-badge-btn:hover,.m-indicator:hover{background:#0006}.badge.selected{outline:2px solid var(--color-m2);outline-offset:2px;box-shadow:0 0 15px var(--color-m2);background:#f5a62333}.badge.clickable{cursor:pointer}.building-slot{position:absolute;cursor:pointer;z-index:10}.building-slot.edit-mode{z-index:50}.building-slot.edit-mode .building-label{cursor:move}.building-slot.edit-mode .assigned-players{pointer-events:none}.building-slot:hover{z-index:20}.building-slot.drag-over{z-index:25}.building-label{position:absolute;transform:translate(-50%,-50%);font-weight:700;font-size:.9rem;color:#fff;text-align:center;padding:6px 12px;background:#000;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000080;white-space:nowrap;pointer-events:auto}.building-slot:hover .building-label{box-shadow:0 0 20px #4a90e2cc}.building-slot.drag-over .building-label{background:linear-gradient(135deg,var(--color-success) 0%,#27ae60 100%);box-shadow:0 0 25px #2ecc71cc}.assigned-players{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:flex-end;gap:1px;width:156px;min-height:160px;background:transparent;border-radius:var(--radius-sm);padding:8px;pointer-events:auto;border:none;transition:all .2s ease}.assigned-players.drag-over{background:#ffffff0d;border-color:#fff3}.assigned-players.has-players{background:transparent}.assigned-players.is-over{background:rgba(var(--primary-rgb),.05);border:1px dashed var(--primary)}.assigned-player{display:flex;align-items:center;gap:2px}.assigned-player .badge{flex:0 1 auto;margin:0;font-size:1.15rem;font-weight:800;padding:0 4px}.remove-btn{width:18px;height:18px;border-radius:50%;background:#e74c3ccc;color:#fff;border:none;cursor:pointer;font-size:.65rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.remove-btn:hover{background:var(--color-danger);transform:scale(1.1)}@media (max-width: 768px){.building-label{font-size:.75rem;padding:4px 8px}.assigned-player .badge{font-size:.85rem}}.battlefield-map{position:relative;width:100%;background:var(--color-bg-dark);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.battlefield-map.edit-mode{cursor:crosshair}.map-image{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.buildings-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.buildings-overlay>*{pointer-events:all}.map-controls{position:absolute;top:10px;right:10px;z-index:10}.btn-danger{background:linear-gradient(135deg,#ff4d4d,#c00);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#f66,red);box-shadow:0 0 10px #f006}.btn-sm{padding:6px 12px;font-size:.8rem}.nickname-input{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#141414cc;border:1px solid var(--color-border);border-radius:var(--radius-md)}.nickname-input h3{margin-bottom:var(--spacing-md);color:var(--color-primary);font-family:Orbitron,Share Tech Mono,monospace;font-size:1rem;letter-spacing:2px;text-transform:uppercase}.format-selector{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap}.format-selector span{font-weight:600;color:var(--color-text-secondary);font-family:Share Tech Mono,monospace}.format-selector label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--color-text-primary);font-size:.9rem;font-family:Share Tech Mono,monospace}.format-selector input[type=radio]{cursor:pointer;accent-color:var(--color-primary)}.nickname-textarea{width:100%;padding:var(--spacing-md);background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.9rem;font-family:Share Tech Mono,monospace;resize:vertical;transition:all var(--transition-normal);margin-bottom:var(--spacing-md)}.nickname-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 15px #e65c004d}.nickname-textarea::placeholder{color:var(--color-text-muted)}.input-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn-secondary{background:#ffffff0d;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:#ffffff1a;color:var(--color-text-primary);border-color:var(--color-border-light);transform:translateY(-2px)}@media (max-width: 768px){.format-selector{flex-direction:column;align-items:flex-start}}.nickname-list{padding:var(--spacing-lg);height:100%;display:flex;flex-direction:column;background:#141414cc;border:1px solid var(--color-border);border-radius:var(--radius-md)}.nickname-list h3{margin-bottom:var(--spacing-md);color:var(--color-primary);font-family:Orbitron,Share Tech Mono,monospace;font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.nickname-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);overflow-y:auto;max-height:40vh;align-content:flex-start;padding:var(--spacing-sm);background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.list-section{display:flex;flex-direction:column;margin-bottom:var(--spacing-xl)}.substitutes-section{border-top:1px solid rgba(230,92,0,.2);padding-top:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.section-header h3{margin-bottom:0!important}.btn-sm{padding:2px 8px;font-size:.7rem;font-family:Share Tech Mono,monospace}.badge.clickable{cursor:pointer;transition:transform .2s}.badge.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.badge-actions{display:flex;align-items:center;gap:4px}.remove-badge-btn{background:#e74c3c66;color:#fff;border:none;border-radius:4px;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.remove-badge-btn:hover{background:#e74c3ce6}.btn-clear-footer{align-self:center;margin-top:var(--spacing-sm);padding:2px 10px;font-size:.65rem;font-family:Share Tech Mono,monospace;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);color:#ffffffb3;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.btn-clear-footer:hover{background:#e74c3c80;color:#fff}.empty-state{color:var(--color-text-muted);font-family:Share Tech Mono,monospace;text-align:center;padding:var(--spacing-xl)}.event-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);justify-content:center}.tab{padding:var(--spacing-md) var(--spacing-xl);background:#141414cc;border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:Share Tech Mono,monospace;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:2px}.tab:hover{background:#e65c001a;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 15px #e65c0033}.tab.active{background:linear-gradient(180deg,#e65c0033,#e65c001a);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 20px #e65c004d,inset 0 1px #ffffff1a}.tab.active:hover{transform:translateY(-2px) scale(1.02)}@media (max-width: 768px){.event-tabs{flex-direction:column}.tab{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}}.export-btn{position:relative;overflow:hidden}.export-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.export-btn:disabled:hover{transform:none;box-shadow:var(--shadow-md)}.selection-bar{position:fixed;top:70px;left:0;right:0;height:60px;background:#0a192ffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--color-m1);box-shadow:0 4px 20px #0006;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);animation:slideDown .3s ease-out;transition:border-color var(--transition-normal)}.selection-bar.bar-m1{border-color:var(--color-m1)}.selection-bar.bar-m2{border-color:var(--color-m2)}.selection-bar.bar-m3{border-color:var(--color-m3)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.selection-info{display:flex;align-items:baseline;gap:var(--spacing-sm)}.selection-label{font-size:.65rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:600}.selection-name{font-size:1.1rem;font-weight:800;color:var(--color-m1);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-normal)}.selection-bar.bar-m1 .selection-name{color:var(--color-m1)}.selection-bar.bar-m2 .selection-name{color:var(--color-m2)}.selection-bar.bar-m3 .selection-name{color:var(--color-m3)}.selection-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.selection-actions .m-indicator{width:36px;height:36px;font-size:.9rem;border-width:2px}.btn-action.remove{background:var(--color-danger);color:#fff;padding:8px 12px;font-size:.8rem}.btn-action.close{background:transparent;color:var(--color-text-secondary);font-size:1.2rem;padding:0 8px}.mobile-assign-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding-bottom:100px}.assignments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.assignments-header .section-title{margin:0}.btn-clear-all-mobile{padding:6px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-clear-all-mobile:hover,.btn-clear-all-mobile:active{background:var(--color-accent);color:var(--color-bg)}.player-selection-toolbar{position:sticky;top:50px;z-index:90;background:#0a192fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);margin:-var(--spacing-md) -var(--spacing-md) var(--spacing-md) -var(--spacing-md)}.toolbar-header{font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:700;margin-bottom:4px}.toolbar-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.toolbar-badge{padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.1);font-weight:700;color:#fff;white-space:nowrap;cursor:pointer;font-size:.85rem}.toolbar-badge.selected{box-shadow:0 0 10px currentColor;border-color:#fff}.building-area-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}.building-area-card.highlight-target{border-color:var(--color-m1);background:#4ecdc40d}.building-area-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.building-area-header .name{font-weight:800;color:var(--color-text-primary);font-size:1rem}.building-area-header .count{background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:700}.building-area-content{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:8px;border-radius:var(--radius-md);background:#0003}.area-badge{cursor:pointer;padding:4px 10px;border-radius:4px;font-weight:700;font-size:.85rem;display:flex;align-items:center}.empty-area-hint{color:var(--color-text-secondary);font-size:.8rem;font-style:italic;width:100%;text-align:center;padding:10px}.tap-target-hint{color:var(--color-m1);font-weight:700;font-size:.9rem;width:100%;text-align:center;padding:10px}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.animation-pulse{animation:pulse 1.5s infinite}.placeholder-page{min-height:calc(100vh - 70px);background:linear-gradient(180deg,#0a0a0a,#0d0d0d,#080808);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.placeholder-scanlines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:10}.placeholder-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(230,92,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(230,92,0,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.placeholder-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center;max-width:600px}.placeholder-icon{font-size:4rem;filter:grayscale(50%);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.placeholder-title{font-family:Orbitron,Share Tech Mono,monospace;font-size:2rem;font-weight:700;color:#555;letter-spacing:4px;margin:0}.coming-soon-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:#e65c001a;border:1px solid rgba(230,92,0,.3);border-radius:4px}.badge-bracket{color:var(--color-primary);font-family:Share Tech Mono,monospace;font-size:1.2rem}.badge-text{font-family:Orbitron,Share Tech Mono,monospace;font-size:.9rem;color:var(--color-primary);letter-spacing:3px;animation:pulse-text 2s infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}.placeholder-description{font-family:Share Tech Mono,monospace;font-size:.9rem;color:#666;line-height:1.6;max-width:400px}.terminal-box{width:100%;max-width:450px;background:#0a0a0a;border:1px solid #333;border-radius:6px;overflow:hidden;margin-top:1rem}.terminal-header{display:flex;align-items:center;gap:8px;padding:.75rem 1rem;background:#1a1a1a;border-bottom:1px solid #333}.terminal-dot{width:10px;height:10px;border-radius:50%;background:#333}.terminal-dot:nth-child(1){background:#ff5f56}.terminal-dot:nth-child(2){background:#ffbd2e}.terminal-dot:nth-child(3){background:#27ca40}.terminal-title{flex:1;text-align:center;font-family:Share Tech Mono,monospace;font-size:.75rem;color:#555;letter-spacing:1px}.terminal-body{padding:1rem}.terminal-line{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-family:Share Tech Mono,monospace;font-size:.8rem}.prompt{color:var(--color-primary)}.text{color:#888}.status-pending{color:#ffbd2e}.cursor-blink{color:var(--color-primary);animation:blink-cursor 1s step-end infinite}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.placeholder-title{font-size:1.4rem;letter-spacing:2px}.placeholder-icon{font-size:3rem}.terminal-box{max-width:100%}}.changes-page{min-height:calc(100vh - 70px);background:linear-gradient(180deg,#0a0a0a,#0d0d0d,#080808);position:relative;overflow-y:auto}.changes-scanlines{position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:10}.changes-grid{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(230,92,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(230,92,0,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.changes-content{position:relative;z-index:5;max-width:800px;margin:0 auto;padding:2rem}.changes-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(230,92,0,.2)}.changes-title{font-family:Orbitron,Share Tech Mono,monospace;font-size:2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px rgba(230,92,0,.4);letter-spacing:6px;margin:0;display:flex;align-items:center;justify-content:center;gap:1rem}.title-icon{font-size:2.5rem}.changes-subtitle{font-family:Share Tech Mono,monospace;font-size:.9rem;color:#555;letter-spacing:3px;margin-top:.5rem}.changes-log{display:flex;flex-direction:column;gap:1.5rem}.log-entry{background:#141414cc;border:1px solid #2a2a2a;border-left:3px solid var(--color-primary);border-radius:4px;padding:1.5rem;transition:all .3s ease}.log-entry:hover{border-color:var(--color-primary);background:#1e1e1ee6;box-shadow:0 0 20px #e65c001a}.entry-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.entry-date{font-family:Share Tech Mono,monospace;font-size:.85rem;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.4)}.date-bracket{color:#555}.entry-title{font-family:Orbitron,Share Tech Mono,monospace;font-size:1.1rem;font-weight:600;color:#ddd;letter-spacing:1px}.entry-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.entry-item{display:flex;align-items:flex-start;gap:.75rem;font-family:Share Tech Mono,monospace;font-size:.9rem;color:#999;line-height:1.5}.item-bullet{color:var(--color-primary);flex-shrink:0;margin-top:2px}.entry-item:hover .item-text{color:#ccc}.changes-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(230,92,0,.2)}.footer-text{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Share Tech Mono,monospace;font-size:.85rem;color:#444;letter-spacing:2px}.footer-icon{color:var(--color-primary);animation:pulse-footer 2s infinite}@keyframes pulse-footer{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 768px){.changes-content{padding:1.5rem}.changes-title{font-size:1.4rem;letter-spacing:3px;flex-direction:column;gap:.5rem}.entry-header{flex-direction:column;align-items:flex-start;gap:.5rem}.entry-title{font-size:1rem}.log-entry{padding:1rem}}.kofi-floating-btn{position:fixed;bottom:80px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ff5e5b,#ff7b5e);border-radius:50px;color:#fff;text-decoration:none;font-family:Share Tech Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 15px #ff5e5b66,0 0 20px #ff5e5b33;transition:all .3s ease;z-index:99;border:2px solid rgba(255,255,255,.2)}.kofi-floating-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 25px #ff5e5b80,0 0 30px #ff5e5b4d;background:linear-gradient(135deg,#ff7b5e,#ff5e5b)}.kofi-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.kofi-text{white-space:nowrap}@media (max-width: 768px){.kofi-floating-btn{bottom:20px;right:15px;padding:12px;border-radius:50%}.kofi-text{display:none}.kofi-icon{width:28px;height:28px}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-dark)}.app-main{flex:1;padding:var(--spacing-xl);max-width:1800px;margin:0 auto;width:100%}.planner-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-lg);height:calc(100vh - 280px);min-height:600px;padding-bottom:80px}.left-panel,.right-panel{display:flex;flex-direction:column}.edit-mode-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(180deg,#141414f2,#0a0a0afa);border-top:2px solid var(--color-primary);box-shadow:0 -4px 20px #e65c0033;z-index:100}.font-size-control{display:flex;align-items:center;background:#ffffff0d;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.font-size-control label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-size:.85rem;white-space:nowrap}.font-size-control input[type=range]{width:100px;accent-color:var(--color-primary);cursor:pointer}.font-size-control strong{color:var(--color-primary);min-width:45px;text-align:center}.planner-actions-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(180deg,#0a0a0af2,#050505fa);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #00000080;z-index:100}.hidden-on-mobile{display:none!important}@media (max-width: 1200px){.planner-layout{grid-template-columns:300px 1fr}}@media (max-width: 768px){.app-main{padding:var(--spacing-md)}.planner-layout{display:flex;flex-direction:column;height:auto;min-height:auto}.left-panel{max-height:none}.right-panel{display:none!important}.planner-actions-bar{flex-direction:column;padding:var(--spacing-md)}.edit-mode-bar{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm)}}.mobile-nav-tabs{display:flex;background:#141414e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.nav-tab{flex:1;padding:10px;border:none;background:transparent;color:var(--color-text-secondary);font-family:Share Tech Mono,monospace;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.nav-tab.active{background:#e65c0033;color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:0 0 15px #e65c004d}.mobile-generate-tab{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;overflow:hidden}.generate-preview{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.preview-map-scaled{width:100%;height:300px;overflow:hidden;border-radius:var(--radius-md);border:2px solid var(--color-border);margin-bottom:var(--spacing-xl);background:#0a0a0a;position:relative;pointer-events:none}.preview-map-scaled .battlefield-map{width:1200px!important;position:absolute;top:0;left:50%;transform:translate(-50%) scale(.3);transform-origin:top center}.desktop-export-wrapper{position:fixed;top:-9999px;left:-9999px;width:1200px;z-index:-1000}.generate-actions{text-align:center;padding:var(--spacing-lg);background:#141414cc;border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;margin-top:-40px}.generate-actions h3{margin-bottom:var(--spacing-xs);color:var(--color-primary);font-family:Orbitron,Share Tech Mono,monospace;font-size:1rem;letter-spacing:2px}.generate-actions p{color:var(--color-text-secondary);font-family:Share Tech Mono,monospace;font-size:.85rem;margin-bottom:var(--spacing-lg)}:root{--color-primary: #E65C00;--color-primary-light: #ff7700;--color-primary-dark: #cc5200;--color-primary-glow: rgba(230, 92, 0, .6);--color-secondary: #8A8A8A;--color-secondary-dark: #4A4A4A;--color-bg-dark: #0a0a0a;--color-bg-panel: #131313;--color-bg-card: #1a1a1a;--color-bg-terminal: #0d1a0d;--color-accent: #00ff00;--color-accent-dim: #33ff33;--color-m1: #4A90E2;--color-m1-hover: #357ABD;--color-m2: #F5A623;--color-m2-hover: #E09612;--color-m3: #E74C3C;--color-m3-hover: #C0392B;--color-text-primary: #e0e0e0;--color-text-secondary: #888888;--color-text-muted: #555555;--color-border: #333333;--color-border-light: #444444;--color-success: #27ca40;--color-danger: #e74c3c;--color-warning: #ffbd2e;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-glow-primary: 0 0 20px rgba(230, 92, 0, .4);--shadow-glow-m1: 0 0 20px rgba(74, 144, 226, .4);--shadow-glow-m2: 0 0 20px rgba(245, 166, 35, .4);--shadow-glow-m3: 0 0 20px rgba(231, 76, 60, .4);--transition-fast: .15s ease;--transition-normal: .3s ease;--scanline-opacity: .05}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Share Tech Mono,-apple-system,BlinkMacSystemFont,Segoe UI,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-dark);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark);border-left:1px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}::selection{background:var(--color-primary);color:#000}.glass-panel{background:#141414e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-family:Share Tech Mono,monospace;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:1px;background:#e65c001a;color:var(--color-primary)}.btn:hover{background:#e65c0033;box-shadow:var(--shadow-glow-primary)}.btn-primary{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#000;border-color:var(--color-primary-light)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-primary)}.btn-success{background:#27ca4033;color:var(--color-success);border-color:var(--color-success)}.btn-success:hover{background:#27ca404d;box-shadow:0 0 15px #27ca4066}.btn-outline{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-outline:hover{color:var(--color-primary);border-color:var(--color-primary);background:#e65c000d}.badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:0;border-radius:0;font-size:1.15rem;font-weight:800;transition:all var(--transition-normal);cursor:move;-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.8)}.badge-m1{background:none;border:none;box-shadow:none;color:#5bb0ff}.badge-m1:hover{box-shadow:none;text-shadow:0 0 8px rgba(74,144,226,.8);transform:scale(1.05)}.badge-m2{background:none;border:none;box-shadow:none;color:var(--color-m2)}.badge-m2:hover{box-shadow:none;text-shadow:0 0 8px rgba(245,166,35,.8);transform:scale(1.05)}.badge-m3{background:none;border:none;box-shadow:none;color:#ff6b6b}.badge-m3:hover{box-shadow:none;text-shadow:0 0 8px rgba(231,76,60,.8);transform:scale(1.05)}.m-indicator{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff3;border:1.5px solid #000000;color:inherit;font-size:.75rem;font-weight:800;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;cursor:pointer;transition:all var(--transition-fast)}.m-indicator:hover{background:#ffffff4d;transform:scale(1.1)}.dragging{opacity:.5;transform:scale(.95)}.drag-over{background:#e65c0033;border-color:var(--color-primary);box-shadow:0 0 20px #e65c0066}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.fade-in{animation:fadeIn .3s ease}@media (max-width: 768px){.btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem}.badge{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}}[dir=rtl]{direction:rtl}[dir=rtl] .badge{flex-direction:row-reverse}h1,h2,h3,h4,h5,h6{font-family:Orbitron,Share Tech Mono,monospace}