body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#f0f0f0;min-height:100vh}.navigation{align-items:center;background:#282c34;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:15px 20px}.nav-left,.navigation{display:flex;gap:10px}.nav-left a{text-decoration:none}.nav-right{align-items:center;display:flex;gap:15px}.navigation button{background:#3a3f4b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s ease}.navigation button:hover{background:#4a4f5b}.navigation button.active{background:#61dafb;color:#282c34;font-weight:700}.login-btn{background:#9146ff!important;font-weight:600}.login-btn:hover{background:#772ce8!important}.user-info{gap:15px}.user-info,.username{align-items:center;display:flex}.username{color:#fff;font-size:16px;gap:8px}.broadcaster-badge{background:gold;border-radius:12px;color:#282c34;font-size:12px;font-weight:600;padding:2px 8px}.logout-btn{background:#dc3545!important;font-size:14px!important;padding:8px 16px!important}.logout-btn:hover{background:#c82333!important}.debug-btn{background:#6c757d!important;border:2px solid #495057!important;font-size:14px!important}.debug-btn:hover{background:#5a6268!important}.debug-btn.active{background:#ffc107!important;border-color:#ffc107!important;color:#000!important}.content{padding:0}.admin-container{margin:0 auto;max-width:1600px;padding:20px}.admin-section{background:#f5f5f5;border-radius:8px;margin-bottom:30px;padding:20px}.teams-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.team-column{display:flex;flex-direction:column;gap:15px}.team-header{border-radius:8px;color:#fff;margin-bottom:10px;padding:15px 20px}.team-header.raiders{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.team-header.defenders{background:linear-gradient(135deg,#1976d2,#0d47a1)}.team-header h2{font-size:24px;margin:0 0 10px}.manpower-summary{display:flex;font-size:16px;font-weight:500;gap:20px}.manpower-summary span{background:#fff3;border-radius:4px;padding:5px 10px}.manpower-summary .stat-display{background:#ffffff4d;font-weight:600}.add-player-form{align-items:center;display:flex;gap:10px}.add-player-form input,.add-player-form select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px}.add-player-form button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.add-player-form button:hover{background:#45a049}.players-list{display:flex;flex-direction:column;gap:15px}.player-card{background:#fff;border-left:4px solid;border-radius:8px;padding:15px}.player-card.raiders{border-left-color:#d32f2f}.player-card.defenders{border-left-color:#1976d2}.player-header{justify-content:space-between;margin-bottom:10px}.player-header,.player-info{align-items:center;display:flex}.player-info{flex-wrap:wrap;gap:10px}.player-info h3{margin:0}.team-badge{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px}.player-card.raiders .team-badge{background:#ffebee;color:#d32f2f}.player-card.defenders .team-badge{background:#e3f2fd;color:#1976d2}.units-badge{background:#e0e0e0;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.player-actions{align-items:center;display:flex;gap:8px}.switch-team-btn{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:6px 12px;transition:all .2s}.switch-team-btn:hover{background:#f57c00;transform:scale(1.1)}.delete-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.delete-btn:hover{background:#da190b}.raid-points-control{align-items:center;display:flex;gap:10px;margin-bottom:10px}.raid-points-control input{border:1px solid #ccc;border-radius:4px;padding:6px 10px;width:100px}.toggle-army-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;text-align:left;width:100%}.toggle-army-btn:hover{background:#0b7dda}.army-management{background:#fafafa;border-radius:4px;margin-top:15px;padding:15px}.army-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.unit-counter{background:#fff;border:1px solid #e0e0e0;border-radius:6px}.unit-label{font-size:14px;font-weight:500;gap:8px;margin-bottom:10px}.unit-icon{font-size:20px}.unit-info{font-size:12px;font-weight:400;margin-left:auto}.counter-controls{gap:15px;justify-content:center}.counter-controls button{background:#2196f3;border:none;border-radius:4px;color:#fff;font-size:18px;transition:background .2s}.counter-controls button:hover:not(:disabled){background:#0b7dda}.counter-controls button:disabled{background:#ccc}.counter-controls .count{font-size:18px}.counter-display{display:flex;justify-content:center}.counter-display .count{color:#666;font-size:18px;font-weight:700}.auth-debug-container{background:#f5f5f5;margin:0 auto;max-width:1200px;padding:30px}.auth-debug-container h1{color:#333;font-size:28px;margin-bottom:30px;text-align:center}.debug-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:25px}.debug-section h2{border-bottom:2px solid #2196f3;color:#2196f3;font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:8px}.debug-section h3{color:#666;font-size:16px;margin-bottom:10px;margin-top:15px}.debug-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.debug-grid.highlight{background:#fff3cd;border:2px solid #ffc107;border-radius:6px;padding:15px}.debug-item{background:#f8f9fa;border-left:3px solid #2196f3;border-radius:4px;display:flex;flex-direction:column;gap:5px;padding:10px}.debug-item .label{color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.debug-item .value{background:#fff;border-radius:3px;color:#333;font-family:Courier New,monospace;font-size:15px;padding:5px;word-break:break-all}.debug-item .value.true{color:#28a745;font-weight:600}.debug-item .value.false{color:#dc3545;font-weight:600}.debug-item .value.error{color:#dc3545}.debug-item .value.has-value{color:#28a745;font-weight:600}.debug-item .value.no-value{color:#999;font-style:italic}.json-display{background:#282c34;border-radius:6px;color:#61dafb;font-family:Courier New,monospace;font-size:13px;line-height:1.6;max-height:500px;overflow-x:auto;overflow-y:auto;padding:20px}.profile-image{margin-top:20px;text-align:center}.profile-image img{border:3px solid #2196f3;border-radius:50%;box-shadow:0 2px 8px #0003;height:100px;width:100px}.comparison-table{overflow-x:auto}.comparison-table table{border-collapse:collapse;font-family:Courier New,monospace;width:100%}.comparison-table th{background:#2196f3;color:#fff;font-weight:600;padding:12px;text-align:left}.comparison-table td{border-bottom:1px solid #e0e0e0;padding:10px 12px}.comparison-table tr:nth-child(2n){background:#f8f9fa}.comparison-table .highlight-row{background:#fff3cd!important;font-weight:600}.debug-button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .3s}.debug-button:hover{background:#1976d2}.help-text{color:#666;font-size:14px;font-style:italic;margin-top:15px}.battlefield-container{margin:0 auto;max-width:1400px;padding:20px}.battlefield-title{color:#333;font-size:32px;margin-bottom:20px;text-align:center}.teams-info{display:flex;gap:20px;justify-content:space-around;margin-bottom:20px}.team-info{border-radius:8px;color:#fff;flex:1 1;padding:15px}.team-info.raiders{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.team-info.defenders{background:linear-gradient(135deg,#1976d2,#0d47a1)}.team-info h2{font-size:24px;margin-bottom:10px;margin-top:0}.team-stats{font-size:14px}.team-stats>div{margin-bottom:5px}.stat-totals{background:#ffffff26;border-radius:4px;font-size:15px;margin-top:10px;padding:8px}.stat-totals div{margin-bottom:4px}.stat-totals strong{font-weight:600}.unit-breakdown{border-top:1px solid #ffffff4d;font-size:13px;margin-top:10px;padding-top:10px}.unit-breakdown div{margin-bottom:3px}.battlefield-svg{border:3px solid #333;box-shadow:0 4px 8px #0003;display:block;height:auto;margin:0 auto;width:100%}.battlefield-svg,.legend{border-radius:8px;max-width:900px}.legend{background:#f5f5f5;margin-left:auto;margin-right:auto;margin-top:20px;padding:15px}.legend h3{font-size:18px;margin-bottom:10px;margin-top:0}.legend-items{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;display:flex;gap:8px}.legend-item svg{flex-shrink:0}.legend-item span{color:#333;font-size:14px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#61dafb;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#61dafb;font-size:16px}.error-container{align-items:center;background-color:#ff00001a;border:2px solid #ff00004d;border-radius:8px;display:flex;flex-direction:column;margin:40px auto;max-width:600px;padding:40px}.error-container h2{color:#ff6b6b;margin:0 0 20px}.error-message{color:#ff6b6b;font-size:14px;margin-bottom:30px;text-align:center}.error-actions{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.retry-button{background-color:#61dafb;border:none;border-radius:4px;color:#282c34;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .2s}.retry-button:hover{background-color:#4fa8c5}.error-help{background-color:#0003;border-radius:4px;padding:20px;width:100%}.error-help p{color:#ddd;font-size:14px;margin:10px 0}.error-help pre{border-radius:4px;overflow-x:auto;padding:10px}.error-help code,.error-help pre{background-color:#0000004d;color:#61dafb;font-size:13px}.error-help code{border-radius:3px;padding:2px 6px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e0e0e0;padding:24px 24px 16px}.modal-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.modal-body{color:#555;line-height:1.6;padding:24px}.modal-body p{margin:0 0 12px}.modal-body ul{list-style:none;margin:12px 0;padding-left:0}.modal-body ul li{padding:8px 0 8px 24px;position:relative}.modal-body ul li:before{color:#ff5722;content:"•";font-size:20px;left:8px;line-height:1;position:absolute}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.confirm-btn{background:#2196f3;box-shadow:0 2px 8px #2196f34d;color:#fff}.confirm-btn:hover{background:#1976d2;box-shadow:0 4px 12px #2196f366;transform:translateY(-1px)}.confirm-btn.danger{background:#ff5722;box-shadow:0 2px 8px #ff57224d}.confirm-btn.danger:hover{background:#f44336;box-shadow:0 4px 12px #ff572266}.my-army-container{margin:0 auto;max-width:1000px;padding:20px}.loading,.not-authenticated{background:#f5f5f5;border-radius:8px;margin-top:40px;padding:60px 20px;text-align:center}.not-authenticated h2{color:#333;margin-bottom:10px}.not-authenticated p{color:#666;font-size:16px}.splash-screen{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.splash-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #0003;color:#fff;max-width:600px;padding:60px 40px;text-align:center}.splash-content h1{font-size:36px;font-weight:700;margin:0 0 20px}.splash-content p{font-size:18px;line-height:1.6;margin:15px 0;opacity:.95}.splash-content .help-text{font-size:14px;font-style:italic;margin-top:25px;opacity:.8}.my-army-header{border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;margin-bottom:30px;padding:30px}.my-army-header.raiders{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.my-army-header.defenders{background:linear-gradient(135deg,#1976d2,#0d47a1)}.my-army-header h1{font-size:32px;margin:0 0 20px}.player-info-section{display:flex;flex-wrap:wrap;gap:30px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item .label{font-size:12px;font-weight:500;opacity:.9;text-transform:uppercase}.info-item .value{font-size:20px;font-weight:600}.info-item .team-badge{background:#fff3;border-radius:20px;display:inline-block;font-size:16px;padding:4px 12px}.info-item .points{font-size:28px}.army-stats-panel{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center}.stat-label{color:#666;font-size:14px;font-weight:500;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#333;font-size:32px;font-weight:700}.army-management-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.army-management-section h2{color:#333;font-size:24px;margin-bottom:25px;margin-top:0}.units-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.unit-counter{align-items:center;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:border-color .2s}.unit-counter:hover{border-color:#2196f3}.unit-label{align-items:center;display:flex;flex:1 1;gap:10px}.unit-icon{font-size:24px}.unit-label>span:nth-child(2){color:#333;font-size:16px;font-weight:600}.unit-info{color:#666;font-size:13px;margin-left:5px}.counter-controls{align-items:center;display:flex;gap:12px}.counter-controls button{align-items:center;background:#fff;border:2px solid #2196f3;border-radius:50%;color:#2196f3;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.counter-controls button:hover:not(:disabled){background:#2196f3;color:#fff;transform:scale(1.1)}.counter-controls button:disabled{cursor:not-allowed;opacity:.3}.counter-controls .count{color:#333;font-size:20px;font-weight:700;min-width:40px;text-align:center}.reset-army-btn{background:#ff5722;border:none;border-radius:6px;box-shadow:0 2px 8px #ff57224d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.reset-army-btn:hover:not(:disabled){background:#f44336;box-shadow:0 4px 12px #ff572266;transform:translateY(-2px)}.reset-army-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.5}.pending-changes-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ffa726,#ff9800);border-radius:8px;box-shadow:0 4px 12px #ff98004d;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pending-changes-text{color:#fff;font-size:16px;font-weight:600}.pending-changes-actions{display:flex;gap:12px}.discard-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.discard-btn{background:#fff;box-shadow:0 2px 6px #00000026;color:#666}.discard-btn:hover:not(:disabled){background:#f5f5f5;box-shadow:0 4px 10px #0003;transform:translateY(-2px)}.save-btn{background:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff}.save-btn:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.discard-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.unit-manager-container{margin:0 auto;max-width:1400px;padding:20px}.unit-manager-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.unit-manager-header>div:first-child{flex:1 1}.unit-manager-container h1{margin-bottom:10px}.unit-manager-container .description{color:#666;margin:0}.action-buttons{align-items:center;display:flex;gap:10px}.reset-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.save-button{background:#4caf50;color:#fff}.save-button:hover:not(:disabled){background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.save-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.reset-button{background:#f44336;color:#fff}.reset-button:hover:not(:disabled){background:#da190b;box-shadow:0 4px 8px #f443364d;transform:translateY(-1px)}.reset-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.units-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.unit-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:border-color .2s}.unit-card:hover{border-color:#2196f3}.unit-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px}.unit-header .unit-icon{font-size:32px}.unit-header h2{color:#333;font-size:22px;margin:0}.stat-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.stat-row label{color:#555;font-size:14px;font-weight:500}.stat-row input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px;text-align:right;width:100px}.stat-row input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.stat-row input.readonly,.stat-row input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}
/*# sourceMappingURL=main.f12ad138.css.map*/