.seasons-list{display:flex;flex-direction:column;gap:12px}.season-card{position:relative}.season-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.season-card-header h3{font-size:1.1rem;font-weight:600}.season-mode{font-size:.75rem;padding:3px 8px;background:#f59e0b26;color:var(--accent);border-radius:4px;font-weight:600}.season-card-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-secondary)}.season-date{margin-left:auto}.season-delete{position:absolute;top:12px;right:12px;padding:4px 8px;font-size:.75rem}.create-season-form{margin-bottom:24px}.create-season-form h3{margin-bottom:12px;font-size:1rem}.form-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.form-row label{font-size:.85rem;color:var(--text-secondary)}.form-input{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;flex:1;min-width:200px}.form-input-small{flex:0;min-width:80px;width:80px}.form-actions{display:flex;gap:8px}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:.95rem}.seasons-section{margin-bottom:24px}.section-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.season-active{border-left:3px solid var(--success, #22c55e)}.season-archived{opacity:.7}.form-hint{font-size:.8rem;color:var(--text-secondary);margin-bottom:12px;font-style:italic}.pipeline-status-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.pipeline-status-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px}.pipeline-status-toggle{display:flex;align-items:center;gap:8px;flex:1;background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary);text-align:left}.pipeline-status-caret{font-size:.75rem;color:var(--text-secondary);width:12px;flex-shrink:0}.pipeline-status-title{font-size:.8rem;font-weight:600}.pipeline-status-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.85rem;padding:2px 6px;border-radius:4px;flex-shrink:0}.pipeline-status-close:hover{color:var(--text-primary);background:#ffffff0f}.pipeline-status-body{display:flex;flex-direction:column;gap:8px;padding:4px 10px 10px}.pipeline-status-banner{font-size:.72rem;color:var(--danger);background:#ef444414;border-radius:4px;padding:4px 8px}.pipeline-op-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.pipeline-op{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px}.pipeline-op-main{display:flex;align-items:center;gap:8px}.pipeline-op-indicator{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--text-secondary)}.pipeline-op-indicator-idle{background:var(--text-secondary);opacity:.5}.pipeline-op-indicator-fetching{background:var(--accent);animation:pipeline-pulse 1.2s ease-in-out infinite}.pipeline-op-indicator-ready{background:var(--success)}.pipeline-op-indicator-error{background:var(--danger)}@keyframes pipeline-pulse{0%,to{opacity:1}50%{opacity:.35}}.pipeline-op-label{font-size:.78rem;color:var(--text-primary)}.pipeline-op-status{margin-left:auto;font-size:.68rem;font-weight:600;color:var(--text-secondary)}.pipeline-op-status-ready{color:var(--success)}.pipeline-op-status-error{color:var(--danger)}.pipeline-op-status-fetching{color:var(--accent)}.pipeline-op-meta{font-size:.68rem;color:var(--text-secondary);padding-left:17px}.pipeline-op-rounds{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.pipeline-op-rounds-count{font-weight:600}.pipeline-op-rounds-list{display:flex;flex-wrap:wrap;gap:3px}.pipeline-round-id{font-size:.62rem;padding:1px 5px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px}.pipeline-op-error{display:flex;align-items:center;gap:8px;padding-left:17px}.pipeline-op-error-text{font-size:.68rem;color:var(--danger)}.pipeline-op-retry{font-size:.68rem;font-weight:600;color:var(--accent);background:none;border:1px solid var(--accent);border-radius:4px;padding:2px 8px;cursor:pointer;transition:all .15s}.pipeline-op-retry:hover{background:var(--accent);color:var(--bg-primary)}.season-detail .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.season-detail .back-link{font-size:.8rem;color:var(--text-secondary);text-decoration:none;margin-bottom:4px;display:inline-block}.season-detail .back-link:hover{color:var(--accent)}.season-mode-badge{font-size:.75rem;padding:3px 8px;background:#f59e0b26;color:var(--accent);border-radius:4px;font-weight:600;margin-left:12px}.btn-bracket-import{padding:8px 16px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:500;transition:all .15s}.btn-bracket-import:hover{background:var(--accent);color:#000;border-color:var(--accent)}.bracket-panel{margin-bottom:20px;padding:16px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border)}.bracket-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bracket-panel-header h3{font-size:1rem;font-weight:600}.bracket-close{background:none;color:var(--text-secondary);font-size:1.1rem;padding:4px 8px;border-radius:4px;transition:color .15s}.bracket-close:hover{color:var(--text-primary)}.bracket-loading{display:flex;align-items:center;gap:10px;padding:20px 0;color:var(--text-secondary);font-size:.85rem}.bracket-loading .spinner{width:18px;height:18px}.bracket-error{display:flex;align-items:center;gap:12px;padding:12px;background:#ef44441a;border-radius:8px;color:var(--danger);font-size:.85rem}.btn-retry{padding:4px 12px;background:#ef444433;color:var(--danger);border-radius:4px;font-size:.75rem;font-weight:600;transition:background .15s}.btn-retry:hover{background:#ef44444d}.bracket-empty{padding:20px 0;color:var(--text-secondary);font-size:.85rem;text-align:center}.bracket-opponents{display:flex;flex-direction:column;gap:8px}.bracket-opponent-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-tertiary);border-radius:8px;border:1px solid transparent;transition:border-color .15s}.bracket-opponent-card:hover{border-color:var(--border)}.opponent-info{display:flex;flex-direction:column;gap:4px}.opponent-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.opponent-details{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--text-secondary)}.opponent-gp{color:var(--accent);font-weight:500}.opponent-rank{color:var(--text-secondary)}.opponent-links{display:flex;gap:10px;margin-top:2px}.opponent-link{font-size:.7rem;color:var(--accent);text-decoration:none;opacity:.8;transition:opacity .15s}.opponent-link:hover{opacity:1;text-decoration:underline}.btn-assign-opponent{padding:6px 14px;background:#f59e0b26;color:var(--accent);border-radius:6px;font-size:.75rem;font-weight:600;transition:all .15s;white-space:nowrap}.btn-assign-opponent:hover{background:var(--accent);color:#000}.assign-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.assign-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;min-width:320px;max-width:90vw;max-height:80vh;overflow-y:auto}.assign-modal h4{font-size:.95rem;margin-bottom:14px;color:var(--text-primary)}.assign-battles-list{display:flex;flex-direction:column;gap:12px}.assign-round{display:flex;flex-direction:column;gap:6px}.assign-round-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.assign-round-battles{display:flex;flex-wrap:wrap;gap:6px}.btn-assign-battle{padding:8px 14px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;font-size:.8rem;transition:all .15s}.btn-assign-battle:hover{border-color:var(--accent);background:#f59e0b1a}.assign-existing{font-size:.7rem;color:var(--text-secondary);margin-left:4px}.btn-cancel-assign{margin-top:14px;padding:8px 16px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;font-size:.8rem;width:100%;transition:color .15s}.btn-cancel-assign:hover{color:var(--text-primary)}.rounds-list{display:flex;flex-direction:column;gap:20px}.round-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.round-header h2{font-size:1.1rem;font-weight:600}.round-summary{display:flex;align-items:center;gap:8px}.badge{font-size:.7rem;padding:3px 8px;border-radius:4px;font-weight:600}.badge-win{background:#22c55e26;color:var(--success)}.badge-loss{background:#ef444426;color:var(--danger)}.badge-pending{background:#ffffff0d;color:var(--text-secondary)}.round-banners{font-size:.8rem;color:var(--text-secondary)}.battles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;align-items:stretch}.battle-card-link{text-decoration:none;color:inherit;display:flex;flex:1}.battle-card-wrapper{display:flex;flex-direction:column;gap:8px}.battle-card-wrapper .battle-card-link{display:flex;flex:1}.battle-card{padding:14px;background:var(--bg-tertiary);border-radius:10px;border:2px solid transparent;transition:all .15s;flex:1;display:flex;flex-direction:column}.battle-card:hover{border-color:var(--accent);transform:translateY(-2px)}.battle-card.won{border-color:#22c55e4d}.battle-card.lost{border-color:#ef44444d}.battle-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.battle-number{font-weight:600;font-size:.9rem}.battle-result-badge{font-size:.65rem;padding:2px 6px;border-radius:3px;font-weight:700}.battle-result-badge.win{background:#22c55e33;color:var(--success)}.battle-result-badge.loss{background:#ef444433;color:var(--danger)}.battle-card-info{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--text-secondary);flex:1}.battle-opponent{color:var(--text-primary);font-weight:500}.opponent-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.btn-scout-defense{padding:6px 14px;background:#3b82f626;color:#60a5fa;border-radius:6px;font-size:.75rem;font-weight:600;transition:all .15s;white-space:nowrap}.btn-scout-defense:hover{background:#3b82f6;color:#fff}.scout-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;min-width:400px;max-width:90vw;max-height:80vh;overflow-y:auto}.scout-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.scout-modal-header h4{font-size:1rem;font-weight:600;color:var(--text-primary)}.scout-results{display:flex;flex-direction:column;gap:14px}.scout-zone{background:var(--bg-tertiary);border-radius:8px;padding:12px}.scout-zone-label{font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.scout-zone-squads{display:flex;flex-direction:column;gap:6px}.scout-squad{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border)}.scout-squad-leader{font-size:.8rem;font-weight:600;color:var(--text-primary)}.scout-squad-members{font-size:.7rem;color:var(--text-secondary)}.scout-zone-empty{font-size:.75rem;color:var(--text-secondary);font-style:italic}.scout-import-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.scout-import-label{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.btn-reset-battle{background:none;border:none;color:var(--danger);font-size:.6rem;padding:2px 6px;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .15s;margin-left:auto}.battle-card:hover .btn-reset-battle{opacity:.7}.btn-reset-battle:hover{opacity:1!important;background:#ef444426}.btn-refresh-bracket{background:none;border:none;font-size:.9rem;padding:4px 8px;cursor:pointer;border-radius:4px;transition:background .15s;margin-right:auto;margin-left:8px}.btn-refresh-bracket:hover{background:var(--bg-tertiary)}.refresh-opponent-message{font-size:.85rem;line-height:1.4;color:var(--text-secondary);margin-bottom:16px}.refresh-opponent-actions{display:flex;justify-content:flex-end;gap:10px}.season-record-badge{font-size:.75rem;padding:3px 8px;background:#3b82f626;color:#60a5fa;border-radius:4px;font-weight:600;margin-left:8px}.char-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:80px 20px 20px}.char-search-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.search-header{display:flex;gap:8px;padding:16px;border-bottom:1px solid var(--border)}.search-input{flex:1;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.close-btn{padding:10px 14px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;font-size:1rem;transition:all .2s}.close-btn:hover{background:var(--danger);color:#fff}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:16px;overflow-y:auto}.char-item{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:8px;cursor:pointer;transition:all .15s;gap:4px}.char-item:hover{background:var(--bg-tertiary);transform:scale(1.05)}.char-thumb{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.char-item-name{font-size:.6rem;text-align:center;color:var(--text-secondary);line-height:1.2;max-height:2.4em;overflow:hidden}.char-item-count{font-size:.55rem;color:var(--accent);background:#f59e0b1a;padding:1px 4px;border-radius:3px}.char-thumb-placeholder{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--text-secondary)}.suggestions-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:var(--text-secondary);font-size:.8rem}.suggestions-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.suggestions-hint{padding:6px 16px;font-size:.7rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.no-results{grid-column:1 / -1;text-align:center;color:var(--text-secondary);padding:40px}.char-thumb-wrapper{position:relative;display:inline-block}.char-warned-badge{position:absolute;top:-2px;right:-2px;font-size:.65rem;background:#f59e0b;color:#000;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px #0006;pointer-events:none}.datacron-picker{margin-top:16px;margin-bottom:16px}.datacron-header{display:flex;align-items:center;gap:12px}.datacron-header h3{font-size:.9rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.datacron-toggle{padding:8px 14px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px;font-size:.85rem;display:flex;align-items:center;gap:8px;transition:all .2s;border:1px solid var(--border);max-width:400px}.dc-toggle-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datacron-toggle:hover:not(:disabled){border-color:#8b5cf6}.datacron-toggle:disabled{opacity:.5;cursor:not-allowed}.datacron-toggle.expanded{border-color:#8b5cf6;background:#8b5cf61a}.chevron{font-size:.7rem;color:var(--text-secondary);flex-shrink:0}.datacron-dropdown{margin-top:10px;padding:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px}.datacron-quick-options{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.dc-option{padding:8px 14px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;font-size:.8rem;transition:all .2s;border:1px solid transparent}.dc-option:hover{color:var(--text-primary);background:#2d3f52}.dc-option.active{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf6}.dc-section-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.datacron-sets{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.dc-set-list{display:flex;gap:8px;flex-wrap:wrap}.dc-set-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;font-size:.8rem;transition:all .2s;border:1px solid transparent}.dc-set-btn:hover{color:var(--text-primary);background:#2d3f52;border-color:var(--border)}.dc-set-btn.active{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf6}.dc-set-icon{width:28px;height:28px;object-fit:contain}.dc-set-name{font-weight:500}.dc-count{font-size:.7rem;opacity:.6;background:#ffffff0d;padding:2px 6px;border-radius:4px}.dc-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--text-secondary);font-size:.85rem}.dc-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:#8b5cf6;border-radius:50%;animation:spin .6s linear infinite}.datacron-abilities{max-height:300px;display:flex;flex-direction:column}.dc-search-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.dc-search-input{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.8rem;width:200px;outline:none;transition:border-color .2s}.dc-search-input:focus{border-color:#8b5cf6}.dc-search-input::placeholder{color:var(--text-secondary)}.datacron-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:240px;padding-right:4px}.dc-item{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;font-size:.8rem;transition:all .15s;border:1px solid transparent;text-align:left;gap:8px;min-height:52px}.dc-item:hover{background:#2d3f52;border-color:var(--border)}.dc-item.active{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf6}.dc-item-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.dc-item-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.dc-item-info{display:flex;flex-direction:column;min-width:0;gap:2px}.dc-item-header{display:flex;align-items:center;gap:6px}.dc-item-tier{font-size:.65rem;font-weight:700;color:#a78bfa;background:#8b5cf626;padding:1px 5px;border-radius:3px;white-space:nowrap}.dc-item-target{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.dc-item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-item-desc{font-size:.72rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dc-item-count{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;background:#ffffff0d;padding:2px 8px;border-radius:4px}.dc-no-results{text-align:center;color:var(--text-secondary);padding:20px;font-size:.85rem}.dc-selected-section{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.dc-selected-list{display:flex;flex-direction:column;gap:6px}.dc-selected-item{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 10px;background:#8b5cf614;border:1px solid rgba(139,92,246,.3);border-radius:8px;gap:8px}.dc-selected-left{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1}.dc-selected-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0;margin-top:2px}.dc-selected-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dc-selected-header{display:flex;align-items:center;gap:6px}.dc-selected-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dc-selected-remove{width:22px;height:22px;border-radius:50%;background:#ef444426;color:var(--danger);font-size:.65rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.dc-selected-remove:hover{background:var(--danger);color:#fff}.dc-apply-btn{display:block;width:100%;margin-top:12px;padding:12px;background:var(--accent);color:#000;font-size:.9rem;font-weight:600;border-radius:8px;transition:all .2s}.dc-apply-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.dc-reset{color:var(--danger)!important;border-color:#ef44444d!important}.dc-reset:hover{background:#ef44441a!important}.dc-no-more{text-align:center;color:var(--text-secondary);padding:12px;font-size:.8rem;font-style:italic}.squad-slot{position:relative;width:100px;border-radius:10px;border:2px solid var(--border);background:var(--bg-tertiary);transition:all .2s;overflow:hidden}.squad-slot.active{border-color:var(--accent);box-shadow:0 0 12px #f59e0b4d}.squad-slot.leader{border-color:#f59e0b55}.slot-content{display:flex;flex-direction:column;align-items:center;padding:10px 6px;cursor:pointer;min-height:120px;justify-content:center;gap:6px}.slot-content:hover{background:#ffffff08}.char-portrait{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.char-name{font-size:.7rem;text-align:center;color:var(--text-primary);font-weight:500;line-height:1.2;max-height:2.4em;overflow:hidden}.empty-portrait{width:56px;height:56px;border-radius:50%;border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-secondary)}.slot-label{font-size:.7rem;color:var(--text-secondary)}.remove-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;font-size:.65rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.squad-slot:hover .remove-btn{opacity:1}.leader-badge{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#000;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.zone-editor{margin-top:20px;padding:20px;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:12px}.zone-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.zone-editor-header h3{font-size:1rem;font-weight:600}.zone-editor-header-right{display:flex;align-items:center;gap:10px}.linked-toggle{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:5px;transition:all .2s}.linked-toggle:hover{background:var(--bg-tertiary)}.linked-toggle input{accent-color:var(--accent)}.linked-toggle span{white-space:nowrap}.zone-editor-close{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);border:none;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.zone-editor-close:hover{background:var(--danger);color:#fff}.zone-editor-slots{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.reinforcement-label{width:100%;font-size:.75rem;color:var(--text-secondary);margin-top:8px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.zone-editor-save{display:block;width:100%;margin-top:16px;padding:12px;background:var(--success);color:#000;font-size:.9rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.zone-editor-save:hover{opacity:.9;transform:translateY(-1px)}.relic-indicator{position:absolute;bottom:-2px;right:-2px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#000;font-size:.6rem;font-weight:700;border-radius:50%;line-height:1;padding:0 3px;border:1.5px solid var(--bg-secondary);pointer-events:none}.battle-tooltip{z-index:1000;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:.75rem;color:var(--text-primary);box-shadow:0 4px 12px #0000004d;pointer-events:none;min-width:120px;max-width:220px}.battle-tooltip-result{font-weight:600;margin-bottom:4px}.battle-tooltip-result.win{color:var(--success)}.battle-tooltip-result.loss{color:var(--danger)}.battle-tooltip-banners{margin-bottom:2px;color:var(--text-secondary)}.battle-tooltip-round{margin-bottom:4px;color:var(--text-secondary)}.battle-tooltip-enemy-killed{border-top:1px solid var(--border);padding-top:4px;margin-top:4px}.battle-tooltip-enemy-label{font-weight:500;color:var(--text-secondary);display:block;margin-bottom:2px}.battle-tooltip-enemy-list{margin:0;padding:0 0 0 14px;list-style:disc}.battle-tooltip-enemy-list li{color:var(--text-primary);line-height:1.4}.battle-result-entry{padding:16px;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:12px;margin-top:12px}.bre-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bre-header h4{font-size:.95rem;font-weight:600}.bre-close{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);border:none;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.bre-close:hover{background:var(--danger);color:#fff}.bre-attempts{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.bre-attempt{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-tertiary)}.bre-attempt.won{border-color:#22c55e4d}.bre-attempt.lost{border-color:#ef44444d}.bre-attempt-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bre-attempt-num{font-size:.7rem;color:var(--text-secondary);font-weight:600}.bre-attempt-result{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:3px}.bre-attempt-result.win{background:#22c55e26;color:var(--success)}.bre-attempt-result.fail{background:#ef444426;color:var(--danger)}.bre-attempt-banners{font-size:.7rem;color:var(--text-secondary)}.bre-attempt-remove{margin-left:auto;background:none;border:none;cursor:pointer;font-size:.7rem;color:var(--text-secondary)}.bre-attempt-remove:hover{color:var(--danger)}.bre-attempt-squad{display:flex;gap:3px}.bre-portrait{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.bre-portrait.leader{border-color:var(--accent)}.bre-portrait.dead{opacity:.4;border-color:var(--danger)}.bre-casualties{display:flex;align-items:center;gap:4px;margin-top:4px}.bre-cas-label{font-size:.65rem;color:var(--text-secondary)}.bre-total{padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.bre-total strong{color:var(--accent)}.bre-resolved{margin-left:12px;color:var(--success);font-weight:600;font-size:.75rem}.bre-add-btn{width:100%}.attempt-form{margin-top:12px;padding:12px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border)}.af-step{margin-bottom:12px}.af-step h5{font-size:.85rem;margin-bottom:8px;color:var(--text-secondary)}.af-squad-options{display:flex;flex-direction:column;gap:6px}.af-option{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s;text-align:left}.af-option:hover{border-color:var(--accent);background:#f59e0b0d}.af-option-label{font-size:.75rem;color:var(--text-secondary);min-width:70px}.af-option-portraits{display:flex;gap:3px}.af-option-portraits img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.af-custom{justify-content:center;color:var(--text-secondary);font-size:.8rem}.af-custom-slots{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}.af-result-btns{display:flex;gap:12px}.af-win-btn,.af-fail-btn{flex:1;padding:14px;border-radius:8px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .2s}.af-win-btn{background:#22c55e26;color:var(--success);border:2px solid var(--success)}.af-win-btn:hover{background:var(--success);color:#000}.af-fail-btn{background:#ef444426;color:var(--danger);border:2px solid var(--danger)}.af-fail-btn:hover{background:var(--danger);color:#fff}.af-banners-input{width:80px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px;margin-right:8px}.af-casualties-list{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.af-casualty{position:relative}.af-casualty img{width:30px;height:30px;border-radius:50%;border:2px solid var(--danger);opacity:.6}.af-casualty button{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:var(--danger);color:#fff;border:none;font-size:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.af-casualty-options{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.af-casualty-pick{background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;transition:all .15s}.af-casualty-pick:hover{transform:scale(1.15)}.af-casualty-pick img{width:28px;height:28px;border-radius:50%;border:2px solid var(--border)}.af-cancel{margin-top:8px}.af-proceed-btn{margin-bottom:8px;font-size:.8rem;padding:8px 14px}.attack-planner-v3{margin-top:8px}.v3-sync-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:16px}.v3-sync-status{font-size:.75rem;color:var(--text-secondary)}.v3-sync-indicator.syncing{color:var(--accent);animation:v3-spin 1s linear infinite}.v3-sync-indicator.error{color:var(--danger)}.v3-sync-indicator.ok{color:var(--success)}@keyframes v3-spin{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.v3-refresh-btn{padding:5px 10px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:5px;font-size:.75rem;cursor:pointer;transition:all .2s}.v3-refresh-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.v3-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.v3-zones{display:flex;flex-direction:column;gap:20px}.v3-zone-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.v3-zone-slots{display:flex;flex-direction:column;gap:8px}.v3-slot-row{display:flex;align-items:stretch;gap:10px;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;transition:border-color .15s}.v3-slot-row:hover{border-color:var(--accent)}.v3-defense-portrait{flex-shrink:0;display:flex;align-items:center;position:relative}.v3-defense-portrait img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--danger)}.v3-sections{flex:1;display:flex;gap:8px;min-width:0;--section-rows: 3}.v3-section{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;overflow:hidden;max-height:calc(var(--section-rows) * 36px + 32px)}.v3-section-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--bg-secondary);border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.v3-section-header:active{cursor:grabbing}.v3-section-header.drag-over{background:#f59e0b26;border-color:var(--accent)}.v3-section-title{font-size:.7rem;font-weight:600;color:var(--text-secondary)}.v3-section-body{flex:1;overflow-y:auto;padding:4px 6px}.v3-row{display:flex;align-items:center;gap:4px;padding:3px 4px;border-radius:4px;cursor:pointer;transition:background .1s}.v3-row:hover{background:#f59e0b14}.v3-row-portraits{display:flex;gap:2px}.v3-row-portrait{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.v3-row-portrait.leader{border-color:var(--accent)}.v3-row-stats{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:.65rem}.v3-win-rate{font-weight:600}.v3-banners{color:var(--text-secondary)}.v3-usage{color:var(--text-secondary);opacity:.7}.v3-season-info{font-size:.6rem;color:var(--text-secondary)}.v3-plan-assigned{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:6px}.v3-plan-assigned .v3-row-portrait{width:24px;height:24px}.v3-plan-assigned .v3-row-portrait.leader{border-color:var(--success)}.v3-plan-remove-btn{margin-left:auto;width:18px;height:18px;border-radius:50%;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;font-size:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.v3-plan-remove-btn:hover{background:var(--danger);color:#fff}.v3-plan-stats{font-size:.65rem;color:var(--text-secondary);margin-left:auto;margin-right:4px}.v3-empty{font-size:.7rem;color:var(--text-secondary);font-style:italic;padding:8px 4px;text-align:center}.v3-loading{font-size:.7rem;color:var(--accent);padding:8px 4px;text-align:center}.v3-error{font-size:.7rem;color:var(--danger);padding:8px 4px;text-align:center}.v3-retry-btn{padding:3px 8px;background:transparent;border:1px solid var(--danger);border-radius:4px;color:var(--danger);font-size:.65rem;cursor:pointer;margin-top:4px}.v3-retry-btn:hover{background:#ef44441a}.v3-sort-controls{display:flex;gap:2px;padding:2px}.v3-sort-btn{padding:2px 5px;background:transparent;border:none;border-radius:3px;font-size:.6rem;color:var(--text-secondary);cursor:pointer}.v3-sort-btn.active{background:var(--accent);color:#000}.v3-section.dragging{opacity:.5;border-style:dashed}.v3-section.drop-target{border-color:var(--accent);background:#f59e0b0d}.v3-conflict-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.v3-conflict-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;max-width:420px;width:90%;box-shadow:0 12px 40px #00000080}.v3-conflict-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.v3-conflict-squad{display:flex;align-items:center;gap:4px;padding:8px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:12px}.v3-conflict-squad img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.v3-conflict-squad img.leader{border-color:var(--accent)}.v3-conflict-list{margin-bottom:16px}.v3-conflict-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:6px;margin-bottom:4px;font-size:.75rem;color:var(--text-secondary)}.v3-conflict-item-portraits{display:flex;gap:2px}.v3-conflict-item-portraits img{width:20px;height:20px;border-radius:50%;object-fit:cover}.v3-conflict-actions{display:flex;gap:8px;justify-content:flex-end}.v3-conflict-actions button{padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.v3-conflict-confirm{background:var(--accent);color:#000}.v3-conflict-confirm:hover{opacity:.9}.v3-conflict-cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.v3-conflict-cancel:hover{border-color:var(--text-secondary)}@media(max-width:900px){.v3-sections{flex-direction:column}.v3-section{max-height:none}}.v3-defense-popup{position:absolute;top:50%;left:100%;transform:translateY(-50%);z-index:100;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:6px 10px;box-shadow:0 8px 24px #0006;min-width:160px;margin-left:8px;display:flex;flex-direction:row;gap:6px;align-items:center}.v3-defense-popup-member{display:flex;flex-direction:column;align-items:center;gap:2px}.v3-popup-portrait{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.v3-popup-portrait.leader{border-color:var(--accent)}.v3-popup-name{font-size:.55rem;color:var(--text-primary);white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis;text-align:center}.v3-datacron-indicator{position:absolute;bottom:-2px;right:-2px;font-size:.7rem;cursor:default}.v3-speed-badge{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);font-size:.5rem;background:#000000bf;color:var(--accent);padding:0 3px;border-radius:2px;white-space:nowrap;line-height:1.3;pointer-events:none}.v3-popup-speed{font-size:.65rem;color:var(--accent);margin-left:auto;white-space:nowrap}.v3-swgoh-link{text-decoration:none;font-size:.7rem;opacity:.6;transition:opacity .15s;cursor:pointer;padding:0 2px}.v3-swgoh-link:hover{opacity:1}.v3-row-portrait-missing{opacity:.3;filter:grayscale(80%);border-color:var(--danger)!important}.v3-missing-count{font-size:.55rem;color:var(--danger);font-weight:600;margin-left:2px}.v3-plan-add-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;background:transparent;border:1px dashed var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.v3-plan-add-btn:hover{border-color:var(--accent);color:var(--accent)}.v3-plan-empty-slot{width:20px;height:20px;border-radius:50%;border:1px dashed var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:.5rem;color:var(--text-secondary);cursor:pointer}.v3-plan-empty-slot:hover{border-color:var(--accent);color:var(--accent)}.v3-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.v3-modal-content{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:16px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 16px 48px #0009}.v3-results-stack{margin-bottom:4px}.v3-result-row{display:flex;align-items:center;gap:4px;padding:3px 4px;border-radius:4px;margin-bottom:2px;font-size:.65rem}.v3-result-row.won{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.v3-result-row.lost{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.v3-result-badge{font-size:.6rem;font-weight:600;padding:1px 4px;border-radius:3px}.v3-result-badge.win{background:var(--success);color:#000}.v3-result-badge.fail{background:var(--danger);color:#fff}.v3-record-btn{width:18px;height:18px;border-radius:50%;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;font-size:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.v3-record-btn:hover{background:var(--accent);color:#000}.v3-row-used{opacity:.4;pointer-events:none;position:relative}.v3-row-used-label{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:.5rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:1px 4px;border-radius:3px}.v3-row-portrait.dead{border:2px solid var(--danger);opacity:.6;filter:grayscale(30%)}.v3-row-loss{border-left:2px solid var(--danger);opacity:.7}.v3-row-current-round{border-left:2px solid var(--info, #4dabf7)}.v3-current-round-badge{display:inline-block;font-size:.6rem;font-weight:600;padding:1px 4px;border-radius:3px;background:var(--info, #4dabf7);color:#fff;line-height:1.2;white-space:nowrap}.v3-row-compact{padding-left:12px;margin-left:4px;border-left:1px solid var(--border)}.v3-history-group{margin-bottom:2px}.v3-history-group-header{font-weight:500}.v3-slot-collapsed{cursor:pointer;padding:4px 10px;opacity:.7}.v3-slot-collapsed:hover{opacity:1}.v3-collapsed-result{display:flex;align-items:center;gap:6px;font-size:.75rem}.v3-collapsed-banners{font-weight:600;color:var(--success)}.v3-quick-assign{margin-bottom:4px}.v3-attempt-timeline{display:flex;flex-direction:column;gap:3px;margin-bottom:4px}.v3-attempt-row{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:5px;font-size:.65rem;border:1px solid transparent}.v3-attempt-row.won{background:#22c55e0f;border-color:#22c55e33}.v3-attempt-row.lost{background:#ef44440f;border-color:#ef444433}.v3-attempt-row.pending{background:#f59e0b0f;border-color:#f59e0b33}.v3-attempt-badge{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.6rem;font-weight:700;flex-shrink:0;line-height:1}.v3-attempt-badge--win{background:var(--success);color:#000}.v3-attempt-badge--loss{background:var(--danger);color:#fff}.v3-attempt-badge--pending{background:var(--accent);color:#000}.v3-attempt-portraits{display:flex;gap:2px;align-items:center}.v3-attempt-portraits img{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.v3-attempt-portraits img.leader{border-color:var(--accent)}.v3-attempt-banners{margin-left:auto;font-size:.6rem;font-weight:600;color:var(--text-secondary)}.v3-attempt-cleared{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;font-size:.7rem;font-weight:600;color:var(--success);margin-top:2px}.v3-attempt-retry-btn{border-color:var(--accent);color:var(--accent)}.v3-attempt-retry-btn:hover{background:#f59e0b1a;border-color:var(--accent)}.v3-section--wide{flex:none;width:280px}.defense-recs{margin-top:12px;padding:8px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border)}.defense-recs-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.defense-recs-header h4{margin:0;font-size:.85rem}.defense-recs-tabs{display:flex;gap:4px}.defense-recs-tab{padding:3px 8px;font-size:.7rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-tertiary);cursor:pointer;transition:all .15s}.defense-recs-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.defense-recs-desc{font-size:.65rem;color:var(--text-secondary);margin:0 0 6px}.defense-recs-meta{font-size:.65rem;color:var(--text-secondary);flex:1}.defense-recs-list{display:flex;flex-direction:column;gap:4px}.defense-rec-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .15s}.defense-rec-row:hover{background:var(--bg-tertiary)}.defense-rec-row.rec-missing-leader{opacity:.5}.defense-rec-row.rec-partial{opacity:.8}.rec-rank{font-size:.6rem;color:var(--text-secondary);min-width:18px}.rec-portraits{display:flex;align-items:center;gap:2px}.rec-portrait{width:24px;height:24px;border-radius:50%;border:1px solid var(--border)}.rec-portrait.leader{width:28px;height:28px;border-color:var(--accent)}.rec-portrait.missing{opacity:.3;filter:grayscale(80%);border-color:var(--danger)}.rec-missing-badge{font-size:.55rem;color:var(--danger);margin-left:2px}.rec-stats{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:.65rem}.rec-hold-rate{font-weight:600}.rec-attacks,.rec-banners{color:var(--text-secondary)}.defense-recs-trigger{margin-top:8px;display:flex;align-items:center;gap:8px}.defense-recs-loading{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-secondary)}.defense-recs-error{font-size:.7rem;color:var(--danger)}.defense-recs-error-block{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--danger)}.defense-recs-empty{margin-top:8px;font-size:.75rem;color:var(--text-secondary)}.placement-target{outline:2px dashed var(--accent);outline-offset:-2px;cursor:pointer!important;animation:pulse-outline 1.5s infinite}@keyframes pulse-outline{0%,to{outline-color:var(--accent)}50%{outline-color:var(--success)}}.placement-banner{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-top:8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;font-size:.75rem}.battle-plan-page .back-link{font-size:.8rem;color:var(--text-secondary);text-decoration:none;display:inline-block;margin-bottom:4px}.battle-plan-page .back-link:hover{color:var(--accent)}.opponent-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.opponent-row label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.opponent-row .form-input{max-width:300px}.fetch-counters-btn{margin-left:auto}.view-toggle{display:flex;gap:4px}.zones-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.zone-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.zone-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary)}.zone-name{font-weight:600;font-size:.85rem;flex:1}.zone-count{font-size:.7rem;color:var(--text-secondary);background:#ffffff0d;padding:2px 6px;border-radius:4px}.zone-bonus{font-size:.65rem;color:var(--success);font-weight:600}.zone-squads-list{padding:6px;display:flex;flex-direction:column;gap:3px}.zone-squad-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;min-height:40px;transition:all .15s}.zone-squad-row.filled{background:var(--bg-tertiary)}.zone-squad-row.filled:hover{background:#2d3f52}.zone-squad-row.empty{border:1px dashed var(--border);cursor:pointer;background:transparent}.zone-squad-row.empty:hover{border-color:var(--accent);background:#f59e0b08}.zone-squad-row.editing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.zone-squad-row[draggable=true]{cursor:grab}.zone-squad-row[draggable=true]:active{cursor:grabbing;opacity:.5}.zone-squad-row.drag-over{border:2px dashed var(--accent);background:#f59e0b1a}.squad-row-index{width:18px;font-size:.7rem;color:var(--text-secondary);font-weight:600;text-align:center;flex-shrink:0}.zone-squad-members{display:flex;align-items:center;gap:3px;flex:1;min-width:0}.squad-row-portrait{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.squad-row-portrait.leader{border-color:var(--accent)}.squad-row-portrait.reinforcement{width:22px;height:22px;opacity:.7}.reinforcement-divider{color:var(--text-secondary);font-size:.6rem;margin:0 1px}.squad-row-datacron{font-size:.6rem;color:#a78bfa;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.squad-row-stats-badge{font-size:.7rem;flex-shrink:0}.squad-row-remove,.squad-row-edit{width:18px;height:18px;border-radius:50%;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;font-size:.6rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;flex-shrink:0}.zone-squad-row.filled:hover .squad-row-remove,.zone-squad-row.filled:hover .squad-row-edit{opacity:1}.squad-row-remove:hover{background:var(--danger);color:#fff}.squad-row-edit:hover{background:var(--accent);color:#000}.empty-slot-label{font-size:.75rem;color:var(--text-secondary)}.zone-squad-row.empty:hover .empty-slot-label{color:var(--accent)}@media(max-width:700px){.zones-grid{grid-template-columns:1fr}}.my-defense-section{margin-top:32px;padding-top:24px;border-top:2px solid var(--border)}.my-defense-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.my-defense-header h2{font-size:1.1rem;font-weight:600}.my-defense-zone{border-color:#22c55e33}.my-defense-zone .zone-header{background:#22c55e0d}.copy-from-panel{margin-bottom:16px}.copy-from-panel h4{font-size:.9rem;margin-bottom:10px}.copy-season{margin-bottom:8px}.copy-season-name{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:4px}.copy-battles{display:flex;gap:6px;flex-wrap:wrap}.copy-battle-btn{font-size:.7rem;padding:4px 10px}.zone-squad-row.result-clean-win{border-left:3px solid var(--success);background:#22c55e0d}.zone-squad-row.result-win-one-fail{border-left:3px solid #eab308;background:#eab3080d}.zone-squad-row.result-win-multi-fail{border-left:3px solid #b45309;background:#b453090d}.zone-squad-row.result-unresolved-fail{border-left:3px solid var(--danger);background:#ef44440d}.squad-row-banners-badge{font-size:.7rem;font-weight:600;color:var(--accent);background:#f59e0b1a;padding:2px 5px;border-radius:3px;flex-shrink:0}.squad-row-result-btn{width:18px;height:18px;border-radius:50%;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;font-size:.6rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;flex-shrink:0}.zone-squad-row.filled:hover .squad-row-result-btn{opacity:1}.squad-row-result-btn:hover{background:var(--accent)}.banner-total-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.banner-total-mine,.banner-total-opponent{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.banner-total-value{font-size:1.3rem;color:var(--accent)}.banner-total-value.opponent{color:var(--danger)}.banner-total-divider{font-size:.8rem;color:var(--text-secondary);opacity:.5}.gp-inputs-bar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.gp-input-field{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.gp-input{width:110px;padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem}.gp-input::placeholder{color:var(--text-secondary);opacity:.5}.opponent-results{margin-bottom:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.opponent-results-header{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:.85rem;color:var(--text-secondary);transition:background .15s}.opponent-results-header:hover{background:var(--bg-tertiary)}.opponent-total{font-weight:600;color:var(--danger)}.opponent-results-header .chevron{margin-left:auto;font-size:.7rem}.opponent-results-grid{padding:10px 14px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border)}.opponent-zone-row{display:flex;align-items:center;gap:12px}.opponent-zone-name{font-size:.8rem;color:var(--text-secondary);min-width:80px}.opponent-zone-inputs{display:flex;gap:12px}.opponent-zone-inputs label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.opponent-zone-inputs input{width:55px;padding:4px 6px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.8rem;text-align:center}.zone-squad-row.result-opponent-win{border-left:3px solid var(--danger);background:#ef44440a}.zone-squad-row.result-opponent-hold{border-left:3px solid var(--success);background:#22c55e0a}.op-result-badge{font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;flex-shrink:0}.op-result-badge.lost{color:var(--danger);background:#ef44441a}.op-result-badge.held{color:var(--success);background:#22c55e1a}.opponent-recorder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000}.opponent-recorder-popup{z-index:1001;max-width:320px;width:300px}.opponent-recorder{margin-top:0;border-color:var(--accent);background:var(--bg-primary);border:1px solid var(--accent);border-radius:10px;padding:12px;box-shadow:0 8px 32px #00000080}.opponent-recorder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.opponent-recorder-header h4{font-size:.9rem}.opponent-recorder-body{display:flex;flex-direction:column;gap:10px}.or-field{display:flex;align-items:center;gap:10px}.or-field label{font-size:.8rem;color:var(--text-secondary);min-width:70px}.or-field input{width:70px;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.9rem;text-align:center}.or-result-btns{display:flex;gap:6px}.or-btn{padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:600;border:2px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.or-btn.active.won{border-color:var(--danger);background:#ef44441a;color:var(--danger)}.or-btn.active.held{border-color:var(--success);background:#22c55e1a;color:var(--success)}.or-save{align-self:flex-start;margin-top:4px}.or-killed-grid{display:flex;gap:6px;flex-wrap:wrap}.or-killed-unit{position:relative;width:36px;height:36px;border-radius:50%;cursor:pointer;border:2px solid var(--border);overflow:hidden;transition:all .15s}.or-killed-unit:hover{border-color:var(--accent);transform:scale(1.1)}.or-killed-unit.dead{border-color:var(--danger);opacity:.6}.or-killed-unit.disabled{cursor:not-allowed;opacity:.3}.or-killed-portrait{width:100%;height:100%;object-fit:cover}.or-killed-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.6rem;background:var(--bg-tertiary);color:var(--text-secondary)}.or-killed-x{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--danger);background:#0006}.or-killed-hint{font-size:.7rem;color:var(--text-secondary);margin-left:4px}.import-defense-btn{white-space:nowrap}.import-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.import-modal{width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.import-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.import-modal-header h3{font-size:1rem;font-weight:600}.import-modal-body{display:flex;flex-direction:column;gap:14px}.import-modal-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.import-mode-toggle{display:flex;gap:6px}.import-field{display:flex;flex-direction:column;gap:6px}.import-field label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.import-field .form-input{max-width:100%}.import-parsed{font-size:.75rem;color:var(--success)}.import-submit-btn{align-self:flex-start;margin-top:4px}.import-opponent-btn{white-space:nowrap}.opponent-picker-modal{max-width:480px;width:90vw}.opponent-picker-body{padding:16px}.opponent-picker-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.opponent-picker-list{display:flex;flex-direction:column;gap:8px}.opponent-picker-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;text-align:left;width:100%;font-family:inherit;font-size:inherit;color:inherit}.opponent-picker-item:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover, rgba(255, 255, 255, .03))}.opponent-picker-item:disabled{opacity:.6;cursor:wait}.opponent-picker-info{display:flex;flex-direction:column;gap:2px}.opponent-picker-name{font-weight:600;font-size:.95rem}.opponent-picker-details{font-size:.8rem;color:var(--text-secondary)}.opponent-picker-loading{font-size:1.2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.attack-plan-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sync-history-btn{white-space:nowrap}.sync-notification{padding:10px 16px;border-radius:8px;font-size:.85rem;margin-bottom:12px;display:flex;align-items:center;gap:8px;animation:slideIn .2s ease-out}.sync-notification-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success)}.sync-notification-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger)}.league-select{padding:6px 10px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;font-size:.8rem;cursor:pointer}.btn-reset-zone{background:none;border:none;color:var(--danger);font-size:.6rem;padding:2px 6px;border-radius:4px;cursor:pointer;opacity:.5;transition:opacity .15s}.btn-reset-zone:hover{opacity:1;background:#ef444426}.btn-reset-all{background:none;border:none;color:var(--danger);font-size:.6rem;padding:2px 6px;border-radius:4px;cursor:pointer;opacity:.7;transition:opacity .15s;margin-left:4px}.btn-reset-all:hover{opacity:1;background:#ef444426}.league-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.league-confirm-dialog{background:var(--bg-secondary, #1e1e2e);border:1px solid var(--border, #3a3a5a);border-radius:12px;padding:24px;max-width:480px;width:90%;box-shadow:0 8px 32px #00000080}.league-confirm-dialog h4{margin:0 0 12px;font-size:1.1rem;font-weight:600}.league-confirm-message{white-space:pre-wrap;font-size:.85rem;color:var(--text-secondary, #b0b0c0);background:var(--bg-tertiary, #151525);padding:12px;border-radius:6px;margin:0 0 16px;line-height:1.5;font-family:inherit}.league-confirm-actions{display:flex;justify-content:flex-end;gap:12px}.results-section{padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.results-header h2{font-size:1.2rem;font-weight:600}.results-meta{display:flex;gap:16px;flex-wrap:wrap}.meta-item{font-size:.8rem;color:var(--text-secondary)}.meta-item strong{color:var(--text-primary)}.sort-controls{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sort-controls span{font-size:.8rem;color:var(--text-secondary)}.sort-controls button{padding:6px 12px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;font-size:.8rem;transition:all .2s}.sort-controls button.active{background:var(--accent);color:#000}.sort-controls button:hover:not(.active){background:#2d3f52}.show-count-control{margin-left:auto;display:flex;align-items:center;gap:6px}.show-count-control select{padding:4px 8px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;font-size:.8rem}.results-table{display:flex;flex-direction:column;gap:2px}.table-header{display:grid;grid-template-columns:40px 1fr 100px 100px 80px;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:8px 8px 0 0;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.counter-row{display:grid;grid-template-columns:40px 1fr 100px 100px 80px;gap:8px;align-items:center;padding:10px 12px;background:var(--card-bg);border:1px solid var(--border);border-radius:4px;transition:all .15s}.counter-row:hover{border-color:var(--accent);background:#1e2d3d}.row-rank{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.row-squad{display:flex;align-items:center;gap:4px}.squad-char{position:relative;width:36px;height:36px;flex-shrink:0}.squad-char img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.squad-char.leader img{border-color:var(--accent)}.leader-mark{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--accent);color:#000;font-size:.5rem;font-weight:700;display:flex;align-items:center;justify-content:center}.unknown-char{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.5rem;color:var(--text-secondary)}.squad-names{display:flex;flex-direction:column;margin-left:8px;min-width:0;overflow:hidden}.squad-leader-name{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-members-names{font-size:.65rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-winrate,.row-banners,.row-count{text-align:center}.row-winrate .stat-value{font-size:.9rem;font-weight:700}.row-banners .stat-value,.row-count .stat-value{font-size:.85rem;font-weight:500;color:var(--text-primary)}.mini-bar{height:3px;background:var(--bg-tertiary);border-radius:2px;margin-top:4px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.show-more-btn{display:block;width:100%;margin-top:12px;padding:10px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;font-size:.85rem;transition:all .2s}.show-more-btn:hover{background:#2d3f52;color:var(--text-primary)}.no-data{text-align:center;color:var(--text-secondary);padding:40px;font-size:.95rem}@media(max-width:700px){.table-header{display:none}.counter-row{grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:4px 8px}.row-winrate,.row-banners,.row-count{grid-column:2;text-align:left;display:inline}.squad-names{display:none}}.squads-page .page-header-right{display:flex;align-items:center;gap:12px}.squads-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.squad-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.squad-card-header h3{font-size:.95rem;font-weight:600}.squad-card-actions{display:flex;gap:4px}.squad-card-actions .btn{padding:4px 8px;font-size:.75rem}.squad-card-members{display:flex;gap:6px}.squad-member{position:relative;width:40px;height:40px}.squad-member img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.squad-member.leader img{border-color:var(--accent)}.squad-member .leader-badge{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--accent);color:#000;font-size:.5rem;font-weight:700;display:flex;align-items:center;justify-content:center}.squad-create-form{margin-bottom:24px}.squad-create-form h3{margin-bottom:12px;font-size:1rem}.squad-form-name{margin-bottom:12px}.squad-form-name .form-input{width:100%;max-width:400px}.squad-form-slots{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.squad-form-actions{display:flex;gap:8px;margin-top:12px}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:.95rem;grid-column:1 / -1}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.auth-card{width:100%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:32px}.auth-header{text-align:center;margin-bottom:24px}.auth-header h1{font-size:1.5rem;font-weight:700;margin-bottom:6px}.auth-header p{font-size:.9rem;color:var(--text-secondary)}.auth-error{padding:10px 14px;background:#ef44441a;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:.85rem;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.auth-field .form-input{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem}.auth-field .form-input:focus{outline:none;border-color:var(--accent)}.auth-submit{width:100%;padding:12px;font-size:.95rem;font-weight:600;margin-top:4px}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.oauth-buttons{display:flex;gap:12px}.oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.oauth-discord{background:#5865f2;color:#fff}.oauth-discord:hover{background:#4752c4}.oauth-google{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.oauth-google:hover{background:#2d3f52;border-color:var(--accent)}.auth-footer{text-align:center;margin-top:20px;font-size:.85rem;color:var(--text-secondary)}.auth-footer a{color:var(--accent);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.admin-page{padding:24px;max-width:1200px;margin:0 auto}.admin-page h1{font-size:1.5rem;margin-bottom:24px;color:var(--text-primary)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.admin-stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-count{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.stat-bug{border-top:3px solid var(--danger)}.stat-feature{border-top:3px solid var(--success)}.stat-feedback{border-top:3px solid var(--accent)}.admin-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-filters select,.admin-filters input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:.85rem}.admin-filters select:focus,.admin-filters input:focus{outline:none;border-color:var(--accent)}.admin-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid var(--border)}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{background:var(--bg-tertiary);padding:12px 16px;text-align:left;color:var(--text-secondary);font-weight:600;white-space:nowrap}.admin-table td{padding:12px 16px;border-top:1px solid var(--border);color:var(--text-primary)}.admin-table tr:hover td{background:#ffffff05}.admin-user{font-family:monospace;font-size:.8rem;color:var(--text-secondary)}.admin-message{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-date{white-space:nowrap;color:var(--text-secondary);font-size:.8rem}.admin-empty{text-align:center;color:var(--text-secondary);padding:40px 16px!important}.source-badge{font-size:.75rem;padding:2px 8px;border-radius:4px;background:var(--bg-tertiary);white-space:nowrap}.category-badge{font-size:.75rem;padding:2px 8px;border-radius:4px;white-space:nowrap}.cat-bug_report{background:#ef444426;color:var(--danger)}.cat-feature_request{background:#22c55e26;color:var(--success)}.cat-general_feedback{background:#f59e0b26;color:var(--accent)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.admin-pagination button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:.85rem;transition:background .2s}.admin-pagination button:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-pagination span{color:var(--text-secondary);font-size:.85rem}.admin-loading{display:flex;justify-content:center;padding:40px}.admin-grant-section{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-bottom:20px}.admin-grant-section h3{font-size:.9rem;color:var(--text-primary);margin-bottom:12px}.admin-grant-form{display:flex;gap:8px;flex-wrap:wrap}.admin-grant-form input,.admin-grant-form select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:.85rem}.admin-grant-form input{flex:1;min-width:200px}.admin-grant-form button{background:var(--success);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;cursor:pointer;transition:opacity .2s}.admin-grant-form button:hover:not(:disabled){opacity:.85}.admin-grant-form button:disabled{opacity:.5;cursor:not-allowed}.admin-search-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:.85rem;transition:opacity .2s}.admin-search-btn:hover{opacity:.85}.admin-revoke-btn{background:var(--danger);color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;cursor:pointer;transition:opacity .2s}.admin-revoke-btn:hover{opacity:.85}.cat-tier-season{background:#f59e0b26;color:var(--accent)}.cat-tier-monthly{background:#22c55e26;color:var(--success)}.cat-tier-guild{background:#6366f126;color:#6366f1}.cat-status-active{background:#22c55e26;color:var(--success)}.cat-status-cancelled{background:#6b728026;color:#6b7280}.cat-status-expired{background:#ef444426;color:var(--danger)}.cat-status-past_due{background:#f59e0b26;color:var(--accent)}.admin-units-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-units-header h1{margin-bottom:0}.admin-units-actions{display:flex;gap:10px;align-items:center}.admin-sync-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:.85rem;cursor:pointer;transition:opacity .2s;font-weight:600}.admin-sync-btn:hover:not(:disabled){opacity:.85}.admin-sync-btn:disabled{opacity:.5;cursor:not-allowed}.admin-sync-progress{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--accent);border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:.85rem;color:var(--text-primary)}.admin-sync-result{display:flex;align-items:center;justify-content:space-between;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:.85rem}.admin-sync-result.sync-success{background:#22c55e1a;border:1px solid var(--success);color:var(--success)}.admin-sync-result.sync-error{background:#ef44441a;border:1px solid var(--danger);color:var(--danger)}.admin-sync-dismiss{background:none;border:none;color:inherit;font-size:1rem;cursor:pointer;padding:0 4px;opacity:.7}.admin-sync-dismiss:hover{opacity:1}.admin-unit-thumb{width:36px;height:36px;border-radius:4px;object-fit:cover}.admin-unit-thumb-placeholder{width:36px;height:36px;border-radius:4px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1rem}.admin-unit-name{font-weight:500;white-space:nowrap}.admin-gl-badge{background:#f59e0b33;color:var(--accent);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}.cat-type-1{background:#6366f126;color:#6366f1}.cat-type-2{background:#0ea5e926;color:#0ea5e9}.cat-align-light_side{background:#3b82f626;color:#3b82f6}.cat-align-dark_side{background:#ef444426;color:var(--danger)}.cat-align-neutral{background:#6b728026;color:#6b7280}@media(max-width:768px){.admin-stats{grid-template-columns:1fr}.admin-filters,.admin-grant-form{flex-direction:column}.admin-units-header{flex-direction:column;align-items:flex-start;gap:12px}}.legal-page{max-width:800px;margin:0 auto;padding:40px 24px}.legal-page h1{font-size:1.8rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.legal-page .legal-updated{font-size:.85rem;color:var(--text-secondary);margin-bottom:32px}.legal-page h2{font-size:1.2rem;font-weight:600;color:var(--accent);margin-top:32px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.legal-page h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:20px;margin-bottom:8px}.legal-page p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.legal-page ul{list-style:disc;padding-left:24px;margin-bottom:12px}.legal-page ul li{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:6px}.legal-page a{color:var(--accent);text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-page .legal-contact{margin-top:32px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.legal-page .legal-contact p{margin-bottom:4px}.legal-page .legal-nav{display:flex;gap:16px;margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.legal-page .legal-nav a{font-size:.85rem;color:var(--accent)}.stripe-checkout-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;background:var(--bg-secondary, #1a1a2e);border-radius:8px;max-width:480px;width:100%;margin:0 auto}.stripe-checkout-header{display:flex;flex-direction:column;gap:.25rem}.stripe-checkout-header h3{margin:0;font-size:1.25rem;color:var(--text-primary, #e0e0e0)}.stripe-checkout-tier{font-size:.9rem;color:var(--text-secondary, #a0a0b0)}.stripe-checkout-payment{min-height:120px}.stripe-checkout-consent{display:flex;flex-direction:column;gap:.75rem}.stripe-checkout-consent-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #a0a0b0);cursor:pointer}.stripe-checkout-consent-item input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:var(--color-primary, #4f8ef7);cursor:pointer;flex-shrink:0}.stripe-checkout-consent-item span{line-height:1.4}.stripe-checkout-consent-item a{color:var(--color-primary, #4f8ef7);text-decoration:none;font-size:.75rem}.stripe-checkout-consent-item a:hover{text-decoration:underline}.stripe-checkout-guild-warning{padding:.75rem 1rem;background:#eab3081f;border:1px solid rgba(234,179,8,.4);border-radius:6px;color:#fbbf24;font-size:.875rem;line-height:1.4}.stripe-checkout-error{padding:.75rem 1rem;background:#dc354526;border:1px solid rgba(220,53,69,.4);border-radius:6px;color:#f87171;font-size:.875rem;line-height:1.4}.stripe-checkout-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.stripe-checkout-cancel{flex:0 0 auto}.stripe-checkout-submit{flex:1 1 auto;max-width:240px}.stripe-checkout-submit:disabled{opacity:.5;cursor:not-allowed}.subscription-page{padding:24px;max-width:800px;margin:0 auto}.subscription-page h1{font-size:1.5rem;margin-bottom:24px;color:var(--text-primary)}.subscription-loading{display:flex;justify-content:center;padding:40px}.subscription-error{background:#ef44441a;border:1px solid var(--danger);border-radius:8px;padding:16px;color:var(--danger);font-size:.9rem}.subscription-empty{text-align:center;padding:40px 20px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px}.subscription-empty p{color:var(--text-secondary);font-size:.95rem;margin-bottom:8px}.subscribe-cta{color:var(--accent)!important;font-weight:500}.subscription-summary{margin-bottom:24px}.summary-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:24px}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.summary-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-details{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;align-items:center}.tier-badge{font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.tier-free{background:#9ca3af33;color:var(--text-secondary)}.tier-season{background:#f59e0b26;color:#f59e0b}.tier-monthly{background:#3b82f626;color:#3b82f6}.tier-guild{background:#a855f726;color:#a855f7}.status-badge{font-size:.75rem;padding:3px 8px;border-radius:4px;font-weight:500}.status-active{background:#22c55e26;color:var(--success)}.status-cancelled{background:#ef444426;color:var(--danger)}.status-expired{background:#9ca3af26;color:var(--text-secondary)}.status-past_due{background:#f59e0b26;color:#f59e0b}.effective-badge{font-size:.7rem;padding:2px 6px;border-radius:3px;background:#22c55e26;color:var(--success);font-weight:500}.admin-grant-badge{font-size:.7rem;padding:2px 6px;border-radius:3px;background:#a855f726;color:#a855f7;font-weight:500}.btn-stripe-portal{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:10px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s;width:100%}.btn-stripe-portal:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.btn-stripe-portal:disabled{opacity:.5;cursor:not-allowed}.subscription-overlapping-notice{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:16px;margin-bottom:24px}.overlapping-title{font-size:.9rem;font-weight:600;color:#f59e0b;margin-bottom:4px}.overlapping-hint{font-size:.85rem;color:var(--text-secondary)}.subscription-list{display:flex;flex-direction:column;gap:12px}.subscription-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:20px;transition:border-color .2s}.subscription-card.effective{border-color:var(--success);border-width:2px}.subscription-card.inactive{opacity:.6}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-tier-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.card-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.8rem;color:var(--text-secondary)}.detail-value{font-size:.85rem;color:var(--text-primary)}.guild-warning{background:#f59e0b14;border-radius:4px;padding:8px;margin-top:4px}.guild-warning span{font-size:.8rem;color:#f59e0b}.card-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.btn-cancel{background:transparent;border:1px solid var(--danger);color:var(--danger);padding:8px 16px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .2s}.btn-cancel:hover{background:#ef44441a}.cancel-confirm{background:#ef44440d;border-radius:6px;padding:12px}.cancel-confirm p{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px}.cancel-confirm-actions{display:flex;gap:8px}.btn-cancel-yes{background:var(--danger);border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:opacity .2s}.btn-cancel-yes:hover:not(:disabled){opacity:.85}.btn-cancel-yes:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-no{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:.8rem;cursor:pointer}.cancelled-notice{font-size:.8rem;color:var(--text-secondary);font-style:italic}@media(max-width:768px){.subscription-page{padding:16px}.summary-header,.card-header{flex-direction:column;align-items:flex-start;gap:8px}}.btn-gift{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:10px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s;width:100%;margin-top:8px}.btn-gift:hover{background:var(--accent);border-color:var(--accent)}.gift-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.gift-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:420px;width:100%;animation:slideIn .2s ease-out}.gift-modal h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:8px}.gift-modal-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.4}.gift-input-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px}.gift-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.gift-input:focus{outline:none;border-color:var(--accent)}.gift-input::placeholder{color:var(--text-secondary);opacity:.6}.gift-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:8px 12px;margin-top:10px;font-size:.8rem;color:var(--danger)}.gift-modal-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.btn-gift-cancel{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s}.btn-gift-cancel:hover{background:var(--border)}.btn-gift-submit{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:opacity .2s}.btn-gift-submit:hover:not(:disabled){opacity:.85}.btn-gift-submit:disabled{opacity:.5;cursor:not-allowed}.subscription-page .sync-notification{padding:10px 16px;border-radius:8px;font-size:.85rem;margin-top:16px;display:flex;align-items:center;gap:8px;animation:slideIn .2s ease-out}.subscription-page .sync-notification-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success)}.subscription-page .sync-notification-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gift-checkout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.gift-checkout-container{max-width:480px;width:100%;animation:slideIn .2s ease-out}.subscription-checkout{text-align:center}.subscription-checkout-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.subscription-checkout-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem}.subscription-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.subscription-tier-card{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px;padding:20px 16px;cursor:pointer;transition:all .2s;text-align:center;position:relative}.subscription-tier-card:hover{border-color:var(--text-secondary);transform:translateY(-2px)}.subscription-tier-selected{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent)!important;background:#4f8ef714}.subscription-tier-recommended{border-color:#4f8ef766}.subscription-tier-recommended:not(.subscription-tier-selected){box-shadow:none}.subscription-tier-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:.65rem;font-weight:600;padding:2px 10px;border-radius:10px;white-space:nowrap}.subscription-tier-name{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.subscription-tier-price{margin-bottom:8px}.subscription-price-amount{font-size:1.5rem;font-weight:700;color:var(--accent)}.subscription-price-period{font-size:.8rem;color:var(--text-secondary)}.subscription-tier-guild{font-size:.75rem;color:var(--accent);margin-bottom:8px;font-weight:500}.subscription-tier-desc{font-size:.75rem;color:var(--text-secondary);margin:0}.subscription-checkout-error{color:var(--danger, #e74c3c);font-size:.85rem;margin-bottom:16px}.subscription-checkout-actions{text-align:center}.subscription-checkout-btn{padding:12px 40px;font-size:1rem;font-weight:600;border-radius:10px}.subscription-checkout-btn:disabled{opacity:.5;cursor:not-allowed}.subscription-checkout-active{max-width:500px;margin:0 auto}@media(max-width:768px){.subscription-tier-grid{grid-template-columns:1fr}}.create-war-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.create-war-modal{width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:28px}.create-war-modal h2{font-size:1.2rem;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.create-war-lifecycle-error{padding:12px 14px;background:#f59e0b1a;border:1px solid var(--warning, #f59e0b);border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.lifecycle-error-reason{color:var(--warning, #f59e0b);font-size:.85rem;font-weight:500}.lifecycle-error-countdown{color:var(--text-secondary);font-size:.8rem}.create-war-error{padding:10px 14px;background:#ef44441a;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:.85rem;margin-bottom:16px}.create-war-form{display:flex;flex-direction:column;gap:16px}.create-war-field{display:flex;flex-direction:column;gap:6px}.create-war-field label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.create-war-field .form-input{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.create-war-field .form-input:focus{outline:none;border-color:var(--accent)}.create-war-field .form-input-error{border-color:var(--danger)}.create-war-field .form-input-error:focus{border-color:var(--danger)}.create-war-field-hint{font-size:.75rem;color:var(--text-secondary);opacity:.8}.create-war-field-error{font-size:.75rem;color:var(--danger)}.create-war-actions{display:flex;gap:12px;margin-top:8px}.btn-cancel-war{flex:1;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel-war:hover{border-color:var(--accent)}.create-war-submit{flex:1;padding:10px 16px;font-size:.9rem;font-weight:600}.create-war-submit:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog{background:#1e1e2e;border:1px solid #3a3a5a;border-radius:12px;padding:24px;max-width:420px;width:90%;box-shadow:0 8px 32px #00000080}.confirm-dialog__title{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:#f0f0f0}.confirm-dialog__message{margin:0 0 24px;font-size:.95rem;color:#b0b0c0;line-height:1.5}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:12px}.confirm-dialog__btn{padding:8px 18px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:background .15s ease,transform .1s ease}.confirm-dialog__btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.confirm-dialog__btn--cancel{background:#2a2a3e;color:#d0d0e0;border:1px solid #4a4a6a}.confirm-dialog__btn--cancel:hover{background:#3a3a52}.confirm-dialog__btn--confirm{background:#dc2626;color:#fff}.confirm-dialog__btn--confirm:hover{background:#ef4444}.confirm-dialog__btn:active{transform:scale(.97)}.guild-wars-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.wars-list{display:flex;flex-direction:column;gap:12px}.war-card{position:relative}.war-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.war-card-header h3{font-size:1.1rem;font-weight:600}.war-status{font-size:.75rem;padding:3px 8px;border-radius:4px;font-weight:600;text-transform:capitalize}.status-planning{background:#f59e0b26;color:var(--accent, #f59e0b)}.status-active{background:#22c55e26;color:var(--success, #22c55e)}.status-completed{background:#64748b26;color:var(--text-secondary, #94a3b8)}.war-card-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-secondary)}.war-date{margin-left:auto}.war-code{font-family:monospace;opacity:.7}.war-phase-badge{font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:capitalize;white-space:nowrap}.btn-icon.war-delete-btn{margin-left:auto;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:1rem;opacity:.6;transition:opacity .15s,background .15s}.btn-icon.war-delete-btn:hover{opacity:1;background:#ef44441a}.no-opponent-placeholder{color:var(--text-secondary, #94a3b8);font-style:italic;font-weight:400}.page-header .btn[disabled]{opacity:.5;cursor:not-allowed}.create-war-form{margin-bottom:24px}.create-war-form h3{margin-bottom:12px;font-size:1rem}.form-error{color:var(--danger, #ef4444);font-size:.8rem;margin-bottom:8px}.roster-fetch-progress{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.roster-fetch-progress__header{display:flex;align-items:center;gap:8px}.roster-fetch-progress__indicator{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--text-secondary)}.roster-fetch-progress__indicator--pending{background:var(--text-secondary);opacity:.5}.roster-fetch-progress__indicator--in-progress{background:var(--accent);animation:roster-fetch-pulse 1.2s ease-in-out infinite}.roster-fetch-progress__indicator--completed{background:var(--success)}.roster-fetch-progress__indicator--error{background:var(--danger)}@keyframes roster-fetch-pulse{0%,to{opacity:1}50%{opacity:.35}}.roster-fetch-progress__status-label{font-size:.8rem;font-weight:600;color:var(--text-primary)}.roster-fetch-progress__percentage{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--accent)}.roster-fetch-progress--completed .roster-fetch-progress__percentage{color:var(--success)}.roster-fetch-progress__bar-container{width:100%;height:6px;background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;overflow:hidden}.roster-fetch-progress__bar{height:100%;border-radius:3px;transition:width .3s ease}.roster-fetch-progress__bar--in-progress{background:var(--accent)}.roster-fetch-progress__bar--completed{background:var(--success)}.roster-fetch-progress__bar--error{background:var(--danger)}.roster-fetch-progress__counts{display:flex;flex-wrap:wrap;gap:10px;font-size:.7rem;color:var(--text-secondary)}.roster-fetch-progress__count--completed{color:var(--success)}.roster-fetch-progress__count--fetching{color:var(--accent)}.roster-fetch-progress__count--errored{color:var(--danger)}.roster-fetch-progress__count--total{color:var(--text-secondary)}.roster-fetch-progress__pending-message{font-size:.72rem;color:var(--text-secondary)}.roster-fetch-progress__error{display:flex;align-items:center;gap:8px}.roster-fetch-progress__error-text{font-size:.72rem;color:var(--danger)}.roster-fetch-progress__retry{font-size:.68rem;font-weight:600;color:var(--accent);background:none;border:1px solid var(--accent);border-radius:4px;padding:2px 8px;cursor:pointer;transition:all .15s}.roster-fetch-progress__retry:hover{background:var(--accent);color:var(--bg-primary)}.guild-summary{margin-top:8px}.guild-summary--loading,.guild-summary--error{font-size:.8rem;color:var(--text-secondary, #94a3b8);padding:6px 0}.guild-summary--error{color:var(--danger, #ef4444)}.guild-summary__bar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;cursor:pointer;font-size:.8rem;flex-wrap:wrap;transition:border-color .15s}.guild-summary__bar:hover{border-color:var(--accent, #3b82f6)}.guild-summary__gp{white-space:nowrap}.guild-summary__separator{color:var(--text-secondary, #64748b);opacity:.4}.guild-summary__section{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.guild-summary__icon-badge{position:relative;display:inline-flex;align-items:center}.guild-summary__icon-badge img{width:22px;height:22px;border-radius:3px}.guild-summary__count{position:absolute;bottom:-2px;right:-4px;background:var(--bg-primary, #0f172a);color:var(--text-primary, #e2e8f0);font-size:.6rem;font-weight:700;padding:0 3px;border-radius:3px;line-height:1.2;border:1px solid var(--border-color, #334155)}.guild-summary__placeholder{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #151525);border-radius:3px;font-size:.55rem;font-weight:600}.guild-summary__empty{color:var(--text-secondary, #64748b);font-style:italic}.guild-summary__expand{margin-left:auto;font-size:.7rem;color:var(--text-secondary, #64748b)}.guild-summary__members{margin-top:6px;border:1px solid var(--border-color, #334155);border-radius:6px;overflow:hidden;max-height:400px;overflow-y:auto}.guild-summary__members-header{display:grid;grid-template-columns:30px 1fr 80px 50px 120px;padding:6px 10px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary, #94a3b8);background:var(--bg-elevated, #1e293b);border-bottom:1px solid var(--border-color, #334155);position:sticky;top:0}.guild-summary__member-row{display:grid;grid-template-columns:30px 1fr 80px 50px 120px;padding:5px 10px;font-size:.8rem;align-items:center;border-bottom:1px solid var(--border-color, #334155)}.guild-summary__member-row:last-child{border-bottom:none}.guild-summary__member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-summary__member-gp{font-family:monospace;font-size:.75rem}.guild-summary__member-gl{text-align:center;font-weight:600}.guild-summary__member-fleet{display:flex;gap:3px;align-items:center}.guild-summary__mini-icon{width:18px;height:18px;border-radius:2px}.guild-summary__fleet-tag{font-size:.6rem;background:var(--bg-tertiary, #151525);padding:1px 4px;border-radius:3px}.guild-summary__member-reg{display:flex;justify-content:center;cursor:pointer}.guild-summary__member-reg input{cursor:pointer}.guild-summary__member-row--excluded{opacity:.4;text-decoration:line-through}.guild-summary__member-count{font-size:.7rem;color:var(--text-secondary, #94a3b8);font-weight:400}.sector-path{cursor:pointer;outline:none}.sector-path__fill{transition:fill .2s ease,opacity .2s ease,filter .2s ease,stroke .15s ease,stroke-width .15s ease;stroke:#64a0ff80;stroke-width:.8}.sector-path:hover .sector-path__fill{filter:brightness(1.4);stroke:#ffffffb3;stroke-width:1.5}.sector-path:focus-visible .sector-path__fill{stroke:var(--accent, #f59e0b);stroke-width:2}.sector-path--empty .sector-path__fill{fill:#3b82f61a}.sector-path--partial .sector-path__fill{fill:#3b82f659}.sector-path--full .sector-path__fill{fill:#3b82f699}.sector-path--fleet .sector-path__fill{stroke:#fbbf2480}.sector-path--fleet:hover .sector-path__fill{stroke:#fbbf24e6}.sector-path--fleet.sector-path--empty .sector-path__fill{fill:#fbbf2414}.sector-path--fleet.sector-path--partial .sector-path__fill{fill:#fbbf244d}.sector-path--fleet.sector-path--full .sector-path__fill{fill:#fbbf248c}.sector-path__fleet-accent{fill:none;stroke:#fbbf24;stroke-width:1.5;opacity:.6;pointer-events:none}.sector-path--selected .sector-path__fill{stroke:#f59e0b;stroke-width:2;filter:brightness(1.15)}.sector-path__selection-border{fill:none;stroke:#f59e0b;stroke-width:2;stroke-dasharray:4 2;opacity:.8;pointer-events:none;animation:sector-path-pulse 1.5s ease-in-out infinite}@keyframes sector-path-pulse{0%,to{opacity:.8}50%{opacity:.4}}.sector-path--locked{cursor:not-allowed;opacity:.4}.sector-path--locked .sector-path__fill{fill:#6b728040;stroke:#6b72804d}.sector-path--locked:hover .sector-path__fill{filter:none;stroke:#6b72804d;stroke-width:.8}.sector-path--cleared{opacity:.55}.sector-path--cleared .sector-path__fill{fill:#10b98126;stroke:#10b98159}.sector-path--cleared:hover .sector-path__fill{filter:none;stroke:#10b98159;stroke-width:.8}.sector-path__label{fill:var(--text-primary, #e2e8f0);pointer-events:none;-webkit-user-select:none;user-select:none}.sector-path__fill-count{fill:var(--text-secondary, #94a3b8);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8}.sector-path--fleet .sector-path__label{fill:#fbbf24}.sector-path--locked .sector-path__label{fill:#9ca3af}.sector-path--cleared .sector-path__label{fill:#10b981}.sector-path__lock-icon{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8}.sector-path__cleared-icon{fill:#10b981;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:700}.territory-map__circle--attack .sector-path__fill{stroke:#ef444480}.territory-map__circle--attack .sector-path:hover .sector-path__fill{stroke:#ffffffb3}.territory-map__circle--attack .sector-path--empty .sector-path__fill{fill:#ef44441a}.territory-map__circle--attack .sector-path--partial .sector-path__fill{fill:#ef444459}.territory-map__circle--attack .sector-path--full .sector-path__fill{fill:#ef444499}.territory-map{position:relative;width:100%;margin:0 auto}.territory-map__svg{width:100%;height:auto;display:block}.territory-map__circle{transition:opacity .2s ease}.territory-map__title,.territory-map__footer{pointer-events:none;-webkit-user-select:none;user-select:none}.territory-map__tooltip{position:absolute;padding:6px 10px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border, #3a4a5c);border-radius:6px;font-size:.75rem;color:var(--text-primary, #e2e8f0);pointer-events:none;white-space:nowrap;z-index:10;box-shadow:0 2px 8px #0000004d;transform:translate(-50%,-100%);margin-top:-8px}.territory-map__tooltip-text{font-weight:500}.tw-battle-form{background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:8px;padding:16px}.tw-battle-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:12px}.tw-battle-field{display:flex;flex-direction:column;gap:4px}.tw-battle-field label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary, #94a3b8)}.tw-battle-field select,.tw-battle-field input[type=number]{padding:6px 10px;border:1px solid var(--border-color, #334155);border-radius:6px;background:var(--bg-primary, #0f172a);color:var(--text-primary, #e2e8f0);font-size:.85rem}.tw-battle-field select:focus,.tw-battle-field input[type=number]:focus{outline:none;border-color:var(--accent, #3b82f6)}.tw-battle-result-toggle{display:flex;gap:4px}.tw-toggle-btn{flex:1;padding:6px 12px;border:1px solid var(--border-color, #334155);border-radius:6px;background:var(--bg-primary, #0f172a);color:var(--text-secondary, #94a3b8);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s ease}.tw-toggle-btn:hover{border-color:var(--text-secondary, #94a3b8)}.tw-toggle-btn.active.win{background:#22c55e26;border-color:#22c55e;color:#22c55e}.tw-toggle-btn.active.loss{background:#ef444426;border-color:#ef4444;color:#ef4444}.tw-battle-type-badge{display:inline-flex;align-items:center;padding:6px 10px;background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;font-size:.85rem;color:var(--text-primary, #e2e8f0)}.tw-banner-display{padding:8px 12px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:6px;margin-bottom:12px}.tw-banner-display.tw-banner-loss{background:#ef444414;border-color:#ef444433}.tw-banner-formula{font-size:.85rem;color:var(--text-primary, #e2e8f0)}.tw-banner-formula strong{color:#22c55e}.tw-banner-loss .tw-banner-formula{color:var(--text-secondary, #94a3b8)}.tw-battle-form-actions{display:flex;align-items:center;gap:12px}.tw-battle-success{color:#22c55e;font-size:.85rem;font-weight:500}.tw-battle-error{color:#ef4444;font-size:.85rem}.tw-results-table{border:1px solid var(--border-color, #334155);border-radius:8px;overflow:hidden;margin-top:16px}.tw-results-header{display:grid;grid-template-columns:60px 80px 60px 60px 70px 70px 70px 1fr;padding:8px 12px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary, #94a3b8);background:var(--bg-elevated, #1e293b);border-bottom:1px solid var(--border-color, #334155)}.tw-results-row{display:grid;grid-template-columns:60px 80px 60px 60px 70px 70px 70px 1fr;padding:6px 12px;font-size:.8rem;align-items:center;border-bottom:1px solid var(--border-color, #334155)}.tw-results-row:last-child{border-bottom:none}.tw-result-won{color:#22c55e;font-weight:600}.tw-result-lost{color:#ef4444;font-weight:600}.tw-results-empty{padding:16px;text-align:center;color:var(--text-secondary, #94a3b8);font-size:.85rem}.tw-results-zone-group{margin-bottom:12px}.tw-results-zone-title{font-size:.8rem;font-weight:600;padding:6px 12px;background:var(--bg-primary, #0f172a);border-bottom:1px solid var(--border-color, #334155);color:var(--text-secondary, #94a3b8)}.squad-library-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.squad-library-panel{background:#1e1e2e;border:1px solid #3a3a5a;border-radius:12px;width:90%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0009;outline:none}.squad-library-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #2a2a3e}.squad-library-title{margin:0;font-size:1.2rem;font-weight:600;color:#f0f0f0}.squad-library-close-btn{background:none;border:none;color:#88a;font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s ease,background .15s ease}.squad-library-close-btn:hover{color:#f0f0f0;background:#2a2a3e}.squad-library-close-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.squad-library-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid #2a2a3e}.squad-library-tab{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#88a;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease}.squad-library-tab:hover{color:#c0c0d0}.squad-library-tab.active{color:#60a5fa;border-bottom-color:#60a5fa}.squad-library-tab:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}.squad-library-content{flex:1;overflow-y:auto;padding:12px 20px 20px}.squad-library-loading,.squad-library-error,.squad-library-empty{text-align:center;padding:32px 16px;color:#88a;font-size:.9rem}.squad-library-error{color:#f87171}.squad-library-add-btn{display:block;width:100%;padding:10px 16px;margin-bottom:12px;background:#2a2a42;border:1px dashed #4a4a6a;border-radius:8px;color:#60a5fa;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.squad-library-add-btn:hover{background:#33334f;border-color:#60a5fa}.squad-library-add-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.squad-library-list{display:flex;flex-direction:column;gap:8px}.squad-library-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#252538;border:1px solid #33334a;border-radius:8px;transition:background .15s ease,border-color .15s ease}.squad-library-row:hover{background:#2a2a42;border-color:#4a4a6a}.squad-library-row-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.squad-library-row-name{font-size:.9rem;font-weight:500;color:#e0e0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-library-row-units{display:flex;gap:4px;flex-wrap:wrap}.squad-library-row-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-left:12px}.squad-library-unit-portrait{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid #4a4a6a;background:#1a1a2a}.squad-library-unit-portrait.leader{width:36px;height:36px;border-color:#fbbf24}.squad-library-unit-fallback{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#2a2a3e;border:1.5px solid #4a4a6a;color:#88a;font-size:.65rem;font-weight:600;text-transform:uppercase}.squad-library-unit-fallback.leader{width:36px;height:36px;border-color:#fbbf24;color:#fbbf24}.squad-library-row-availability{display:flex;align-items:center;gap:4px;font-size:.95rem;font-weight:600}.squad-library-avail-full{color:#4ade80}.squad-library-avail-separator{color:#6b7280}.squad-library-avail-partial{color:#fbbf24}.squad-library-row-crud{display:flex;gap:4px}.squad-library-edit-btn,.squad-library-delete-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:.85rem;line-height:1;transition:background .15s ease}.squad-library-edit-btn:hover{background:#33334f}.squad-library-delete-btn:hover{background:#3d2020}.squad-library-edit-btn:focus-visible,.squad-library-delete-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.squad-library-form{background:#252538;border:1px solid #4a4a6a;border-radius:8px;padding:16px;margin-bottom:12px}.squad-library-form-title{margin:0 0 12px;font-size:1rem;font-weight:600;color:#e0e0f0}.squad-library-form-error{margin-bottom:10px;padding:8px 12px;background:#3d2020;border:1px solid #f8717155;border-radius:6px;color:#f87171;font-size:.85rem}.squad-library-form-field{margin-bottom:10px}.squad-library-form-field label{display:block;margin-bottom:4px;font-size:.8rem;font-weight:500;color:#88a}.squad-library-form-field input,.squad-library-form-field select{width:100%;padding:8px 10px;background:#1a1a2a;border:1px solid #3a3a5a;border-radius:6px;color:#e0e0f0;font-size:.85rem;outline:none;transition:border-color .15s ease}.squad-library-form-field input:focus,.squad-library-form-field select:focus{border-color:#60a5fa}.squad-library-form-field input::placeholder{color:#555570}.squad-library-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.squad-library-form-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s ease,opacity .15s ease}.squad-library-form-btn:disabled{opacity:.5;cursor:not-allowed}.squad-library-form-btn--cancel{background:#2a2a3e;color:#88a}.squad-library-form-btn--cancel:hover:not(:disabled){background:#33334f;color:#c0c0d0}.squad-library-form-btn--save{background:#2563eb;color:#fff}.squad-library-form-btn--save:hover:not(:disabled){background:#1d4ed8}.squad-library-form-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.squad-library-row-wrapper{display:flex;flex-direction:column;gap:0}.squad-library-avail-btn{background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:600;padding:2px 6px;border-radius:4px;transition:background .15s ease,opacity .15s ease}.squad-library-avail-btn:disabled{opacity:.4;cursor:default}.squad-library-avail-btn.squad-library-avail-full{color:#4ade80}.squad-library-avail-btn.squad-library-avail-partial{color:#fbbf24}.squad-library-avail-btn:not(:disabled):hover{background:#2a2a42}.squad-library-avail-btn.active{background:#2a2a42;outline:1px solid currentColor;outline-offset:-1px}.squad-library-avail-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.squad-library-drilldown{background:#1c1c30;border:1px solid #33334a;border-top:none;border-radius:0 0 8px 8px;padding:8px 12px;margin-top:-1px;max-height:240px;overflow-y:auto}.squad-library-drilldown-loading,.squad-library-drilldown-error,.squad-library-drilldown-empty{text-align:center;padding:12px 8px;font-size:.8rem;color:#88a}.squad-library-drilldown-error{color:#f87171}.squad-library-drilldown-list{display:flex;flex-direction:column;gap:6px}.squad-library-player-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#252538;border-radius:6px;transition:background .15s ease}.squad-library-player-row:hover{background:#2a2a42}.squad-library-player-name{font-size:.8rem;font-weight:500;color:#d0d0e0;min-width:80px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.squad-library-player-units{display:flex;gap:4px;flex:1;flex-wrap:wrap;align-items:center}.squad-library-player-score{font-size:.75rem;font-weight:600;color:#a78bfa;flex-shrink:0;white-space:nowrap}.squad-library-unit-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.squad-library-unit-container.leader .squad-library-unit-portrait{width:32px;height:32px;border-color:#fbbf24}.squad-library-unit-relic{position:absolute;bottom:-2px;right:-2px;font-size:.55rem;font-weight:700;color:#fff;background:#7c3aed;border-radius:3px;padding:0 3px;line-height:1.3;white-space:nowrap}.squad-library-unit-fallback .squad-library-unit-relic{position:absolute;bottom:-4px;right:-4px}.squad-library-unit-fallback{position:relative}.squad-library-assign-panel{background:#1c1c30;border:1px solid #33334a;border-top:none;border-radius:0 0 8px 8px;padding:10px 12px;margin-top:-1px}.squad-library-assign-controls{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid #2a2a3e;margin-bottom:8px}.squad-library-assign-qty-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#c0c0d0}.squad-library-assign-qty-input{width:50px;padding:4px 6px;background:#1a1a2a;border:1px solid #3a3a5a;border-radius:4px;color:#e0e0f0;font-size:.85rem;text-align:center;outline:none}.squad-library-assign-qty-input:focus{border-color:#60a5fa}.squad-library-assign-qty-hint{font-size:.7rem;color:#6b7280}.squad-library-assign-confirm-btn{margin-left:auto;padding:5px 14px;background:#2563eb;border:none;border-radius:5px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s ease,opacity .15s ease}.squad-library-assign-confirm-btn:hover:not(:disabled){background:#1d4ed8}.squad-library-assign-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.squad-library-assign-confirm-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.squad-library-assign-players{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.squad-library-assign-player-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background .1s ease}.squad-library-assign-player-row:hover{background:#252538}.squad-library-assign-player-row input[type=checkbox]{width:14px;height:14px;accent-color:#60a5fa;cursor:pointer}.squad-library-assign-player-name{color:#d0d0e0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-library-assign-player-score{color:#a78bfa;font-weight:600;font-size:.75rem;flex-shrink:0}.squad-form-unit-slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.squad-form-unit-chip{display:flex;align-items:center;gap:6px;background:#2a2a3e;border:1px solid #3a3a5a;border-radius:8px;padding:4px 8px 4px 4px;transition:background .15s}.squad-form-unit-chip--leader{border-color:#f59e0b;background:#f59e0b14}.squad-form-unit-chip--alt{border-color:#8b5cf6;background:#8b5cf614}.squad-form-unit-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid #4a4a6a}.squad-form-unit-chip--leader .squad-form-unit-img{border-color:#f59e0b}.squad-form-unit-placeholder{width:32px;height:32px;border-radius:50%;background:#1e1e2e;border:1.5px solid #4a4a6a;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#88a}.squad-form-unit-name{font-size:.75rem;color:#c0c0d0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-form-unit-remove{background:none;border:none;color:#88a;font-size:.8rem;cursor:pointer;padding:2px 4px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.squad-form-unit-remove:hover{color:#ef4444;background:#ef44441a}.squad-form-add-unit-btn{background:#1e1e2e;border:1px dashed #4a4a6a;border-radius:8px;padding:6px 12px;color:#88a;font-size:.8rem;cursor:pointer;transition:all .15s}.squad-form-add-unit-btn:hover:not(:disabled){border-color:#60a5fa;color:#60a5fa;background:#60a5fa0d}.squad-form-add-unit-btn:disabled{opacity:.4;cursor:not-allowed}.squad-library-row--assignable{cursor:pointer;transition:background .15s}.squad-library-row--assignable:hover{background:#60a5fa0f}.squad-library-assign-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px}.squad-library-assign-empty p{margin:0;font-size:.8rem;color:#88a;text-align:center}.sector-defense-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.sector-defense-modal{background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.sector-defense-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #334155);gap:12px}.sector-defense-modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.sector-defense-capacity{font-size:.8rem;color:var(--text-secondary, #94a3b8);background:#ffffff0d;padding:4px 10px;border-radius:12px;white-space:nowrap}.sector-defense-close-btn{background:none;border:none;color:var(--text-secondary, #94a3b8);font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;margin-left:auto}.sector-defense-close-btn:hover{color:var(--text-primary, #e2e8f0);background:#ffffff0d}.sector-defense-modal-body{padding:12px 16px;overflow-y:auto}.sector-defense-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.sector-defense-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media(max-width:500px){.sector-defense-grid{grid-template-columns:1fr}}.sector-defense-tile{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:var(--bg-surface, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;transition:border-color .15s ease,background .15s ease}.sector-defense-tile--placed{border-color:#4ade8066;background:#4ade800d}.sector-defense-tile-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.sector-defense-tile-player{font-size:.65rem;color:var(--text-secondary, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sector-defense-tile-actions{display:flex;gap:2px;flex-shrink:0}.sector-defense-tile-btn{background:none;border:1px solid transparent;cursor:pointer;padding:1px 4px;border-radius:3px;font-size:.65rem;line-height:1;transition:background .15s ease,border-color .15s ease}.sector-defense-tile-btn--placed{color:#4ade80}.sector-defense-tile-btn--placed:hover{background:#4ade801a;border-color:#4ade804d}.sector-defense-tile-btn--placed.active{background:#4ade8026;border-color:#4ade8080}.sector-defense-tile-btn--remove{color:#f87171}.sector-defense-tile-btn--remove:hover{background:#f871711a;border-color:#f871714d}.sector-defense-tile-btn:focus-visible{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.sector-defense-tile-portraits{display:flex;align-items:center;gap:2px}.sector-defense-tile-score{font-size:.6rem;color:#a78bfa;font-weight:600;margin-left:auto}.sector-defense-portrait-wrap{position:relative;display:inline-block}.sector-defense-portrait{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-color, #334155)}.sector-defense-portrait.leader{border-color:var(--accent, #f59e0b)}.sector-defense-portrait-fallback{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary, #1e293b);border:1.5px solid var(--border-color, #334155);display:flex;align-items:center;justify-content:center;font-size:.45rem;color:var(--text-secondary, #94a3b8)}.sector-defense-portrait-fallback.leader{border-color:var(--accent, #f59e0b)}.sector-defense-relic{position:absolute;bottom:-1px;right:-1px;min-width:12px;height:12px;display:flex;align-items:center;justify-content:center;background:var(--accent, #f59e0b);color:#000;font-size:.5rem;font-weight:700;border-radius:50%;line-height:1;padding:0 2px;border:1px solid var(--bg-surface, #0f172a);pointer-events:none}.sector-defense-empty{color:var(--text-secondary, #94a3b8);font-size:.9rem;text-align:center;padding:24px}.sector-defense-add-squad-btn{display:flex;align-items:center;justify-content:center;padding:8px 10px;background:#3b82f61a;border:1px dashed rgba(59,130,246,.4);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:.8rem;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.sector-defense-add-squad-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f6b3}.sector-defense-add-squad-btn:disabled{opacity:.5;cursor:not-allowed}.sector-defense-add-squad-btn:focus-visible{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.sector-defense-custom-btn{border-color:#a78bfa66;background:#a78bfa1a}.sector-defense-custom-btn:hover:not(:disabled){background:#a78bfa33;border-color:#a78bfab3}.sector-defense-custom-form{margin-bottom:12px;padding:10px;background:#ffffff08;border:1px solid var(--border-color, #334155);border-radius:6px}.sector-defense-custom-title{margin:0 0 10px;font-size:.9rem;font-weight:600;color:var(--text-primary, #e2e8f0)}.sector-defense-custom-field{margin-bottom:8px}.sector-defense-custom-field label{display:block;margin-bottom:3px;font-size:.75rem;color:var(--text-secondary, #94a3b8)}.sector-defense-custom-field input{width:100%;padding:6px 10px;background:var(--bg-surface, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:.85rem;outline:none;transition:border-color .15s ease}.sector-defense-custom-field input:focus{border-color:#60a5fa}.sector-defense-custom-field input::placeholder{color:#555570}.sector-defense-custom-actions{display:flex;gap:8px;margin-top:10px}.counter-entry-form{width:100%;max-width:520px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px}.counter-entry-form--compact{max-width:100%;padding:12px;border-radius:8px}.counter-entry-form--compact .counter-entry-form-title{font-size:.85rem;margin-bottom:10px}.counter-entry-form--compact .counter-form-section{margin-bottom:10px}.counter-entry-form--compact .counter-form-section-label{font-size:.7rem;margin-bottom:4px}.counter-entry-form--compact .counter-form-squad-slots{gap:4px;flex-wrap:nowrap}.counter-entry-form--compact .squad-slot{width:48px;min-width:48px}.counter-entry-form--compact .slot-content{min-height:56px;padding:4px 2px;gap:2px}.counter-entry-form--compact .char-portrait{width:32px;height:32px}.counter-entry-form--compact .empty-portrait{width:32px;height:32px;font-size:1rem}.counter-entry-form--compact .char-name{font-size:.55rem;max-height:1.2em}.counter-entry-form--compact .slot-label{font-size:.55rem}.counter-entry-form--compact .leader-badge,.counter-entry-form--compact .remove-btn{width:14px;height:14px;font-size:.5rem}.counter-entry-form--compact .counter-form-actions{margin-top:10px;gap:8px}.counter-entry-form--compact .btn-cancel-counter,.counter-entry-form--compact .counter-form-submit{padding:6px 12px;font-size:.75rem}.counter-entry-form-title{font-size:1.1rem;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.counter-form-section{margin-bottom:20px}.counter-form-section-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.counter-form-squad-slots{display:flex;gap:8px;flex-wrap:wrap}.counter-form-video-list{display:flex;flex-direction:column;gap:8px}.counter-form-video-row{display:flex;flex-direction:column;gap:4px}.counter-form-video-row>.counter-form-video-input{flex:1;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;box-sizing:border-box}.counter-form-video-row>.counter-form-video-input:focus{outline:none;border-color:var(--accent)}.counter-form-video-row>.counter-form-video-input.form-input-error{border-color:var(--danger)}.counter-form-video-row>.counter-form-video-input.form-input-error:focus{border-color:var(--danger)}.counter-form-video-row{position:relative}.counter-form-video-remove{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s}.counter-form-video-remove:hover{color:var(--danger);background:#ef44441a}.counter-form-video-error{font-size:.75rem;color:var(--danger);padding-left:2px}.counter-form-add-video-btn{margin-top:8px;padding:6px 12px;background:none;border:1px dashed var(--border);border-radius:6px;color:var(--accent);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.counter-form-add-video-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb, 59, 130, 246),.05)}.counter-form-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel-counter{flex:1;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel-counter:hover{border-color:var(--accent)}.counter-form-submit{flex:1;padding:10px 16px;font-size:.9rem;font-weight:600}.counter-form-submit:disabled{opacity:.5;cursor:not-allowed}.opp-defense-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.opp-defense-modal{background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.opp-defense-modal--wide{max-width:960px}.opp-defense-content-row{display:flex;flex:1;overflow:hidden;min-height:0}.opp-defense-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #334155);gap:12px}.opp-defense-summary{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--border-color, #334155);overflow-x:auto;flex-wrap:wrap;min-height:52px}.opp-defense-summary-item{display:flex;align-items:center;gap:2px;position:relative}.opp-defense-summary-item .opp-defense-portrait{width:36px;height:36px}.opp-defense-summary-item .opp-defense-portrait-fallback{width:36px;height:36px;font-size:.6rem}.opp-defense-summary-count{font-size:.65rem;font-weight:700;color:#ef4444;position:absolute;bottom:-2px;right:-6px;background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:4px;padding:0 3px;line-height:1.3}.opp-defense-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #e2e8f0)}.opp-defense-fill-badge{font-size:.8rem;color:var(--text-secondary, #94a3b8);background:#ffffff0d;padding:4px 10px;border-radius:12px;white-space:nowrap}.opp-defense-close-btn{background:none;border:none;color:var(--text-secondary, #94a3b8);font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;margin-left:auto}.opp-defense-close-btn:hover{color:var(--text-primary, #e2e8f0);background:#ffffff0d}.opp-defense-body{padding:12px 16px;overflow-y:auto;flex:1;min-width:0}.opp-defense-loading{text-align:center;color:var(--text-secondary, #94a3b8);padding:32px 16px;font-size:.9rem}.opp-defense-grid-wrapper{position:relative}.opp-defense-grid--dimmed{opacity:.4;pointer-events:none}.opp-defense-refresh-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.opp-defense-spinner{width:24px;height:24px;border:3px solid rgba(239,68,68,.2);border-top-color:#ef4444;border-radius:50%;animation:opp-spin .6s linear infinite}@keyframes opp-spin{to{transform:rotate(360deg)}}.opp-defense-empty{text-align:center;color:var(--text-secondary, #94a3b8);padding:32px 16px;font-size:.9rem}.opp-defense-error{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:#f87171;font-size:.85rem}.opp-defense-error-dismiss{background:none;border:none;color:#f87171;cursor:pointer;margin-left:auto;font-size:1rem}.opp-defense-actions{margin-bottom:12px}.opp-defense-add-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;background:#ef44441a;border:1px dashed rgba(239,68,68,.4);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}.opp-defense-add-btn:hover:not(:disabled){background:#ef444433;border-color:#ef4444b3}.opp-defense-add-btn:disabled{opacity:.5;cursor:not-allowed}.opp-defense-form{margin-bottom:16px;padding:12px;background:#ffffff08;border:1px solid var(--border-color, #334155);border-radius:8px}.opp-defense-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.opp-defense-form-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary, #e2e8f0)}.opp-defense-form-cancel{background:none;border:none;color:var(--text-secondary, #94a3b8);font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px}.opp-defense-form-cancel:hover{color:#f87171;background:#f871711a}.opp-defense-type-toggle{display:flex;gap:4px;margin-bottom:12px;background:var(--bg-surface, #0f172a);border-radius:6px;padding:3px}.opp-defense-type-btn{flex:1;padding:6px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary, #94a3b8);font-size:.8rem;cursor:pointer;transition:background .15s,color .15s}.opp-defense-type-btn.active{background:#ef444433;color:#ef4444;font-weight:600}.opp-defense-type-btn:hover:not(.active){background:#ffffff0d}.opp-defense-field{margin-bottom:10px}.opp-defense-field label{display:block;margin-bottom:4px;font-size:.75rem;color:var(--text-secondary, #94a3b8);font-weight:500}.opp-defense-input,.opp-defense-select{width:100%;padding:7px 10px;background:var(--bg-surface, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:.85rem;outline:none;transition:border-color .15s}.opp-defense-input:focus,.opp-defense-select:focus{border-color:#ef4444}.opp-defense-input::placeholder{color:#555570}.opp-defense-select-unit-btn{padding:6px 12px;background:#ffffff0d;border:1px dashed var(--border-color, #334155);border-radius:6px;color:var(--text-secondary, #94a3b8);font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s}.opp-defense-select-unit-btn:hover{background:#ef44441a;border-color:#ef444466;color:var(--text-primary, #e2e8f0)}.opp-defense-unit-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.opp-defense-unit-chip{display:flex;align-items:center;gap:4px;padding:3px 8px 3px 3px;background:var(--bg-surface, #0f172a);border:1px solid var(--border-color, #334155);border-radius:16px;font-size:.75rem;color:var(--text-primary, #e2e8f0)}.opp-defense-chip-remove{background:none;border:none;color:#f87171;cursor:pointer;font-size:.7rem;padding:0 2px;line-height:1}.opp-defense-chip-remove:hover{color:#ef4444}.opp-defense-form-actions{margin-top:12px;display:flex;justify-content:flex-end}.opp-defense-submit-btn{padding:8px 16px;background:#ef4444;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.opp-defense-submit-btn:hover:not(:disabled){background:#dc2626}.opp-defense-submit-btn:disabled{opacity:.5;cursor:not-allowed}.opp-defense-grid{display:flex;flex-direction:column;gap:8px}.opp-defense-squad-card{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--bg-surface, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;transition:border-color .15s}.opp-defense-squad-card:hover{border-color:#ef444466}.opp-defense-squad-top{display:flex;align-items:center;gap:8px}.opp-defense-squad-player{font-size:.75rem;color:var(--text-secondary, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-defense-squad-type-badge{font-size:.65rem;padding:2px 6px;border-radius:8px;background:#ef444426;color:#ef4444;font-weight:600;text-transform:uppercase;margin-left:auto}.opp-defense-squad-portraits{display:flex;align-items:center;gap:3px}.opp-defense-squad-separator{color:var(--text-secondary, #94a3b8);font-size:.7rem;margin:0 4px}.opp-defense-portrait-wrap{position:relative;display:inline-block}.opp-defense-portrait{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-color, #334155)}.opp-defense-portrait.leader{border-color:#ef4444}.opp-defense-portrait-fallback{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary, #1e293b);border:1.5px solid var(--border-color, #334155);display:flex;align-items:center;justify-content:center;font-size:.5rem;color:var(--text-secondary, #94a3b8)}.opp-defense-portrait-fallback.leader{border-color:#ef4444}.opp-defense-squad-actions{display:flex;align-items:center;gap:6px}.opp-defense-action-btn{background:none;border:1px solid transparent;cursor:pointer;padding:3px 8px;border-radius:4px;font-size:.75rem;line-height:1;transition:background .15s,border-color .15s;color:var(--text-secondary, #94a3b8)}.opp-defense-edit-btn:hover{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa4d}.opp-defense-remove-btn:hover{color:#f87171;background:#f871711a;border-color:#f871714d}.opp-defense-plan-btn{margin-left:auto;color:#4ade80;font-weight:500}.opp-defense-plan-btn:hover{background:#4ade801a;border-color:#4ade804d}.opp-defense-empty-slot{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff03;border:1px dashed var(--border-color, #334155);border-radius:6px;min-height:44px}.opp-defense-slot-number{font-size:.7rem;color:var(--text-secondary, #94a3b8);font-weight:600;min-width:22px}.opp-defense-empty-label{color:var(--text-secondary, #94a3b8);font-size:.8rem}.opp-defense-empty-add-btn{padding:4px 10px;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:var(--text-primary, #e2e8f0);font-size:.75rem;cursor:pointer;transition:background .15s}.opp-defense-empty-add-btn:hover{background:#ef444433}.opp-defense-player-select{padding:3px 6px;background:var(--bg-surface, #0f172a);border:1px solid var(--border-color, #334155);border-radius:4px;color:var(--text-primary, #e2e8f0);font-size:.75rem;max-width:140px;outline:none}.opp-defense-player-select:focus{border-color:#ef4444}.opp-defense-relic-badge{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:700;background:#1e293b;border:1px solid #475569;border-radius:3px;padding:0 3px;color:#94a3b8;line-height:1.3}.opp-defense-relic-badge.mid{color:#fbbf24;border-color:#fbbf24}.opp-defense-relic-badge.high{color:#f87171;border-color:#f87171}.opp-defense-dup-popover{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;background:var(--bg-surface, #0f172a);border:1px solid rgba(96,165,250,.3);border-radius:6px}.opp-defense-dup-label{font-size:.75rem;color:var(--text-secondary, #94a3b8)}.opp-defense-dup-input{width:40px;padding:3px 5px;background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:4px;color:var(--text-primary, #e2e8f0);font-size:.8rem;text-align:center}.opp-defense-dup-confirm{background:#4ade80;border:none;color:#000;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600;cursor:pointer}.opp-defense-dup-cancel{background:none;border:none;color:var(--text-secondary, #94a3b8);font-size:.85rem;cursor:pointer}.opp-defense-dup-btn:hover{color:#93c5fd;background:#60a5fa1a;border-color:#60a5fa4d}.opp-defense-slot-form{padding:10px;background:#ef444408;border:1px solid rgba(239,68,68,.3);border-radius:8px;display:flex;flex-direction:column;gap:8px}.opp-defense-slot-form-header{display:flex;align-items:center;gap:8px}.opp-defense-slot-form-actions{display:flex;justify-content:flex-end}.opp-defense-squad-builder{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.opp-defense-add-unit-btn{width:30px;height:30px;border-radius:50%;border:1px dashed var(--border-color, #334155);background:#ffffff08;color:var(--text-secondary, #94a3b8);font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.opp-defense-add-unit-btn:hover{border-color:#ef4444;background:#ef44441a;color:var(--text-primary, #e2e8f0)}.opp-defense-add-unit-btn.leader{border-color:#ef444480}.opp-defense-unit-chip{display:flex;align-items:center;gap:2px;cursor:pointer;position:relative}.opp-defense-unit-chip:hover .opp-defense-chip-x{opacity:1}.opp-defense-chip-label{font-size:.7rem;color:var(--text-primary, #e2e8f0);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-defense-chip-x{position:absolute;top:-4px;right:-4px;font-size:.55rem;background:#ef4444;color:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.opp-defense-add-btn:focus-visible,.opp-defense-submit-btn:focus-visible,.opp-defense-action-btn:focus-visible,.opp-defense-close-btn:focus-visible,.opp-defense-select-unit-btn:focus-visible{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}@media(max-width:500px){.opp-defense-modal{max-width:100%;max-height:95vh;border-radius:8px}.opp-defense-header{flex-wrap:wrap;padding:12px 14px}.opp-defense-squad-portraits{flex-wrap:wrap}}.opp-defense-quick-panel{width:200px;min-width:200px;border-left:1px solid var(--border-color, #334155);padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.opp-defense-quick-title{font-size:.8rem;font-weight:600;color:var(--text-secondary, #94a3b8);margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.opp-defense-quick-empty{font-size:.75rem;color:var(--text-secondary, #94a3b8);margin:0;line-height:1.4}.opp-defense-quick-list{display:flex;flex-direction:column;gap:6px}.opp-defense-quick-item{display:flex;align-items:center;gap:3px;padding:5px 6px;background:var(--bg-surface, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.opp-defense-quick-item:hover{border-color:#4ade80;background:#4ade800d}.opp-defense-quick-portraits{display:flex;gap:2px;flex-wrap:wrap}.opp-defense-quick-remove{position:absolute;top:2px;right:4px;background:none;border:none;color:var(--text-secondary, #94a3b8);font-size:.65rem;cursor:pointer;opacity:0;transition:opacity .15s}.opp-defense-quick-item:hover .opp-defense-quick-remove{opacity:1}.opp-defense-quick-remove:hover{color:#f87171}.opp-defense-save-quick-btn:hover{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}@media(max-width:700px){.opp-defense-content-row{flex-direction:column}.opp-defense-quick-panel{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--border-color, #334155);max-height:120px}}.opp-defense-inline-plan{margin-top:8px;padding:8px;background:#4ade8008;border:1px solid rgba(74,222,128,.2);border-radius:6px}.opp-defense-inline-plan-loading,.opp-defense-inline-plan-empty{font-size:.75rem;color:var(--text-secondary, #94a3b8)}.opp-defense-inline-counter{margin-bottom:4px}.opp-defense-inline-counter-row{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;background:var(--bg-surface, #0f172a);border:1px solid var(--border-color, #334155);border-radius:5px;cursor:pointer;font-size:.75rem;color:var(--text-primary, #e2e8f0);transition:border-color .15s}.opp-defense-inline-counter-row:hover{border-color:#4ade80}.opp-defense-inline-counter-squad{display:flex;gap:2px}.opp-defense-inline-counter-stats{margin-left:auto;font-size:.7rem;color:var(--text-secondary, #94a3b8)}.opp-defense-inline-members{padding:6px 8px 6px 16px;display:flex;flex-direction:column;gap:4px}.opp-defense-inline-member{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-primary, #e2e8f0)}.opp-defense-inline-member-relic{color:var(--text-secondary, #94a3b8);font-size:.7rem}.opp-defense-inline-assign-btn{margin-left:auto;padding:2px 8px;background:#4ade80;border:none;border-radius:4px;color:#000;font-size:.7rem;font-weight:600;cursor:pointer}.opp-defense-inline-assign-btn:hover{background:#22c55e}.opp-defense-plan-btn.active{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.opp-defense-inline-add-counter-btn{display:block;margin-top:6px;padding:5px 12px;background:#60a5fa1a;border:1px dashed rgba(96,165,250,.4);border-radius:5px;color:#93c5fd;font-size:.75rem;cursor:pointer;transition:background .15s}.opp-defense-inline-add-counter-btn:hover{background:#60a5fa33}.opp-defense-inline-plan-empty-row{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--text-secondary, #94a3b8)}.opp-defense-inline-add-form{margin-top:6px;padding:8px;background:#60a5fa08;border:1px solid rgba(96,165,250,.2);border-radius:6px;display:flex;flex-direction:column;gap:6px}.opp-defense-inline-add-form-row{display:flex;gap:6px}.opp-defense-inline-add-form-row .opp-defense-input{font-size:.75rem;padding:5px 8px}.opp-defense-inline-add-form-actions{display:flex;gap:8px;align-items:center}.opp-defense-inline-add-form-actions .opp-defense-submit-btn{font-size:.75rem;padding:5px 12px}.opp-defense-inline-add-form-actions .opp-defense-form-cancel{font-size:.75rem}.opp-defense-assigned-badge{position:relative;font-size:.7rem;font-weight:600;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:10px;padding:2px 8px;cursor:default;white-space:nowrap}.opp-defense-assigned-tooltip{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;padding:6px 8px;min-width:160px;z-index:10;box-shadow:0 4px 12px #0000004d}.opp-defense-assigned-tooltip-row{display:flex;justify-content:space-between;gap:8px;padding:2px 0;font-size:.7rem;color:var(--text-primary, #e2e8f0)}.opp-defense-assigned-tooltip-leader{color:var(--text-secondary, #94a3b8);font-size:.65rem}.opp-defense-attack-coverage{font-size:.75rem;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:10px;padding:3px 10px;white-space:nowrap}.opp-defense-result-indicator{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;margin-top:4px;font-size:.7rem}.opp-defense-result-indicator--neutral{background:#ffffff08;border-left:3px solid var(--border-color, #334155)}.opp-defense-result-indicator--green{background:#4ade8014;border-left:3px solid #4ade80}.opp-defense-result-indicator--yellow{background:#fbbf2414;border-left:3px solid #fbbf24}.opp-defense-result-indicator--red{background:#f8717114;border-left:3px solid #f87171}.opp-defense-result-banners{font-weight:700;color:#fbbf24}.opp-defense-result-attempts{color:var(--text-secondary, #94a3b8)}.opp-defense-record-btn{margin-left:auto;padding:2px 8px;background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);border-radius:4px;color:#93c5fd;font-size:.7rem;cursor:pointer}.opp-defense-record-btn:hover{background:#60a5fa33}.opp-defense-record-form{margin-top:6px;padding:8px;background:#60a5fa08;border:1px solid rgba(96,165,250,.2);border-radius:6px;display:flex;flex-direction:column;gap:6px}.opp-defense-record-warning{color:#fbbf24;font-size:.75rem}.opp-defense-record-label{font-size:.7rem;color:var(--text-secondary, #94a3b8);font-weight:600}.opp-defense-record-units{display:flex;gap:3px;flex-wrap:wrap}.opp-defense-record-unit{position:relative;border:none;background:none;cursor:pointer;padding:0;border-radius:50%}.opp-defense-record-unit.lost{opacity:.4}.opp-defense-record-unit.lost:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ef44444d;border:2px solid #ef4444}.opp-defense-record-unit-x{position:absolute;top:-2px;right:-2px;font-size:.5rem;background:#ef4444;color:#fff;border-radius:50%;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.opp-defense-record-hint{font-size:.6rem;color:var(--text-secondary, #94a3b8)}.opp-defense-record-outcome{display:flex;align-items:center;gap:6px}.opp-defense-record-win-btn,.opp-defense-record-loss-btn{padding:3px 10px;border-radius:4px;border:1px solid var(--border-color, #334155);font-size:.7rem;cursor:pointer;background:none;color:var(--text-primary, #e2e8f0)}.opp-defense-record-win-btn.active{background:#4ade8033;border-color:#4ade80;color:#4ade80}.opp-defense-record-loss-btn.active{background:#f8717133;border-color:#f87171;color:#f87171}.opp-defense-record-attempt{font-size:.65rem;color:var(--text-secondary, #94a3b8);margin-left:auto}.opp-defense-record-attacker{display:flex;align-items:center;gap:8px}.opp-defense-record-attacker .opp-defense-select{font-size:.75rem;padding:4px 6px}.opp-defense-counter-pick-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(251,191,36,.4);background:#fbbf2414;color:#fbbf24;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;margin-left:4px}.opp-defense-counter-pick-btn:hover{background:#fbbf2433;border-color:#fbbf24}.opp-defense-counter-picker{margin-top:6px;padding:6px;background:var(--bg-surface, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.opp-defense-counter-picker-empty{font-size:.7rem;color:var(--text-secondary, #94a3b8);padding:4px}.opp-defense-counter-picker-item{display:flex;align-items:center;gap:3px;padding:4px 6px;background:none;border:1px solid var(--border-color, #334155);border-radius:4px;cursor:pointer;transition:border-color .15s,background .15s}.opp-defense-counter-picker-item:hover{border-color:#4ade80;background:#4ade800d}.opp-defense-counter-picker-stats{margin-left:auto;font-size:.65rem;color:var(--text-secondary, #94a3b8);white-space:nowrap}.counter-library-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.counter-library-panel{background:#1e1e2e;border:1px solid #3a3a5a;border-radius:12px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0009;outline:none}.counter-library-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #2a2a3e}.counter-library-title{margin:0;font-size:1.2rem;font-weight:600;color:#f0f0f0}.counter-library-close-btn{background:none;border:none;color:#88a;font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s ease,background .15s ease}.counter-library-close-btn:hover{color:#f0f0f0;background:#2a2a3e}.counter-library-close-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.counter-library-search{position:relative;padding:12px 20px;border-bottom:1px solid #2a2a3e}.counter-library-search-input{width:100%;padding:8px 36px 8px 12px;background:#141422;border:1px solid #3a3a5a;border-radius:6px;color:#f0f0f0;font-size:.9rem;outline:none;transition:border-color .15s ease}.counter-library-search-input::placeholder{color:#6a6a8a}.counter-library-search-input:focus{border-color:#60a5fa}.counter-library-search-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:none;border:none;color:#88a;font-size:.9rem;cursor:pointer;padding:4px;border-radius:4px}.counter-library-search-clear:hover{color:#f0f0f0}.counter-library-actions{padding:10px 20px;border-bottom:1px solid #2a2a3e;display:flex;gap:8px}.counter-library-content{flex:1;overflow-y:auto;padding:12px 20px 16px}.counter-library-empty{text-align:center;color:#88a;padding:32px 0;font-size:.9rem}.counter-library-error{text-align:center;color:#f87171;padding:20px 0;font-size:.9rem}.counter-library-count{font-size:.8rem;color:#6a6a8a;margin:0 0 12px}.counter-library-groups{display:flex;flex-direction:column;gap:16px}.counter-library-group{border:1px solid #2a2a3e;border-radius:8px;overflow:hidden}.counter-library-group-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#242438;border-bottom:1px solid #2a2a3e}.counter-library-leader-portrait{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #4a4a6a}.counter-library-group-name{font-size:.9rem;font-weight:500;color:#e0e0f0}.counter-library-group-count{font-size:.8rem;color:#6a6a8a}.counter-library-group-entries{display:flex;flex-direction:column}.counter-entry-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #1a1a2e;transition:background .1s ease}.counter-entry-row:last-child{border-bottom:none}.counter-entry-row:hover{background:#60a5fa0a}.counter-entry-squads{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.counter-entry-squad{display:flex;flex-direction:column;gap:3px}.counter-entry-squad-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:#6a6a8a}.counter-entry-portraits{display:flex;gap:2px}.counter-entry-portrait{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid #3a3a5a}.counter-entry-portrait-leader{border-color:#f59e0b}.counter-entry-vs{color:#6a6a8a;font-size:1rem;margin:0 4px}.counter-entry-stats{display:flex;align-items:center;gap:6px;flex-shrink:0}.counter-entry-winloss{font-size:.8rem;color:#c0c0d0;white-space:nowrap}.counter-entry-winrate{font-size:.75rem;color:#6a6a8a}.counter-entry-videos{font-size:.8rem;cursor:default}.counter-entry-actions{display:flex;gap:4px;flex-shrink:0}.counter-entry-action-btn{background:none;border:none;padding:4px 6px;cursor:pointer;border-radius:4px;font-size:.85rem;transition:background .1s ease}.counter-entry-action-btn:hover{background:#2a2a3e}.counter-entry-action-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.counter-entry-action-delete:hover{background:#ef444426}@media(max-width:600px){.counter-library-panel{width:95%;max-height:90vh}.counter-entry-squads{flex-direction:column;align-items:flex-start;gap:4px}.counter-entry-vs{display:none}.counter-entry-row{flex-wrap:wrap}}.attack-planning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.attack-planning-modal{background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;width:100%;max-width:780px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.attack-planning-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #334155)}.attack-planning-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #e2e8f0);flex:1}.attack-planning-close-btn{background:none;border:none;color:var(--text-secondary, #94a3b8);font-size:1.4rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.attack-planning-close-btn:hover{color:var(--text-primary, #e2e8f0);background:#ffffff0d}.attack-planning-target{padding:12px 20px;border-bottom:1px solid var(--border-color, #334155);background:#ef44440a}.attack-planning-target-label{display:block;font-size:.7rem;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.attack-planning-target-squad{display:flex;align-items:center;gap:8px}.attack-planning-target-player{font-size:.8rem;color:#ef4444;font-weight:500;margin-right:8px}.attack-planning-target-portraits{display:flex;align-items:center;gap:3px}.attack-planning-body{padding:12px 16px;overflow-y:auto;flex:1}.attack-planning-loading{text-align:center;color:var(--text-secondary, #94a3b8);padding:32px 16px;font-size:.9rem}.attack-planning-error{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:#f87171;font-size:.85rem}.attack-planning-error-dismiss{background:none;border:none;color:#f87171;cursor:pointer;margin-left:auto;font-size:1rem}.attack-planning-no-counters{text-align:center;color:var(--text-secondary, #94a3b8);padding:24px 16px;font-size:.85rem}.attack-planning-counters{display:flex;flex-direction:column;gap:12px}.attack-planning-match-section{display:flex;flex-direction:column;gap:6px}.attack-planning-match-heading{margin:0;font-size:.8rem;font-weight:600;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.03em}.attack-planning-counter-card{border:1px solid var(--border-color, #334155);border-radius:8px;overflow:hidden;transition:border-color .15s}.attack-planning-counter-card:hover{border-color:#4ade8066}.attack-planning-counter-card.expanded{border-color:#4ade8080}.attack-planning-counter-summary{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:var(--bg-surface, #0f172a);border:none;cursor:pointer;text-align:left;color:var(--text-primary, #e2e8f0);transition:background .15s}.attack-planning-counter-summary:hover{background:#ffffff08}.attack-planning-counter-squad{display:flex;align-items:center;gap:2px;flex-shrink:0}.attack-planning-counter-stats{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.attack-planning-counter-winloss{font-size:.75rem;color:var(--text-primary, #e2e8f0);font-weight:500}.attack-planning-counter-winrate{font-size:.7rem;color:var(--text-secondary, #94a3b8)}.attack-planning-match-badge{font-size:.6rem;padding:2px 6px;border-radius:8px;font-weight:600;text-transform:uppercase}.attack-planning-match-badge.full{background:#4ade8026;color:#4ade80}.attack-planning-match-badge.partial{background:#facc1526;color:#facc15}.attack-planning-counter-expand-icon{font-size:.8rem;color:var(--text-secondary, #94a3b8);flex-shrink:0}.attack-planning-members{padding:8px 12px 12px;border-top:1px solid var(--border-color, #334155);background:#ffffff03}.attack-planning-members-loading,.attack-planning-members-empty{margin:0;padding:8px 0;font-size:.8rem;color:var(--text-secondary, #94a3b8);text-align:center}.attack-planning-members-list{display:flex;flex-direction:column;gap:4px}.attack-planning-members-header{display:grid;grid-template-columns:1fr 60px 80px 70px;gap:8px;padding:4px 8px;font-size:.65rem;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.attack-planning-member-row{display:grid;grid-template-columns:1fr 60px 80px 70px;gap:8px;align-items:center;padding:6px 8px;border-radius:4px;background:var(--bg-surface, #0f172a);transition:background .1s}.attack-planning-member-row:hover{background:#ffffff0a}.attack-planning-member-name{font-size:.8rem;color:var(--text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attack-planning-member-relic{font-size:.75rem;color:#a78bfa;font-weight:600;text-align:center}.attack-planning-member-match{font-size:.65rem;padding:2px 5px;border-radius:6px;text-align:center;font-weight:600}.attack-planning-member-match.full{background:#4ade801f;color:#4ade80}.attack-planning-member-match.partial{background:#facc151f;color:#facc15}.attack-planning-assign-btn{padding:4px 10px;background:#4ade8026;border:1px solid rgba(74,222,128,.4);border-radius:4px;color:#4ade80;font-size:.7rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.attack-planning-assign-btn:hover:not(:disabled){background:#4ade8040;border-color:#4ade80}.attack-planning-assign-btn:disabled{opacity:.5;cursor:not-allowed}.attack-planning-add-counter-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;margin-top:12px;background:#60a5fa14;border:1px dashed rgba(96,165,250,.4);border-radius:6px;color:#60a5fa;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}.attack-planning-add-counter-btn:hover{background:#60a5fa26;border-color:#60a5fab3}.attack-planning-add-counter-form{margin-top:12px;padding:12px;background:#ffffff05;border:1px solid var(--border-color, #334155);border-radius:8px}.attack-planning-add-counter-form h3{margin:0 0 12px;font-size:.9rem;font-weight:600;color:var(--text-primary, #e2e8f0)}.attack-planning-portrait-wrap{position:relative;display:inline-block}.attack-planning-portrait{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-color, #334155)}.attack-planning-portrait.leader{border-color:#4ade80}.attack-planning-portrait-fallback{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary, #1e293b);border:1.5px solid var(--border-color, #334155);display:flex;align-items:center;justify-content:center;font-size:.5rem;color:var(--text-secondary, #94a3b8)}.attack-planning-portrait-fallback.leader{border-color:#4ade80}.attack-planning-close-btn:focus-visible,.attack-planning-counter-summary:focus-visible,.attack-planning-assign-btn:focus-visible,.attack-planning-add-counter-btn:focus-visible{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}@media(max-width:600px){.attack-planning-modal{max-width:100%;max-height:95vh;border-radius:8px}.attack-planning-header{padding:12px 14px}.attack-planning-members-header,.attack-planning-member-row{grid-template-columns:1fr 50px 65px 60px;gap:4px}.attack-planning-target-squad{flex-wrap:wrap}}.auto-plan-review{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border, #3a3a5a);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:14px}.auto-plan-review__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.auto-plan-review__title{font-size:1rem;font-weight:600;color:var(--text-primary, #e0e0f0);margin:0}.auto-plan-review__count{font-size:.8rem;color:var(--text-secondary, #b0b0c0);background:#60a5fa1a;padding:2px 10px;border-radius:10px}.auto-plan-review__empty{text-align:center;color:var(--text-secondary, #b0b0c0);font-size:.85rem;padding:20px 0}.auto-plan-review__table-wrapper{display:flex;flex-direction:column;gap:0;overflow-x:auto}.auto-plan-review__table-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border-radius:6px 6px 0 0;border-bottom:1px solid #2a2a3e}.auto-plan-review__table-header .auto-plan-review__col{font-size:.7rem;font-weight:600;color:#88a;text-transform:uppercase;letter-spacing:.5px}.auto-plan-review__row{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #2a2a3e;transition:background .15s ease}.auto-plan-review__row:last-child{border-bottom:none}.auto-plan-review__row:hover{background:#ffffff05}.auto-plan-review__col{display:flex;align-items:center}.auto-plan-review__col--sector{flex:0 0 50px;justify-content:center}.auto-plan-review__col--counter{flex:1 1 160px;min-width:120px}.auto-plan-review__col--member{flex:1 1 140px;min-width:100px;flex-direction:column;align-items:flex-start;gap:2px}.auto-plan-review__col--relic{flex:0 0 50px;justify-content:center}.auto-plan-review__col--actions{flex:0 0 70px;justify-content:flex-end;gap:4px}.auto-plan-review__sector-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#60a5fa1f;color:#60a5fa;font-size:.8rem;font-weight:700}.auto-plan-review__squad{display:flex;align-items:center;gap:2px}.auto-plan-review__more{font-size:.65rem;color:#88a;margin-left:2px}.auto-plan-review__member-name{font-size:.82rem;font-weight:500;color:var(--text-primary, #e0e0f0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.auto-plan-review__match-badge{font-size:.6rem;font-weight:600;padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.4px}.auto-plan-review__match-badge--full{background:#22c55e26;color:#22c55e}.auto-plan-review__match-badge--partial{background:#fbbf2426;color:#fbbf24}.auto-plan-review__relic-value{font-size:.82rem;font-weight:600;color:var(--accent, #f59e0b)}.auto-plan-review__action-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:.9rem;color:var(--text-secondary, #b0b0c0);transition:background .15s ease,color .15s ease;line-height:1}.auto-plan-review__action-btn:hover{background:#2a2a3e;color:var(--text-primary, #e0e0f0)}.auto-plan-review__action-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.auto-plan-review__action-btn--modify:hover{background:#60a5fa26;color:#60a5fa}.auto-plan-review__action-btn--reject:hover{background:#ef444426;color:#ef4444}.auto-plan-review__actions{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #2a2a3e}.auto-plan-unit-icon{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid #3a3a5a}.auto-plan-unit-icon--leader{width:32px;height:32px;border-color:var(--accent, #f59e0b);box-shadow:0 0 4px #f59e0b4d}.auto-plan-unit-fallback{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#2a2a3e;border:1.5px solid #3a3a5a;font-size:.55rem;color:#88a;font-weight:600;text-transform:uppercase}.auto-plan-unit-fallback--leader{width:32px;height:32px;border-color:var(--accent, #f59e0b)}@media(max-width:600px){.auto-plan-review__table-header{display:none}.auto-plan-review__row{flex-wrap:wrap;gap:6px}.auto-plan-review__col--sector{flex:0 0 auto}.auto-plan-review__col--counter{flex:1 1 100%;order:2}.auto-plan-review__col--member{flex:1 1 auto}.auto-plan-review__col--relic,.auto-plan-review__col--actions{flex:0 0 auto}}.war-detail-page{max-width:900px;margin:0 auto}.war-detail-nav{margin-bottom:16px}.back-link{color:var(--text-secondary, #94a3b8);text-decoration:none;font-size:.85rem}.back-link:hover{color:var(--text-primary, #e2e8f0)}.war-detail-header{margin-bottom:24px}.war-detail-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.war-detail-title h1{font-size:1.4rem;font-weight:700;margin:0}.war-detail-meta{display:flex;gap:16px;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.war-detail-section{margin-bottom:32px}.war-detail-section h2{font-size:1.1rem;font-weight:600;margin-bottom:12px;border-bottom:1px solid var(--border-color, #334155);padding-bottom:8px}.roster-fetch-actions{display:flex;flex-direction:column;gap:16px}.roster-fetch-group{display:flex;flex-direction:column;gap:8px}.roster-fetch-label{font-size:.85rem;font-weight:600;color:var(--text-secondary, #94a3b8)}.roster-fetch-row{display:flex;gap:8px;align-items:center}.roster-fetch-row .input{flex:1;max-width:300px}.members-list{border:1px solid var(--border-color, #334155);border-radius:8px;overflow:hidden}.members-list-header{display:grid;grid-template-columns:1fr 140px 80px;padding:8px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary, #94a3b8);background:var(--bg-elevated, #1e293b);border-bottom:1px solid var(--border-color, #334155)}.member-row{display:grid;grid-template-columns:1fr 140px 80px;padding:8px 12px;align-items:center;border-bottom:1px solid var(--border-color, #334155);font-size:.85rem}.member-row:last-child{border-bottom:none}.member-col-ally{font-family:monospace;font-size:.8rem;opacity:.7}.member-col-reg{text-align:center}.checkbox-label{cursor:pointer;display:flex;justify-content:center}.planning-links{display:flex;gap:12px;flex-wrap:wrap}.planning-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;text-decoration:none}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-message{padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:.85rem}.action-message--success{background:#22c55e26;color:var(--success, #22c55e)}.action-message--error{background:#ef444426;color:var(--danger, #ef4444)}.war-phase-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.war-phase-countdown{font-weight:400;text-transform:none;font-variant-numeric:tabular-nums}.war-finished-indicator{margin-top:8px;padding:6px 12px;background:#6b728026;color:#9ca3af;border-radius:6px;font-size:.8rem;font-weight:500}.add-opponent-section{margin-top:12px}.add-opponent-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.add-opponent-input{max-width:240px}.add-opponent-error{color:var(--danger, #ef4444);font-size:.8rem}.war-detail-map-section{margin-bottom:24px}.my-assignments{display:flex;flex-direction:column;gap:16px}.assignments-group-title{font-size:.9rem;font-weight:600;margin:0 0 8px}.assignments-list{display:flex;flex-direction:column;gap:6px}.assignment-card{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;font-size:.85rem}.assignment-zone{font-weight:600;min-width:60px}.assignment-squad{color:var(--text-secondary, #94a3b8)}.assignment-slot{color:var(--text-secondary, #94a3b8);font-size:.8rem}.assignment-target{color:var(--text-secondary, #94a3b8);font-style:italic}.discord-mappings-list{border:1px solid var(--border-color, #334155);border-radius:8px;overflow:hidden}.discord-mappings-header{display:grid;grid-template-columns:1fr 140px 1fr;padding:8px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary, #94a3b8);background:var(--bg-elevated, #1e293b);border-bottom:1px solid var(--border-color, #334155)}.discord-mapping-row{display:grid;grid-template-columns:1fr 140px 1fr;padding:8px 12px;align-items:center;border-bottom:1px solid var(--border-color, #334155);font-size:.85rem}.discord-mapping-row:last-child{border-bottom:none}.discord-col-ally{font-family:monospace;font-size:.8rem;opacity:.7}.discord-input-wrapper{display:flex;align-items:center;gap:8px}.discord-id-input{flex:1;max-width:220px;font-family:monospace;font-size:.8rem}.discord-saved-indicator{color:var(--success, #22c55e);font-size:.9rem;font-weight:600}.defense-fill-badge{font-size:.85rem;color:var(--text-secondary, #94a3b8);margin-bottom:8px;font-weight:500}.attack-phase-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.attack-phase-availability,.attack-phase-assignment-count{display:inline-flex;align-items:center;gap:4px}.attack-phase-actions{display:flex;gap:8px;margin-bottom:16px}.attack-phase-banners{margin-top:12px}.attack-banners-summary{font-size:.85rem;color:var(--text-secondary, #94a3b8)}.attack-banners-total{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#22c55e1a;border-radius:4px;color:#4ade80}.squad-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:180px}.squad-card--fleet{border-left:3px solid #3b82f6}.squad-card__leader{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid var(--border);font-weight:600}.squad-card__crown{color:var(--accent);font-size:.85rem;flex-shrink:0}.squad-card__members{display:flex;flex-direction:column;gap:4px}.squad-card__member{display:flex;align-items:center;gap:6px;padding-left:20px}.squad-card__unit-name{font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.squad-card__relic{font-size:.7rem;font-weight:700;color:var(--accent);background:#f59e0b26;padding:1px 5px;border-radius:4px;flex-shrink:0}.squad-card__relic--leader{background:#f59e0b40}.template-library-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.template-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:0}.tab-btn{padding:8px 16px;border:none;background:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn--active{color:var(--accent);border-bottom-color:var(--accent)}.template-form-container{margin-bottom:24px;padding:16px}.template-form-container h3{margin-bottom:16px;font-size:1rem}.template-form{display:flex;flex-direction:column;gap:12px}.form-row label{display:block;font-size:.8rem;font-weight:600;margin-bottom:4px;color:var(--text-secondary)}.form-row input,.form-row select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem}.form-row--inline{display:flex;gap:12px}.form-row--inline>div{flex:1}.form-hint{font-weight:400;opacity:.7}.members-inputs{display:flex;flex-direction:column;gap:6px}.member-input-row{display:flex;gap:6px;align-items:center}.member-input-row input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem}.btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;cursor:pointer;font-size:.75rem;flex-shrink:0}.btn-danger-sm{background:#ef444426;color:var(--danger, #ef4444);border:none;padding:4px 10px;border-radius:4px;font-size:.75rem;cursor:pointer}.btn-danger-sm:hover{background:#ef444440}.btn-sm{padding:4px 10px;font-size:.75rem}.form-actions{display:flex;gap:8px;margin-top:8px}.form-error{color:var(--danger, #ef4444);font-size:.8rem;margin-bottom:4px}.templates-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.template-item{padding:12px;display:flex;flex-direction:column;gap:10px}.template-item__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-item__name{font-weight:600;font-size:.9rem}.template-item__datacron{font-size:.7rem;opacity:.8}.template-item__actions{display:flex;gap:6px;margin-top:auto}.tw-map{position:relative;width:100%;max-width:600px;margin:0 auto}.tw-map__svg{width:100%;height:auto;display:block}.tw-map__zone{cursor:pointer;transition:opacity .15s ease,stroke-width .15s ease}.tw-map__zone:hover{opacity:.85}.tw-map__zone:focus{outline:none}.tw-map__zone:focus-visible .tw-map__zone-bg{stroke:var(--accent);stroke-width:3}.tw-map__zone-bg{stroke:var(--border, #3a4a5c);stroke-width:1.5;transition:fill .2s ease,stroke .2s ease}.tw-map__zone--empty .tw-map__zone-bg{fill:var(--tw-zone-empty, #2a3a4a)}.tw-map__zone--partial .tw-map__zone-bg{fill:var(--tw-zone-partial, #5c4a1a)}.tw-map__zone--full .tw-map__zone-bg{fill:var(--tw-zone-full, #1a4a2a)}.tw-map__zone--fleet .tw-map__zone-bg{stroke-dasharray:4 2;stroke-width:2}.tw-map__zone--fleet.tw-map__zone--empty .tw-map__zone-bg{fill:var(--tw-zone-fleet-empty, #1a2a4a)}.tw-map__zone--fleet.tw-map__zone--partial .tw-map__zone-bg{fill:var(--tw-zone-fleet-partial, #3a3a5c)}.tw-map__zone--fleet.tw-map__zone--full .tw-map__zone-bg{fill:var(--tw-zone-fleet-full, #1a3a5c)}.tw-map__zone--selected .tw-map__zone-bg{stroke:var(--accent, #f59e0b);stroke-width:2.5}.tw-map__zone-label{fill:var(--text-primary, #e2e8f0);font-size:14px;font-weight:600;pointer-events:none;text-anchor:middle;dominant-baseline:central}.tw-map__zone-name{fill:var(--text-secondary, #94a3b8);font-size:9px;pointer-events:none;text-anchor:middle;dominant-baseline:central}.tw-map__fleet-icon{fill:var(--text-secondary, #94a3b8);font-size:10px;pointer-events:none;text-anchor:middle}.tw-map__tooltip{position:absolute;padding:6px 10px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border, #3a4a5c);border-radius:6px;font-size:.75rem;color:var(--text-primary, #e2e8f0);pointer-events:none;white-space:nowrap;z-index:10;box-shadow:0 2px 8px #0000004d;transform:translate(-50%,-100%);margin-top:-8px}.tw-map__tooltip-name{font-weight:600;margin-bottom:2px}.tw-map__tooltip-count{color:var(--text-secondary, #94a3b8);font-size:.7rem}.tw-map__column-label{fill:var(--text-secondary, #94a3b8);font-size:11px;font-weight:500;text-anchor:middle;pointer-events:none}.template-picker{position:relative;width:100%}.template-picker-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.82rem;cursor:pointer;transition:border-color .2s,background .2s;gap:8px;min-height:36px}.template-picker-toggle:hover:not(:disabled){border-color:#8b5cf6}.template-picker-toggle:disabled{opacity:.5;cursor:not-allowed}.template-picker-toggle.open{border-color:#8b5cf6;background:#8b5cf614}.template-picker-toggle.has-value{background:#8b5cf60d}.template-picker-label{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow:hidden}.template-picker-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-picker-leader{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-picker-placeholder{color:var(--text-secondary);font-style:italic}.template-picker-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.template-picker-clear{width:18px;height:18px;border-radius:50%;background:#ef444426;color:var(--danger);font-size:.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.template-picker-clear:hover{background:var(--danger);color:#fff}.template-picker-chevron{font-size:.65rem;color:var(--text-secondary)}.template-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 4px 12px #0000004d;padding:4px}.template-picker-empty{padding:12px;text-align:center;color:var(--text-secondary);font-size:.8rem;font-style:italic}.template-picker-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;background:transparent;color:var(--text-primary);border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .15s;text-align:left;gap:8px}.template-picker-option:hover{background:#8b5cf61a}.template-picker-option.active{background:#8b5cf626;color:#a78bfa}.template-option-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.template-option-leader{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.member-picker{position:relative;display:inline-flex;align-items:center;min-width:140px;max-width:220px}.member-picker-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 8px;background:var(--card-bg, #1e1e2e);border:1px solid var(--border, #444);border-radius:6px;color:inherit;font-size:.8rem;cursor:pointer;transition:border-color .15s,background .15s;gap:4px;min-height:28px}.member-picker-btn:hover:not(.disabled){border-color:var(--primary, #4a9eff);background:var(--hover-bg, rgba(255, 255, 255, .05))}.member-picker-btn.has-selection{border-color:var(--primary, #4a9eff)}.member-picker-btn.disabled{opacity:.5;cursor:not-allowed}.member-picker-selected{display:flex;align-items:center;gap:4px;overflow:hidden}.member-picker-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:.75rem}.member-picker-fit{font-size:.65rem;font-weight:600;padding:1px 4px;border-radius:3px;white-space:nowrap}.member-picker-placeholder{color:var(--text-muted, #888);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-picker-arrow{font-size:.6rem;opacity:.6;flex-shrink:0}.member-picker-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted, #888);cursor:pointer;font-size:.7rem;padding:2px 4px;border-radius:3px;line-height:1;transition:color .15s,background .15s}.member-picker-clear:hover{color:var(--danger, #ff4d6a);background:#ff4d6a1a}.member-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:200px;background:var(--card-bg, #1e1e2e);border:1px solid var(--border, #444);border-radius:8px;box-shadow:0 4px 16px #0006;z-index:1000;overflow:hidden}.member-picker-filter{padding:6px;border-bottom:1px solid var(--border, #333)}.member-picker-filter-input{width:100%;padding:4px 8px;background:var(--bg-secondary, #2a2a3e);border:1px solid var(--border, #444);border-radius:4px;color:inherit;font-size:.75rem;outline:none;transition:border-color .15s}.member-picker-filter-input:focus{border-color:var(--primary, #4a9eff)}.member-picker-filter-input::placeholder{color:var(--text-muted, #666)}.member-picker-list{max-height:200px;overflow-y:auto;padding:4px 0}.member-picker-empty{padding:12px;text-align:center;color:var(--text-muted, #888);font-size:.75rem}.member-picker-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;border:none;background:transparent;color:inherit;font-size:.75rem;cursor:pointer;text-align:left;transition:background .12s;gap:6px}.member-picker-option:hover{background:var(--hover-bg, rgba(255, 255, 255, .08))}.member-picker-option.active{background:#4a9eff26}.member-option-info{display:flex;flex-direction:column;gap:1px;overflow:hidden;min-width:0}.member-option-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-option-code{font-size:.65rem;color:var(--text-muted, #888)}.member-option-fit{display:flex;align-items:center;gap:3px;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0}.member-option-score{font-weight:500;font-size:.6rem;opacity:.8}.fit-badge-s{background:#ffd70033;color:gold}.fit-badge-a{background:#00c85333;color:#00c853}.fit-badge-b{background:#4a9eff33;color:#4a9eff}.fit-badge-c{background:#ffa00033;color:#ffa000}.fit-badge-d{background:#9e9e9e33;color:#9e9e9e}.attack-plan-page{max-width:1200px;margin:0 auto}.attack-plan-nav{margin-bottom:16px}.attack-plan-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.attack-plan-header h1{font-size:1.4rem;font-weight:700;margin:0}.saving-indicator{font-size:.8rem;color:var(--text-secondary, #94a3b8);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.attack-plan-layout{display:grid;grid-template-columns:460px 1fr;gap:24px;align-items:start}@media(max-width:900px){.attack-plan-layout{grid-template-columns:1fr}}.attack-plan-map{position:sticky;top:16px}.attack-plan-panel{min-height:300px}.attack-plan-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;border:1px dashed var(--border-color, #334155);border-radius:8px;color:var(--text-secondary, #94a3b8);font-size:.9rem}.attack-plan-zone-detail{display:flex;flex-direction:column;gap:16px}.zone-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.zone-detail-header h3{margin:0;font-size:1.1rem;font-weight:600}.zone-type-badge{font-size:.75rem;padding:2px 8px;border-radius:4px;background:var(--bg-elevated, #1e293b);color:var(--text-secondary, #94a3b8)}.defense-squad-block{border:1px solid var(--border-color, #334155);border-radius:8px;padding:12px;background:var(--bg-elevated, #1e293b)}.defense-squad-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.defense-squad-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #94a3b8);text-transform:uppercase}.attack-assignments{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #334155)}.attack-assignments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.attack-label{font-size:.8rem;font-weight:600;color:var(--accent, #60a5fa)}.attack-assignment-row{margin-bottom:12px;padding:8px;border:1px solid var(--border-color, #334155);border-radius:6px;background:var(--bg-surface, #0f172a)}.attack-assignment-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attack-assignment-controls .template-picker{flex:1;min-width:150px}.attack-assignment-controls .member-picker{flex:1;min-width:140px}.attack-squad-preview{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-color, #334155)}.btn-icon{background:none;border:none;cursor:pointer;font-size:.9rem;padding:4px 6px;border-radius:4px;color:var(--text-secondary, #94a3b8);transition:background .15s,color .15s}.btn-icon:hover{background:#ef444426;color:var(--danger, #ef4444)}.btn-sm{font-size:.75rem;padding:4px 8px}.add-defense-form{border:1px solid var(--border-color, #334155);border-radius:8px;padding:16px;background:var(--bg-elevated, #1e293b)}.add-defense-form h4{margin:0 0 12px;font-size:.95rem;font-weight:600}.defense-form-field{margin-bottom:8px}.defense-form-field label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #94a3b8);margin-bottom:4px}.defense-form-unit-row{display:flex;gap:8px}.defense-form-unit-row .input{flex:1}.input-relic{width:50px!important;flex:none!important}.defense-form-actions{display:flex;gap:8px;margin-top:12px}.add-defense-btn{width:100%}.empty-state.small{font-size:.8rem;margin:4px 0}.error-text{color:var(--danger, #ef4444)}.zone-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;min-width:300px;max-width:380px;max-height:calc(100vh - 160px);overflow-y:auto}.zone-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.zone-panel__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zone-panel__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.zone-panel__name{font-weight:400;color:var(--text-secondary)}.zone-panel__type-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap}.zone-panel__type-badge--fleet{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.zone-panel__close-btn{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);border:none;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.zone-panel__close-btn:hover{background:var(--danger);color:#fff}.zone-panel__summary{margin-bottom:16px}.zone-panel__fill-count{font-size:.8rem;color:var(--text-secondary);font-weight:500}.zone-panel__slots{display:flex;flex-direction:column;gap:12px}.zone-panel__empty-state{text-align:center;padding:24px 12px;font-size:.8rem;color:var(--text-secondary);font-style:italic}.zone-panel__slot{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s}.zone-panel__slot:hover{border-color:var(--accent)}.zone-panel__slot--empty{border-style:dashed}.zone-panel__slot-header{display:flex;align-items:center;justify-content:space-between}.zone-panel__slot-number{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.zone-panel__remove-btn{width:22px;height:22px;border-radius:50%;background:transparent;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.zone-panel__remove-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.zone-panel__add-section{width:100%}.zone-panel__template-select{width:100%;padding:8px 28px 8px 12px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;font-size:.8rem;cursor:pointer;transition:border-color .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.zone-panel__template-select:hover{border-color:var(--accent)}.zone-panel__template-select:focus{outline:2px solid var(--accent);outline-offset:1px}.zone-panel__datacron{display:flex;align-items:center;gap:8px}.zone-panel__datacron-label{font-size:.7rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.zone-panel__datacron-select{flex:1;padding:4px 8px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-size:.75rem;cursor:pointer;transition:border-color .2s}.zone-panel__datacron-select:hover{border-color:var(--accent)}.zone-panel__datacron-select:focus{outline:2px solid var(--accent);outline-offset:1px}.zone-panel__member{display:flex;flex-direction:column;gap:4px}.zone-panel__member-label{font-size:.7rem;color:var(--text-secondary);font-weight:500}.zone-panel__member-select{width:100%;padding:4px 8px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-size:.75rem;cursor:pointer;transition:border-color .2s}.zone-panel__member-select:hover{border-color:var(--accent)}.zone-panel__member-select:focus{outline:2px solid var(--accent);outline-offset:1px}.zone-panel__member-name{font-size:.7rem;color:var(--success);font-weight:500}.fill-progress-bar{display:flex;flex-direction:column;gap:6px}.fill-progress-label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.fill-progress-track{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.fill-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.defense-plan-page{max-width:1200px;margin:0 auto}.defense-plan-nav{margin-bottom:16px}.defense-plan-header{margin-bottom:20px}.defense-plan-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.defense-plan-title-row h1{font-size:1.4rem;font-weight:700;margin:0}.defense-plan-progress{margin-bottom:24px}.defense-plan-content{display:flex;gap:24px;align-items:flex-start}.defense-plan-map-section{flex:1;min-width:0}.defense-plan-panel-section{width:360px;flex-shrink:0}.defense-plan-availability{margin-top:20px;padding:12px;background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:8px}.defense-plan-availability h3{font-size:.9rem;font-weight:600;margin:0 0 10px;color:var(--text-secondary, #94a3b8)}.availability-list{display:flex;flex-direction:column;gap:6px}.availability-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;background:var(--bg-surface, #0f172a);font-size:.82rem}.availability-template{font-weight:500;color:var(--text-primary, #e2e8f0)}.availability-count{color:var(--text-secondary, #94a3b8);font-size:.78rem}.defense-plan-saving{position:fixed;bottom:20px;right:20px;background:var(--bg-elevated, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;padding:8px 16px;font-size:.8rem;color:var(--text-secondary, #94a3b8);box-shadow:0 4px 12px #0000004d}.defense-plan-page .action-message{padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:.85rem}.defense-plan-page .action-message--success{background:#22c55e26;color:var(--success, #22c55e)}.defense-plan-page .action-message--error{background:#ef444426;color:var(--danger, #ef4444)}.defense-plan-page .error-text{color:var(--danger, #ef4444)}@media(max-width:768px){.defense-plan-content{flex-direction:column}.defense-plan-panel-section{width:100%}}.session-sync-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:200;padding:60px 20px}.session-sync-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:550px;padding:24px}.ss-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ss-header h2{font-size:1.2rem}.ss-close{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);border:none;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.ss-close:hover{background:var(--danger);color:#fff}.ss-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;margin-bottom:20px;font-size:.85rem}.ss-status.valid{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success)}.ss-status.invalid{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger)}.ss-status-dot{width:8px;height:8px;border-radius:50%}.ss-status.valid .ss-status-dot{background:var(--success)}.ss-status.invalid .ss-status-dot{background:var(--danger)}.ss-session-id{margin-left:auto;font-size:.75rem;opacity:.7}.ss-notification{padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:.83rem;line-height:1.5}.ss-notification-invalid{background:#f59e0b1a;border:1px solid rgba(245,158,11,.4);color:#f59e0b}.ss-notification-missing{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.ss-section{margin-bottom:16px}.ss-section h3{font-size:.9rem;margin-bottom:8px}.ss-steps{font-size:.8rem;color:var(--text-secondary);padding-left:20px;margin-bottom:8px;line-height:1.6}.ss-steps a{color:var(--accent)}.ss-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic}.ss-textarea{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.8rem;font-family:monospace;resize:vertical;margin-bottom:10px}.ss-sync-btn{width:100%}.ss-message{margin-top:12px;padding:10px 14px;border-radius:6px;font-size:.85rem}.ss-message.success{background:#22c55e1a;color:var(--success)}.ss-message.error{background:#ef44441a;color:var(--danger)}.user-profile{position:relative;margin-left:8px}.user-avatar-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);background:var(--bg-tertiary);cursor:pointer;padding:0;overflow:hidden;transition:border-color .2s}.user-avatar-btn:hover{border-color:var(--accent)}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--accent)}.user-popup{position:absolute;top:44px;right:0;width:280px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0006;z-index:100}.user-popup-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-popup-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent)}.user-popup-info{display:flex;flex-direction:column;gap:2px}.user-popup-name{font-weight:600;font-size:.95rem}.user-popup-league{font-size:.75rem;color:var(--accent);font-weight:500}.user-popup-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.user-popup-link{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-tertiary);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:background .2s}.user-popup-link:hover{background:#f59e0b1a}.detail-label{font-size:.75rem;color:var(--text-secondary)}.detail-value{font-size:.85rem;font-weight:500}.user-popup-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);padding-top:10px;border-top:1px solid var(--border);margin-bottom:12px}.user-popup-login-type{padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;font-size:.7rem}.user-popup-no-session{text-align:center;padding:12px 0}.user-popup-no-session p{color:var(--text-secondary);font-size:.85rem;margin-bottom:4px}.user-popup-email{font-size:.75rem;color:var(--text-secondary)}.user-popup-logout{width:100%;padding:8px;font-size:.85rem}.user-popup-actions{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid var(--border);margin-top:8px}.user-popup-action-link{display:block;padding:6px 12px;border-radius:6px;color:var(--text-primary);text-decoration:none;font-size:.8rem;transition:background .15s}.user-popup-action-link:hover{background:var(--bg-tertiary)}.user-popup-admin-link{color:var(--accent)}.account-switcher{position:relative}.account-switcher-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border, #444);border-radius:6px;padding:4px 10px;font-size:.8rem;cursor:pointer;color:inherit;white-space:nowrap;transition:background .15s}.account-switcher-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))}.account-switcher-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis}.account-switcher-code{font-size:.7rem;color:var(--text-secondary, #999)}.account-switcher-arrow{font-size:.6rem;margin-left:2px}.account-switcher-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--card-bg, #1e1e2e);border:1px solid var(--border, #444);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;overflow:hidden;min-width:220px;max-width:300px}.account-switcher-empty{padding:12px 14px;font-size:.8rem;color:var(--text-secondary, #999);text-align:center}.account-option{border-bottom:1px solid var(--border, #333)}.account-option:last-of-type{border-bottom:none}.account-option.active{background:#4a9eff14}.account-option-content{display:flex;align-items:center}.account-option-select{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background .15s}.account-option-select:hover:not(:disabled){background:var(--hover-bg, rgba(255, 255, 255, .06))}.account-option-select:disabled{cursor:default}.account-option-name{font-size:.85rem;font-weight:500}.account-option-code{font-size:.7rem;color:var(--text-secondary, #999)}.account-option-active-badge{font-size:.65rem;padding:1px 5px;border-radius:3px;background:var(--primary, #4a9eff);color:#fff;font-weight:500;margin-top:2px}.account-option-switching{font-size:.75rem}.account-option-remove{padding:8px 12px;border:none;background:transparent;color:var(--text-secondary, #999);cursor:pointer;font-size:.8rem;transition:color .15s}.account-option-remove:hover{color:#e74c3c}.account-option-confirm{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.account-confirm-text{font-size:.8rem;color:var(--text-secondary, #ccc)}.account-confirm-actions{display:flex;gap:8px}.account-confirm-yes{padding:4px 10px;border:none;border-radius:4px;background:#e74c3c;color:#fff;font-size:.75rem;cursor:pointer;transition:background .15s}.account-confirm-yes:hover{background:#c0392b}.account-confirm-no{padding:4px 10px;border:1px solid var(--border, #444);border-radius:4px;background:transparent;color:inherit;font-size:.75rem;cursor:pointer;transition:background .15s}.account-confirm-no:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))}.account-switcher-error{padding:8px 14px;font-size:.75rem;color:#e74c3c;background:#e74c3c1a}.account-switcher-footer{border-top:1px solid var(--border, #333)}.account-link-btn{width:100%;padding:10px 14px;border:none;background:transparent;color:var(--primary, #4a9eff);font-size:.8rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s}.account-link-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .06))}.feedback-widget{position:fixed;bottom:24px;right:24px;z-index:1000}.feedback-fab{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:transform .2s,background .2s;border:none}.feedback-fab:hover{background:var(--accent-hover);transform:scale(1.05)}.feedback-panel{position:absolute;bottom:72px;right:0;width:340px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;animation:feedbackSlideUp .2s ease-out}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.feedback-panel-header h3{font-size:.95rem;color:var(--text-primary);margin:0}.feedback-close-btn{background:none;color:var(--text-secondary);font-size:1.1rem;padding:4px 8px;border-radius:4px;transition:color .2s}.feedback-close-btn:hover{color:var(--text-primary)}.feedback-form{padding:16px;display:flex;flex-direction:column;gap:12px}.feedback-field{display:flex;flex-direction:column;gap:4px;position:relative}.feedback-field label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.feedback-field select,.feedback-field textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:.85rem;resize:vertical}.feedback-field select:focus,.feedback-field textarea:focus{outline:none;border-color:var(--accent)}.feedback-char-count{position:absolute;bottom:8px;right:8px;font-size:.7rem;color:var(--text-secondary)}.feedback-submit-btn{background:var(--accent);color:#fff;padding:10px;border-radius:6px;font-size:.85rem;font-weight:600;transition:background .2s}.feedback-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-success{background:#22c55e1a;color:var(--success);padding:8px 12px;border-radius:6px;font-size:.85rem;text-align:center}.feedback-error{background:#ef44441a;color:var(--danger);padding:8px 12px;border-radius:6px;font-size:.85rem;text-align:center}.feedback-unauth{padding:16px;text-align:center}.feedback-unauth p{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.feedback-discord-link{display:inline-block;background:#5865f2;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:.85rem;font-weight:600;transition:opacity .2s}.feedback-discord-link:hover{opacity:.9}@media(max-width:480px){.feedback-panel{width:calc(100vw - 48px);right:-12px}}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px;animation:paywallFadeIn .2s ease-out}@keyframes paywallFadeIn{0%{opacity:0}to{opacity:1}}.paywall-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;position:relative;animation:paywallSlideUp .2s ease-out}@keyframes paywallSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.paywall-close-btn{position:absolute;top:16px;right:16px;background:none;color:var(--text-secondary);font-size:1.2rem;padding:4px 8px;border-radius:4px;transition:color .2s}.paywall-close-btn:hover{color:var(--text-primary)}.paywall-header{text-align:center;margin-bottom:20px}.paywall-header h2{font-size:1.4rem;font-weight:700;margin-bottom:8px}.paywall-subtitle{color:var(--text-secondary);font-size:.9rem}.paywall-demo{text-align:center;margin-bottom:24px}.paywall-demo-link{display:inline-block;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s}.paywall-demo-link:hover{background:#2d3f52;border-color:var(--accent)}.paywall-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.paywall-tier-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s}.paywall-tier-card:hover{border-color:var(--text-secondary);transform:translateY(-2px)}.paywall-tier-selected{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent)!important;background:#4f8ef714}.paywall-tier-highlight{border-color:#4f8ef766}.paywall-tier-highlight:not(.paywall-tier-selected){box-shadow:none}.paywall-tier-name{font-size:.85rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.paywall-tier-price{margin-bottom:12px}.paywall-price-amount{font-size:1.3rem;font-weight:700;color:var(--accent)}.paywall-price-period{font-size:.75rem;color:var(--text-secondary)}.paywall-price-free{font-size:1rem;color:var(--text-secondary);font-weight:500}.paywall-tier-features{list-style:none;padding:0;margin:0;width:100%}.paywall-tier-features li{font-size:.75rem;color:var(--text-secondary);padding:4px 0;text-align:left}.paywall-tier-highlight .paywall-tier-features li{color:var(--text-primary)}.paywall-actions{text-align:center}.paywall-subscribe-btn{padding:12px 32px;font-size:1rem;font-weight:600;border-radius:10px}.paywall-subscribe-btn:disabled{opacity:.5;cursor:not-allowed}.paywall-tier-guild-name{font-size:.7rem;color:var(--accent);margin-bottom:8px;font-weight:500}.paywall-recommended-badge{display:inline-block;margin-top:8px;font-size:.65rem;font-weight:600;color:var(--accent);background:#4f8ef71a;padding:2px 8px;border-radius:4px}.paywall-error{text-align:center;color:var(--danger, #e74c3c);font-size:.85rem;margin-bottom:12px}.paywall-modal-checkout{max-width:500px;padding:24px}@media(max-width:768px){.paywall-tiers{grid-template-columns:1fr 1fr}.paywall-modal{padding:20px}}@media(max-width:480px){.paywall-tiers{grid-template-columns:1fr}.paywall-modal{padding:16px;border-radius:12px}}.read-only-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fef3cd,#fff3cd);border:1px solid #ffc107;border-radius:8px;margin:.5rem 1rem;font-size:.9rem;color:#856404;box-shadow:0 2px 4px #0000001a}.read-only-banner-icon{font-size:1.2rem;flex-shrink:0}.read-only-banner-text{flex:1;font-weight:500}.read-only-banner-action{background:#ffc107;color:#212529;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.read-only-banner-action:hover{background:#e0a800}.read-only-banner-dismiss{background:none;border:none;color:#856404;font-size:1.1rem;cursor:pointer;padding:.2rem;line-height:1;opacity:.7;transition:opacity .2s}.read-only-banner-dismiss:hover{opacity:1}.app-footer{padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-secondary);text-align:center}.app-footer-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.app-footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.8rem;transition:color .2s}.app-footer-links a:hover{color:var(--accent);text-decoration:underline}.app-footer-separator{color:var(--text-secondary);font-size:.8rem;opacity:.5}.lang-selector{position:relative}.lang-selector-btn{background:transparent;border:1px solid var(--border, #444);border-radius:6px;padding:4px 8px;font-size:.8rem;cursor:pointer;color:inherit;white-space:nowrap;transition:background .15s}.lang-selector-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))}.lang-selector-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--card-bg, #1e1e2e);border:1px solid var(--border, #444);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;overflow:hidden;min-width:80px}.lang-option{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:inherit;font-size:.85rem;cursor:pointer;text-align:left;transition:background .15s}.lang-option:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))}.lang-option.active{background:var(--primary, #4a9eff);color:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-nav{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.nav-brand{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-decoration:none}.nav-links{display:flex;gap:4px}.nav-links a{padding:6px 14px;border-radius:6px;font-size:.85rem;color:var(--text-secondary);text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-links a.active{color:var(--accent);background:#f59e0b1a}.nav-refresh-btn{margin-left:auto;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.nav-refresh-btn:hover{background:#2d3f52;border-color:var(--accent)}.nav-session-btn{padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.nav-session-btn:hover{background:#2d3f52;border-color:var(--accent)}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:1.5rem;font-weight:700}.btn{padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#2d3f52}.btn-danger{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:var(--danger);color:#fff}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .15s}.card:hover{border-color:var(--accent)}.card-link{text-decoration:none;color:inherit}.settings-bar{display:flex;gap:24px;align-items:center;margin-bottom:24px;padding:16px 20px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border);flex-wrap:wrap}.setting{display:flex;align-items:center;gap:10px}.setting label{font-size:.85rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.toggle-group{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.toggle-group button{padding:8px 16px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s;border:none;cursor:pointer}.toggle-group button.active{background:var(--accent);color:#000}.settings-bar select{padding:8px 12px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-size:.9rem}.defense-section{margin-bottom:32px;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.defense-section h2{font-size:1.2rem;margin-bottom:16px;font-weight:600}.squad-builder{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-btn{display:block;width:100%;padding:14px;background:var(--accent);color:#000;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s}.search-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ef44441a;border:1px solid var(--danger);border-radius:8px;margin-bottom:24px;color:var(--danger)}.error-banner button{background:none;color:var(--danger);font-size:1.2rem;padding:4px 8px;border:none;cursor:pointer}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-logout-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:6px;border-radius:6px;opacity:.7;transition:opacity .2s}.nav-logout-btn:hover{opacity:1;background:#ef44441a}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:24px}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-content h2{font-size:1.3rem;margin-bottom:12px}.error-boundary-content p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.app-loading-inline{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;font-size:.85rem;color:var(--text-secondary)}.app-loading-inline .spinner{width:20px;height:20px;border-width:2px}:root{--bg-primary: #0f1419;--bg-secondary: #1a2332;--bg-tertiary: #243447;--text-primary: #e7e9ea;--text-secondary: #8b98a5;--accent: #f59e0b;--accent-hover: #d97706;--success: #22c55e;--danger: #ef4444;--border: #2f3336;--card-bg: #1e293b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}#root{min-height:100vh}button{cursor:pointer;border:none;font-family:inherit}input,select{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a4a5c}