.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f0e8,#e8e0d5);background-size:cover;background-attachment:fixed;padding:2rem}.auth-card{background:linear-gradient(180deg,#f5f0e8,#e8e0d5);border:2px solid #C9BFB0;border-radius:12px;padding:3rem;max-width:450px;width:100%;box-shadow:0 10px 40px #0000004d}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{height:4rem;margin-bottom:1rem}.auth-header h1{font-family:Cinzel,serif;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#1a1a1a;margin-bottom:.5rem}.auth-subtitle{font-family:Libre Baskerville,serif;font-size:1rem;font-style:italic;color:#0009}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#8b6914;text-transform:uppercase;letter-spacing:.05em}.form-group input{width:100%;padding:.9rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;background:#fff;border:2px solid #C9BFB0;border-radius:8px;color:#1a1a1a;transition:all .2s}.form-group input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.error-message{padding:1rem;background:#8b3a3a1a;border:2px solid #8B3A3A;border-radius:8px;color:#8b3a3a;font-family:Inter,sans-serif;font-size:.9rem;text-align:center}.auth-button{padding:1rem 2rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid #D4AF37;background:linear-gradient(180deg,#d4af37,#8b6914);color:#fff;box-shadow:0 3px 8px #0003}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 12px #0000004d}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{background:none;border:none;font-family:Inter,sans-serif;font-size:.9rem;color:#8b6914;cursor:pointer;text-decoration:underline;padding:.5rem}.auth-toggle:hover{color:#d4af37}@media(max-width:768px){.auth-card{padding:2rem}.auth-header h1{font-size:1.5rem}}.auth-forgot-link{background:none;border:none;color:#8b6914;font-family:Inter,sans-serif;font-size:.85rem;cursor:pointer;padding:.5rem;margin-top:.5rem;transition:color .2s}.auth-forgot-link:hover{color:#d4af37;text-decoration:underline}.auth-instructions{font-family:Inter,sans-serif;font-size:.9rem;color:#0009;text-align:center;margin-bottom:1.5rem;line-height:1.5}.auth-success,.auth-error-state{text-align:center;padding:1rem 0}.auth-success h2,.auth-error-state h2{font-family:Cinzel,serif;font-size:1.4rem;color:#1a1a1a;margin:1rem 0 .75rem}.auth-success p,.auth-error-state p{font-family:Inter,sans-serif;font-size:.95rem;color:#000000b3;line-height:1.6;margin-bottom:1rem}.success-icon{width:60px;height:60px;margin:0 auto;background:linear-gradient(135deg,#6b7d5d,#8b9e7d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.error-icon{width:60px;height:60px;margin:0 auto;background:linear-gradient(135deg,#8b3a3a,#a85454);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.success-hint{font-size:.85rem!important;font-style:italic;color:#00000080!important}.auth-loading{text-align:center;padding:2rem}.auth-loading p{font-family:Inter,sans-serif;font-size:1rem;color:#8b6914}.auth-select{width:100%;padding:.875rem;font-family:Inter,sans-serif;font-size:.95rem;border:2px solid rgba(212,175,55,.3);border-radius:8px;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s;outline:none}.auth-select:hover{border-color:#d4af3799}.auth-select:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.checkbox-label{display:flex;align-items:center;gap:.75rem;font-family:Inter,sans-serif;font-size:.95rem;color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#d4af37}.checkbox-label span{flex:1}.form-help{display:block;margin-top:.5rem;font-family:Inter,sans-serif;font-size:.85rem;color:#666;font-style:italic;line-height:1.4}.beta-banner{background:linear-gradient(135deg,#eab308,#ca8a04);border-bottom:2px solid #a16207;padding:.5rem 2rem;box-shadow:0 2px 8px #00000026}.beta-banner-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.beta-badge{display:inline-block;padding:.2rem .6rem;background:#fff;color:#a16207;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:4px;box-shadow:0 2px 4px #0000001a}.beta-text{flex:1;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:#fff;min-width:200px}.beta-link{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:#fff;color:#a16207;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .2s;box-shadow:0 2px 4px #0000001a}.beta-link:hover{background:#fffbeb;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@media(max-width:768px){.beta-banner{padding:.5rem 1rem}.beta-banner-content{justify-content:center;text-align:center}.beta-text{font-size:.8rem}.beta-link{width:100%;justify-content:center}}.user-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;border:2px solid rgba(212,175,55,.3);transition:all .2s ease}.user-avatar.clickable{cursor:pointer}.user-avatar.clickable:hover{border-color:#d4af37;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.user-avatar-image{width:100%;height:100%;object-fit:cover}.user-avatar-initial{font-family:Cinzel,serif;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.user-avatar-xs{width:24px;height:24px;border-width:1px}.user-avatar-xs .user-avatar-initial{font-size:12px}.user-avatar-sm{width:32px;height:32px}.user-avatar-sm .user-avatar-initial{font-size:14px}.user-avatar-md{width:48px;height:48px}.user-avatar-md .user-avatar-initial{font-size:18px}.user-avatar-lg{width:80px;height:80px;border-width:3px}.user-avatar-lg .user-avatar-initial{font-size:32px}.user-avatar-xl{width:120px;height:120px;border-width:4px}.user-avatar-xl .user-avatar-initial{font-size:48px}@media(max-width:768px){.user-avatar-lg{width:64px;height:64px}.user-avatar-lg .user-avatar-initial{font-size:28px}.user-avatar-xl{width:96px;height:96px}.user-avatar-xl .user-avatar-initial{font-size:40px}}.dashboard-wrapper{min-height:100vh;min-width:fit-content;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0e8,#e8e0d5)}.dashboard-container{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:0 2rem 3rem}.hero-section{text-align:center;padding:2rem 0 2.5rem}.welcome-title{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;color:#1a1a1a}.player-name-dashboard{font-family:Cinzel,serif;font-size:2.9rem;font-weight:600;color:#c4963b;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}.welcome-subtitle{font-family:Libre Baskerville,serif;font-size:1.1rem;font-style:italic;color:#0009}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#d4af37}.stat-icon{width:56px;height:56px;min-width:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b6914,#d4af37);border-radius:12px;box-shadow:0 4px 8px #00000026}.stat-icon svg{width:28px;height:28px;stroke:#fff;stroke-width:2}.stat-icon.victory{background:linear-gradient(135deg,#6b7d5d,#8b9e7d)}.stat-icon.winrate{background:linear-gradient(135deg,#5d6b7d,#7d8b9e)}.stat-icon.score{background:linear-gradient(135deg,#8b6914,#d4af37)}.stat-content{flex:1;min-width:0}.stat-value{font-family:Cinzel,serif;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem;color:#1a1a1a}.stat-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b6914;margin-bottom:.25rem}.stat-detail{font-family:Inter,sans-serif;font-size:.75rem;color:#888}.quick-actions{margin-bottom:2.5rem}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.action-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:2px solid #D5CBBD;border-radius:12px;text-decoration:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00000014}.action-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f;border-color:#d4af37}.action-card.primary{border-color:#d4af37;background:linear-gradient(180deg,#fffcf7,#fbf7f0)}.action-card.primary:hover{background:linear-gradient(180deg,#fff,#fffcf7)}.action-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b6914,#d4af37);border-radius:10px;box-shadow:0 3px 6px #00000026}.action-icon svg{width:24px;height:24px;stroke:#fff;stroke-width:2}.action-content{flex:1}.action-title{font-family:Inter,sans-serif;font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:.15rem}.action-description{font-family:Inter,sans-serif;font-size:.8rem;color:#888}.recent-games,.stats-overview{margin-bottom:2.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-medium)}.section-title{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b6914}.section-link{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#8b6914;background:none;border:none;cursor:pointer;transition:color .2s}.section-link:hover{color:#d4af37}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.recent-games-table{width:100%;border-collapse:collapse}.recent-games-table thead{background:linear-gradient(180deg,#fbf7f0,#f5f0e8);border-bottom:2px solid #8B6914}.recent-games-table th{padding:1rem .75rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:800;color:#5e4b2a;letter-spacing:.04em}.recent-games-table thead th:first-child{border-top-left-radius:10px}.recent-games-table thead th:last-child{border-top-right-radius:10px}.recent-games-table tbody tr{border-bottom:1px solid #E8E0D5;transition:background .15s;cursor:pointer}.recent-games-table tbody tr:last-child{border-bottom:none}.recent-games-table tbody tr:hover{background:#8b69140f;box-shadow:inset 0 0 0 1px #8b691426}.recent-games-table td{padding:.875rem 1.25rem;font-family:Inter,sans-serif;font-size:.9rem;color:#1a1a1a;vertical-align:middle}.date-value{font-weight:600;color:#1a1a1a}.matchup-cell{display:flex;align-items:center;gap:.5rem}.faction-icon-sm{width:2.5rem;height:2.5rem;object-fit:contain}.vs-text{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;margin:0 .25rem}.opponent-name{font-size:.85rem;color:#5a5a5a;margin-left:.25rem}.tbd-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:#e8e0d5;border-radius:4px;font-size:.75rem;font-weight:600;color:#888}.score-cell{text-align:center}.score-value{font-family:Cinzel,serif;font-weight:700;font-size:1rem;color:#1a1a1a}.result-badge.ongoing,.result-badge.upcoming,.result-badge.unfinished{background:#d4af3726;color:#8b6914}.empty-state-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:3rem;text-align:center}.empty-state-card p{color:#888;margin-bottom:1.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b6914,#d4af37);border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 4px 12px #d4af374d;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4af3766}.overview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.overview-card{padding:1.5rem;background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .3s}.overview-card:hover{border-color:#d4af37;box-shadow:0 8px 20px #0000001f;transform:translateY(-3px)}.overview-title{font-family:Cinzel,serif;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b6914;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #E8E0D5}.overview-content{display:flex;align-items:center;gap:1rem}.faction-large{width:4rem;height:4rem;object-fit:contain}.overview-value{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:.25rem}.overview-detail{font-family:Inter,sans-serif;font-size:.85rem;color:#888}.no-data{color:#888;font-style:italic;font-size:.9rem}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#5a5a5a}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.overview-cards{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard-container{padding:0 1rem 2rem}.hero-section{padding:1.5rem 0 2rem}.welcome-title{font-size:1.75rem}.player-name-dashboard{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}.actions-grid{grid-template-columns:1fr;gap:1rem}.section-title{font-size:1.2rem}.recent-games-table th,.recent-games-table td{padding:.75rem;font-size:.85rem}.faction-icon-sm{width:2rem;height:2rem}}@media(max-width:480px){.matchup-cell{flex-wrap:wrap}.recent-games-table th:nth-child(3),.recent-games-table td:nth-child(3){display:none}.result-badge{padding:.25rem .5rem;font-size:.6rem}}.wtc-score-badge{display:inline-block;padding:.375rem .75rem;background:#6b7280;color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.score-display{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-value{white-space:pre-line;text-align:center;line-height:1.4}header{margin:2rem auto;text-align:center;position:relative}header h1{font-family:Cinzel,serif;margin:0;padding:0 .5rem;font-size:3rem;font-weight:700;text-transform:uppercase}#app-title-name{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:1.5rem}#app-title-name img{height:1.5rem;flex:1;max-width:25%}#app-title-logo{display:flex;align-items:center;justify-content:center;gap:.75rem}.horizontal-line-logo{height:1.5rem;flex:1;max-width:20%}.aquila{height:4.5rem;flex-shrink:0}#app-title-name[style*="cursor: pointer"]:hover,#app-title-logo[style*="cursor: pointer"]:hover{opacity:.85;transition:opacity .2s ease}#app-title-name,#app-title-logo{transition:opacity .2s ease}.header-user-actions{position:absolute;top:0;right:2rem;display:flex;align-items:center;gap:1rem}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:0;background:transparent;border:none;cursor:pointer;transition:opacity .2s}.user-menu-trigger:hover{opacity:.8}button.user-menu-trigger{background-color:transparent;border:none;padding:0;border-radius:0}button.user-menu-trigger:hover{background-color:transparent;border-color:transparent}button.user-menu-trigger:focus,button.user-menu-trigger:focus-visible{outline:none}.user-menu-trigger .user-avatar{flex-shrink:0}.user-menu-trigger .user-nickname{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:#8b6914}.menu-chevron{width:16px;height:16px;color:#8b6914;transition:transform .2s ease}.menu-chevron.open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:#f5f0e8;border:2px solid #D5CBBD;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .15s;text-align:left}.dropdown-item:hover:not(:disabled){background:#8b69141a}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item svg{width:18px;height:18px;color:#5a5a5a;flex-shrink:0}.dropdown-item.admin-item{color:#8b6914;font-weight:600}.dropdown-item.admin-item svg{color:#8b6914}.dropdown-item.admin-item:hover{background:#d4af3726}.dropdown-item.signout-item{color:#8b3a3a}.dropdown-item.signout-item svg{color:#8b3a3a}.dropdown-item.signout-item:hover{background:#8b3a3a1a}.coming-soon-badge{margin-left:auto;padding:.15rem .4rem;background:#e8e0d5;border-radius:4px;font-size:.65rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.03em}.dropdown-divider{height:1px;background:#d5cbbd;margin:.25rem 0}@media(max-width:768px){header h1{font-size:2rem}.aquila{height:3rem}.header-user-actions{position:static;justify-content:center;margin-top:1rem}.user-dropdown-menu{position:fixed;inset:auto 0 0;border-radius:16px 16px 0 0;min-width:100%;padding-bottom:env(safe-area-inset-bottom)}.dropdown-item{padding:1rem 1.25rem;font-size:1rem}}.games-list-wrapper{min-height:100vh;min-width:fit-content;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0e8,#e8e0d5)}main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:0 2rem 3rem}.page-title{text-align:center;padding:1.5rem 0 2rem}.page-title h2{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#1a1a1a;margin:0}.title-lower{text-transform:none}.filters-trigger-fixed{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;margin-bottom:1.5rem;background:#fff;border:2px solid #D5CBBD;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#5a5a5a;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000014}.filters-trigger-fixed:hover{border-color:#8b6914;color:#8b6914}.filters-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#d4af37;border-radius:10px;font-size:.7rem;font-weight:700;color:#fff}.filters-panel{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;opacity:0;pointer-events:none;transition:opacity .2s}.filters-panel.active{opacity:1;pointer-events:auto}.filters-panel-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:100%;max-width:600px;max-height:80vh;overflow-y:auto}.filters-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid #E8E0D5}.filters-panel-title{display:flex;align-items:center;gap:.75rem;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;color:#8b6914;text-transform:uppercase}.filters-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;border-radius:50%;transition:all .2s}.filters-close:hover{background:#e8e0d5;color:#1a1a1a}.filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;color:#5a5a5a;text-transform:uppercase;letter-spacing:.03em}.filter-select{padding:.75rem 1rem;background:#fff;border:2px solid #D5CBBD;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;color:#1a1a1a;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#d4af37}.filters-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:2px solid #E8E0D5;background:#fafafa;border-radius:0 0 12px 12px}.btn-reset{padding:.75rem 1.25rem;background:none;border:2px solid #D5CBBD;border-radius:8px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#5a5a5a;cursor:pointer;transition:all .2s}.btn-reset:hover{border-color:#c62828;color:#c62828}.btn-apply{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b6914,#d4af37);border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}#my-games-list{margin-bottom:2rem}#games-table,.game-history-table{width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;border-collapse:collapse;border-spacing:0;padding:.5rem}.game-history-table thead{background:linear-gradient(180deg,#fbf7f0,#f5f0e8);border-bottom:2px solid #8B6914}.game-history-table th{padding:1rem .75rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:800;color:#5e4b2a;letter-spacing:.04em}.game-history-table thead th:first-child{border-top-left-radius:10px}.game-history-table th:last-child{border-top-right-radius:10px}.game-history-table tbody tr{border-bottom:1px solid #E8E0D5;transition:background .15s;cursor:pointer}.game-history-table tbody tr:last-child{border-bottom:none}.game-history-table tbody tr:hover{background:#8b69140f;box-shadow:inset 0 0 0 1px #8b691426}.game-history-table td{padding:.75rem;font-family:Inter,sans-serif;font-size:.9rem;color:#1a1a1a;vertical-align:middle}.col-date{width:130px}.col-player,.col-opponent{width:200px}.col-factions,.col-format{width:120px}.col-mission{width:180px}.col-score{width:120px;text-align:center}.primary-value{font-weight:600;color:#1a1a1a;font-size:.9rem}.primary-value.bold{font-family:Cinzel,serif;font-weight:700}.subprimary-value,.secondary-value{font-size:.8rem;color:#888;margin-top:.2rem}.tbd-value{color:#aaa;font-style:italic}.player-details,.opponent-details{display:flex;align-items:center;gap:.75rem}.faction-icon img{height:3rem;width:3rem;object-fit:contain}.faction-info{display:flex;flex-direction:column;justify-content:center}.faction-name{font-weight:600;color:#1a1a1a;font-size:.9rem}.detachment-name{font-size:.8rem;color:#888;margin-top:.15rem}.opponent-details.tbd{color:#888}.tbd-placeholder-small{width:3rem;height:3rem;border-radius:50%;background:#e8e0d5;display:flex;align-items:center;justify-content:center;color:#888;font-size:1.25rem;font-weight:700}.factions-combined{display:flex;align-items:center;gap:.5rem}.factions-combined .faction-icon-small{flex-shrink:0}.factions-combined .faction-icon-small img{width:2rem;height:2rem;object-fit:contain}.vs-separator{font-size:.7rem;font-weight:700;color:#888;text-transform:uppercase}.tbd-placeholder-tiny{width:2rem;height:2rem;border-radius:50%;background:#e8e0d5;display:flex;align-items:center;justify-content:center;color:#888;font-size:.9rem;font-weight:700}.cell-score,.cell-with-secondary{text-align:center}@media(max-width:992px){main{padding:0 1.5rem 2rem}.page-title h2{font-size:2rem}.filters-grid{grid-template-columns:1fr}}@media(max-width:768px){main{padding:0 1rem 2rem}.page-title{padding:1rem 0 1.5rem}.page-title h2{font-size:1.75rem}.desktop-only{display:none}.mobile-only{display:table-cell}.game-history-table th,.game-history-table td{padding:.75rem;font-size:.85rem}.faction-icon img{height:2.25rem;width:2.25rem}.col-format,.col-mission{display:none}}@media(max-width:480px){.game-history-table th,.game-history-table td{padding:.5rem;font-size:.8rem}.result-badge{padding:.25rem .5rem;font-size:.6rem}.factions-combined .faction-icon-small img{width:1.75rem;height:1.75rem}}@media(max-width:375px){.result-badge{padding:.2rem .4rem;font-size:.55rem}.factions-combined .faction-icon-small img{width:1.5rem;height:1.5rem}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.result-badge.wtc-score{background:#6b7280;color:#fff}.wtc-score-text{color:#6b7280;font-style:italic;font-size:.9rem}.cell-score .primary-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.cell-score .secondary-value{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.form-container{max-width:900px;margin:0 auto;padding:0 2rem 3rem}.form-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding:0 1rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.progress-step:not(.disabled):hover{transform:translateY(-2px)}.progress-step:not(.disabled):hover .step-number{box-shadow:0 6px 16px #d4af3780}.progress-step.disabled{cursor:not-allowed;opacity:.5}.step-number{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:3px solid var(--border-medium);font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;color:var(--border-medium);transition:all .3s}.progress-step.active .step-number{background:linear-gradient(135deg,#8b6914,#d4af37);border-color:#d4af37;color:#fff;box-shadow:0 4px 12px #d4af3766}.progress-step.completed .step-number{background:linear-gradient(135deg,#6b7d5d,#8b9e7d);border-color:#8b9e7d;color:#fff}.step-label{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;color:#00000080;text-transform:uppercase;letter-spacing:.05em;text-align:center}.progress-step.active .step-label{color:#8b6914}.progress-step.completed .step-label{color:#6b7d5d}.progress-line{flex:1;height:3px;background:var(--border-light);margin:0 .5rem;position:relative;top:-1rem}.form-card{background:linear-gradient(180deg,var(--table-bg-light) 0%,var(--table-bg-dark) 100%);border:2px solid var(--border-medium);border-radius:12px;padding:2.5rem;box-shadow:0 4px 12px #00000026}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-medium)}.form-title{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b6914}.step-indicator{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#0009}.step-indicator #currentStep{color:#d4af37;font-size:1.1rem}.form-step{display:none}.form-step.active{display:block;animation:fadeIn .3s ease-in}.step-title{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#1a1a1a;margin-bottom:1.5rem}.form-label{display:block;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#8b6914;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.required{color:#8b3a3a}.form-input,.form-select{width:100%;padding:.9rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;background:#fff;border:2px solid var(--border-medium);border-radius:8px;color:#1a1a1a;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.form-input::placeholder{color:#0006}.form-textarea{width:100%;padding:.9rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;background:#fff;border:2px solid var(--border-medium);border-radius:8px;color:#1a1a1a;transition:all .2s;resize:vertical;min-height:120px}.form-textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.form-textarea::placeholder{color:#0006}.textarea-hint{margin-top:.5rem;font-family:Inter,sans-serif;font-size:.8rem;font-style:italic;color:#00000080}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238B6914' d='M1.41 0L6 4.59L10.59 0L12 1.41l-6 6l-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.radio-group{display:flex;gap:1.5rem}.radio-label{display:flex;align-items:center;gap:.75rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;color:#1a1a1a;cursor:pointer;padding:.75rem 1.25rem;background:#fff;border:2px solid var(--border-medium);border-radius:8px;transition:all .2s}.radio-label:hover{border-color:#8b6914}.radio-label input[type=radio]{display:none}.radio-custom{width:20px;height:20px;border:2px solid var(--border-medium);border-radius:50%;position:relative;transition:all .2s}.radio-label input[type=radio]:checked~.radio-custom{border-color:#d4af37;background:#fff}.radio-label input[type=radio]:checked~.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:linear-gradient(135deg,#8b6914,#d4af37);border-radius:50%}.radio-label input[type=radio]:checked{border-color:#d4af37;background:#d4af370d}.score-inputs-group{margin-top:1.5rem}.score-row{display:flex;align-items:flex-start;gap:1.5rem}.score-row .form-group{flex:1}.score-separator{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#0000004d;height:44px;display:flex;align-items:center;margin-top:2rem;line-height:1}.score-input{text-align:center;font-size:1.2rem;font-weight:700}.calculated-wtc{margin-top:1.5rem;padding:1rem;background:#d4af371a;border:2px solid #D4AF37;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.calculated-label{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#8b6914;text-transform:uppercase}.calculated-value{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:#1a1a1a}.result-buttons{display:flex;gap:1rem}.result-btn{flex:1;padding:1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;color:#fff}.victory-btn{background:linear-gradient(180deg,#8b9e7d,#6b7d5d);border-color:#6b7d5d}.victory-btn:hover,.victory-btn.selected{background:linear-gradient(180deg,#6b7d5d,#8b9e7d);border-color:#8b9e7d;box-shadow:0 4px 12px #6b7d5d66}.defeat-btn{background:linear-gradient(180deg,#a85454,#8b3a3a);border-color:#8b3a3a}.defeat-btn:hover,.defeat-btn.selected{background:linear-gradient(180deg,#8b3a3a,#a85454);border-color:#a85454;box-shadow:0 4px 12px #8b3a3a66}.draw-btn{background:linear-gradient(180deg,#7d8b9e,#5d6b7d);border-color:#5d6b7d}.draw-btn:hover,.draw-btn.selected{background:linear-gradient(180deg,#5d6b7d,#7d8b9e);border-color:#7d8b9e;box-shadow:0 4px 12px #5d6b7d66}.form-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:2px solid var(--border-medium)}.btn-primary,.btn-secondary,.btn-cancel,.btn-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.75rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent}.btn-primary,.btn-submit{background:linear-gradient(180deg,#d4af37,#8b6914);border-color:#d4af37;color:#fff;box-shadow:0 3px 8px #0003}.btn-primary:hover,.btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 12px #0000004d}.btn-secondary{background:linear-gradient(180deg,var(--table-bg-light) 0%,var(--table-bg-dark) 100%);border-color:var(--border-medium);color:#8b6914}.btn-secondary:hover:not(:disabled){border-color:#8b6914}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-cancel{background:transparent;border-color:#8b3a3a;color:#8b3a3a}.btn-cancel:hover{background:linear-gradient(180deg,#a85454,#8b3a3a);color:#fff;border-color:#a85454}.btn-primary svg,.btn-secondary svg,.btn-submit svg{width:18px;height:18px;stroke:currentColor}footer{text-align:center;padding:2rem 0;margin-top:3rem;border-top:2px solid var(--border-medium)}.footer-text{font-family:Libre Baskerville,serif;font-size:.9rem;font-style:italic;color:#00000080}@media(max-width:768px){.form-container{padding:0 1rem 2rem}.form-progress{flex-wrap:wrap;gap:1rem}.progress-step{flex:1 1 calc(33.333% - 1rem);min-width:80px}.progress-line{display:none}.step-label{font-size:.7rem}.step-number{width:40px;height:40px;font-size:1rem}.form-card{padding:1.5rem}.form-title{font-size:1.4rem}.radio-group{flex-direction:column;gap:.75rem}.radio-label{width:100%}.score-row{flex-direction:column;gap:1rem}.score-separator{display:none}.result-buttons{flex-direction:column}.form-navigation{flex-wrap:wrap}.btn-cancel{order:-1;width:100%}}.upcoming-toggle{margin-bottom:2rem;padding:1.25rem;background:linear-gradient(180deg,#4a90e214,#4a90e208);border:2px solid rgba(74,144,226,.3);border-radius:10px}.upcoming-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.upcoming-checkbox input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#4A90E2;cursor:pointer}.checkbox-custom{display:none}.checkbox-text{display:flex;flex-direction:column;gap:.25rem}.checkbox-text strong,.upcoming-checkbox>span:first-of-type{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#1a1a1a}.checkbox-hint{display:block;font-family:Inter,sans-serif;font-size:.8rem;font-weight:400;color:#666;line-height:1.4;margin-top:.25rem}.upcoming-notice{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:linear-gradient(180deg,#4a90e21f,#4a90e20f);border:1px solid rgba(74,144,226,.4);border-left:4px solid #4A90E2;border-radius:8px}.upcoming-notice svg{width:20px;height:20px;min-width:20px;stroke:#4a90e2;margin-top:2px}.upcoming-notice span{font-family:Inter,sans-serif;font-size:.9rem;color:#2c5282;line-height:1.5}.upcoming-notice strong{color:#1a365d}.upcoming-notice.small{padding:.6rem 1rem;margin-bottom:1rem;background:#4a90e214;border-left-width:3px}.upcoming-notice.small svg{display:none}.upcoming-notice.small span{font-size:.85rem;font-style:italic;color:#4a90e2}.form-group .form-label .optional-indicator{font-weight:400;font-size:.8rem;color:#888;font-style:italic;margin-left:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:Inter,sans-serif;font-size:.95rem;color:#1a1a1a}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#8B6914;cursor:pointer}@media(max-width:768px){.upcoming-toggle{padding:1rem}.upcoming-notice{padding:.85rem 1rem}.upcoming-notice svg{width:18px;height:18px;min-width:18px}.upcoming-notice span{font-size:.85rem}.checkbox-hint{font-size:.75rem}}.upcoming-toggle{transition:all .3s ease}.upcoming-toggle:has(input:checked){background:linear-gradient(180deg,#4a90e226,#4a90e214);border-color:#4a90e2}.form-progress{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:2rem;flex-wrap:wrap}.progress-step{transition:all .3s ease}.input-hint{display:block;margin-top:.4rem;font-size:.8rem;color:#666}.char-count{font-weight:500;color:#8b6914}.char-count.error{color:#c33;font-weight:600}input[type=url].form-input{font-family:Inter,monospace;font-size:.9rem}input[type=url].form-input::placeholder{font-family:Inter,sans-serif;font-size:.9rem;color:#999}.url-warning{display:block;margin-top:.5rem;color:#ff9800;font-weight:600;font-size:.85rem}.map-selector{margin-top:.5rem}.btn-select-map{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#f5f0e8,#e8e0d5);border:2px dashed #C9BFB0;border-radius:8px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;color:#5a5a5a;cursor:pointer;transition:all .2s}.btn-select-map:hover:not(:disabled){border-color:#8b6914;color:#8b6914;background:linear-gradient(135deg,#fbf7f0,#f5f0e8)}.btn-select-map:disabled{opacity:.5;cursor:not-allowed}.selected-map-preview{display:flex;align-items:center;gap:1rem;padding:.75rem;background:linear-gradient(135deg,#f5f0e8,#e8e0d5);border:2px solid #C9BFB0;border-radius:8px}.map-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #D5CBBD}.selected-map-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.map-name{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#1a1a1a}.btn-change-map{padding:.4rem .8rem;background:#8b6914;border:none;border-radius:4px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;align-self:flex-start;transition:background .2s}.btn-change-map:hover{background:#d4af37}.btn-clear-map{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:#8b3a3acc;border:none;border-radius:4px;font-size:.8rem;color:#fff;cursor:pointer;transition:background .2s}.btn-clear-map:hover{background:#8b3a3a}.map-hint{font-family:Inter,sans-serif;font-size:.85rem;color:#888;font-style:italic;margin:.5rem 0 0}.map-modal{position:relative;width:90%;max-width:800px;max-height:85vh;background:#f5f0e8;border-radius:12px;box-shadow:0 20px 60px #0006;overflow:hidden;display:flex;flex-direction:column}.map-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:3px solid #D4AF37}.map-modal-header h3{font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;color:#d4af37;margin:0;text-transform:uppercase;letter-spacing:.05em}.modal-close{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.modal-close:hover{color:#d4af37}.map-modal-info{display:flex;gap:.75rem;padding:1rem 1.5rem;background:#d4af371a;border-bottom:1px solid #D5CBBD}.map-filter-tag{padding:.35rem .75rem;background:#8b6914;border-radius:4px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.03em}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem;overflow-y:auto;max-height:calc(85vh - 150px)}.map-grid.map-grid-6{grid-template-columns:repeat(3,1fr)}.map-card{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#fff;border:2px solid #D5CBBD;border-radius:8px;cursor:pointer;transition:all .2s}.map-card:hover{border-color:#8b6914;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.map-card.selected{border-color:#d4af37;background:#d4af371a;box-shadow:0 0 0 3px #d4af374d}.map-card-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;margin-bottom:.5rem}.map-card-name{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;color:#1a1a1a;text-align:center}.no-maps-message{padding:3rem;text-align:center;color:#888}@media(max-width:600px){.map-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.map-modal{width:95%;max-height:90vh}}.form-wrapper{min-height:100vh;background:linear-gradient(135deg,#f5f0e8,#e8e0d5);background-size:cover;background-attachment:fixed}.checkbox-label input[type=checkbox]{width:auto;margin-right:.5rem}.error-message{padding:1rem;background:#8b3a3a1a;border:2px solid #8B3A3A;border-radius:8px;color:#8b3a3a;font-family:Inter,sans-serif;font-size:.9rem;text-align:center;margin-bottom:1.5rem}.game-detail-wrapper{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0e8,#e8e0d5)}.gd-container{flex:1;max-width:900px;width:100%;margin:0 auto;padding:0 1.5rem 3rem}.gd-loading,.gd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;font-family:Inter,sans-serif;color:#5a5a5a}.gd-loading-spinner{width:40px;height:40px;border:3px solid #E8E0D5;border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.gd-btn-back{margin-top:1rem;padding:.5rem 1rem;background:none;border:2px solid #8B6914;border-radius:6px;color:#8b6914;font-weight:600;cursor:pointer}.gd-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:1.5rem;border-bottom:2px solid #D5CBBD}.gd-back-btn{display:flex;align-items:center;gap:.5rem;padding:0;background:none;border:none;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#8b6914;cursor:pointer;transition:color .2s}.gd-back-btn:hover{color:#d4af37}.gd-back-btn svg{width:20px;height:20px}.gd-actions{display:flex;gap:.75rem}.gd-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none}.gd-btn svg{width:16px;height:16px}.gd-btn-edit{background:#fff;border:2px solid #8B6914;color:#8b6914}.gd-btn-edit:hover{background:#8b6914;color:#fff}.gd-btn-delete{background:#fff;border:2px solid #C62828;color:#c62828;padding:.5rem}.gd-btn-delete:hover{background:#c62828;color:#fff}.gd-btn-share{background:linear-gradient(135deg,#8b6914,#d4af37);border:none;color:#fff}.gd-btn-share:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.gd-banner{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-family:Inter,sans-serif}.gd-banner svg{flex-shrink:0}.gd-banner strong{display:block;font-size:.95rem;margin-bottom:.125rem}.gd-banner span{font-size:.85rem;opacity:.8}.gd-banner-upcoming{background:#d4af371f;border:2px solid #D4AF37;color:#8b6914}.gd-banner-team{background:#d4af3714;border:2px solid rgba(212,175,55,.3);color:#5a5a5a}.gd-battle-card{background:#fff;border:2px solid #D4AF37;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem}.gd-hero{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;padding:2rem;align-items:center}.gd-faction{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.gd-faction-left{align-items:flex-start;text-align:left}.gd-faction-right{align-items:flex-end;text-align:right}.gd-faction-logo{width:72px;height:72px;object-fit:contain}.gd-faction-info{display:flex;flex-direction:column;gap:.25rem}.gd-faction-name{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:#1a1a1a;line-height:1.2}.gd-detachment{font-family:Inter,sans-serif;font-size:.9rem;font-style:italic;color:#888}.gd-army-link{padding:.375rem .75rem;background:#8b691414;border:1px solid rgba(139,105,20,.2);border-radius:4px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#8b6914;cursor:pointer;transition:all .2s}.gd-army-link:hover{background:#8b691426;border-color:#8b6914}.gd-opponent-level{font-family:Inter,sans-serif;font-size:.8rem;color:#888;margin-top:.25rem}.gd-faction-tbd{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gd-tbd-icon{width:72px;height:72px;border-radius:50%;background:#e8e0d5;border:2px dashed #CCC;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#aaa}.gd-tbd-text{font-family:Cinzel,serif;font-size:1.2rem;color:#aaa;font-style:italic}.gd-result-center{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 1rem}.gd-result-badge{padding:.5rem 1.25rem;border-radius:6px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.gd-result-victory{background:#4caf5026;color:#2e7d32;border:2px solid #4CAF50}.gd-result-defeat{background:#f4433626;color:#c62828;border:2px solid #F44336}.gd-result-draw{background:#9e9e9e26;color:#616161;border:2px solid #9E9E9E}.gd-result-upcoming,.gd-result-unfinished{background:#d4af3726;color:#8b6914;border:2px solid #D4AF37}.gd-score-primary{display:flex;align-items:center;gap:.5rem}.gd-score-value{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:#1a1a1a;line-height:1}.gd-score-separator{font-family:Cinzel,serif;font-size:1.5rem;color:#888}.gd-score-secondary{font-family:Inter,sans-serif;font-size:1rem;color:#888}.gd-opponent-name{font-family:Inter,sans-serif;font-size:.9rem;color:#5a5a5a;margin-top:.25rem}.gd-context-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;padding:1rem 2rem;background:#fafaf8;border-top:1px solid #E8E0D5}.gd-context-item{display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.9rem;color:#5a5a5a}.gd-context-item svg{color:#8b6914;flex-shrink:0}.gd-meta-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 2rem;background:#f5f0e8;border-top:1px solid #E8E0D5}.gd-meta-item{font-family:Inter,sans-serif;font-size:.8rem;color:#8b6914;font-weight:500}.gd-meta-item:not(:last-child):after{content:"•";margin-left:.5rem;color:#c9bfb0}.gd-section{background:#fff;border:2px solid #E8E0D5;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.gd-section:hover{border-color:#d4af37}.gd-section-title{display:flex;align-items:center;gap:.5rem;font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:#8b6914;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #E8E0D5}.gd-section-title svg{flex-shrink:0}.gd-map-section .gd-map-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.gd-map-image{max-width:350px;width:100%;border-radius:8px;border:2px solid #D5CBBD;cursor:pointer;transition:all .2s}.gd-map-image:hover{border-color:#d4af37;transform:scale(1.02)}.gd-map-info{display:flex;flex-direction:column;align-items:center;gap:.125rem}.gd-map-name{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#5a5a5a}.gd-map-layout{font-family:Inter,sans-serif;font-size:.8rem;color:#888}.gd-notes-content{font-family:Inter,sans-serif;font-size:.95rem;color:#5a5a5a;line-height:1.7}.gd-notes-content p{margin:0 0 .75rem}.gd-notes-content p:last-child{margin-bottom:0}.gd-mission-rule p{margin:0;font-family:Inter,sans-serif;font-size:.95rem;color:#5a5a5a}.gd-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.gd-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#888;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.gd-modal-close:hover{background:#0000001a;color:#333}.gd-export-modal{position:relative;background:#fff;border-radius:12px;padding:2rem;max-width:680px;width:100%;max-height:90vh;overflow-y:auto}.gd-export-title{display:flex;align-items:center;gap:.75rem;font-family:Cinzel,serif;font-size:1.3rem;color:#1a1a1a;margin:0 0 1.5rem}.gd-export-title svg{color:#8b6914}.gd-export-preview-wrapper{background:#e8e0d5;border-radius:8px;padding:1rem;margin-bottom:1rem}.gd-export-preview{background:linear-gradient(135deg,#f5f0e8,#e8e0d5);border:2px solid #D4AF37;border-radius:8px;overflow:hidden;width:100%}.gd-export-hero{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;padding:1.25rem 1.5rem;align-items:center;background:#fff}.gd-export-faction{display:flex;align-items:center;gap:.75rem}.gd-export-faction-right{justify-content:flex-end}.gd-export-faction img{width:48px;height:48px;object-fit:contain}.gd-export-faction-info{display:flex;flex-direction:column;gap:.125rem}.gd-export-faction-name{font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:#1a1a1a;line-height:1.2}.gd-export-faction-right .gd-export-faction-info{text-align:right}.gd-export-detachment{font-family:Inter,sans-serif;font-size:.75rem;font-style:italic;color:#888}.gd-export-tbd{display:flex;flex-direction:column;align-items:center;color:#aaa;font-style:italic}.gd-export-result{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 .5rem}.gd-export-badge{padding:.375rem 1rem;border-radius:4px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.gd-export-score{font-family:Cinzel,serif;font-size:1.75rem;font-weight:700;color:#1a1a1a;line-height:1}.gd-export-score-secondary{font-family:Inter,sans-serif;font-size:.85rem;color:#888}.gd-export-opponent{font-family:Inter,sans-serif;font-size:.8rem;color:#5a5a5a}.gd-export-context{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.625rem 1rem;background:#fafaf8;font-family:Inter,sans-serif;font-size:.8rem;color:#5a5a5a;border-top:1px solid #E8E0D5}.gd-export-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem;background:#f5f0e8;font-family:Inter,sans-serif;font-size:.75rem;color:#8b6914;font-weight:500;border-top:1px solid #E8E0D5}.gd-export-map{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border-top:1px solid #E8E0D5}.gd-export-map img{max-width:200px;border-radius:6px;border:1px solid #D5CBBD}.gd-export-map span{font-family:Inter,sans-serif;font-size:.75rem;color:#5a5a5a}.gd-export-branding{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(90deg,#2c2416,#3d3425)}.gd-export-brand-logo{display:flex;align-items:center;justify-content:center}.gd-aquila-icon{width:40px;height:20px;color:#d4af37}.gd-export-brand-text{display:flex;flex-direction:column;gap:0}.gd-export-brand-name{font-family:Cinzel,serif;font-size:.85rem;font-weight:700;color:#d4af37;letter-spacing:.1em}.gd-export-brand-url{font-family:Inter,sans-serif;font-size:.7rem;color:#fff9}.gd-export-option{display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.9rem;color:#5a5a5a;cursor:pointer;margin-bottom:1.5rem}.gd-export-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:.85rem;color:#8b6914}.gd-loading-spinner.small{width:20px;height:20px;border-width:2px;margin-bottom:0}.gd-export-option input[type=checkbox]{width:18px;height:18px;accent-color:#8B6914}.gd-export-actions{display:flex;gap:1rem;justify-content:center}.gd-export-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.gd-export-btn:disabled{opacity:.6;cursor:not-allowed}.gd-export-btn-copy{background:#fff;border:2px solid #8B6914;color:#8b6914}.gd-export-btn-copy:hover:not(:disabled){background:#8b6914;color:#fff}.gd-export-btn-download{background:linear-gradient(135deg,#8b6914,#d4af37);border:none;color:#fff}.gd-export-btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.gd-map-modal{position:relative;background:#1a1a1a;border-radius:12px;padding:1rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.gd-map-modal .gd-modal-close{color:#888}.gd-map-modal .gd-modal-close:hover{background:#ffffff1a;color:#d4af37}.gd-map-modal img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px}.gd-map-modal-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(212,175,55,.3);width:100%}.gd-map-modal-name{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:#d4af37}.gd-map-modal-layout{font-family:Inter,sans-serif;font-size:.85rem;color:#888}.gd-external-modal{position:relative;background:#fff;border-radius:12px;padding:2rem;max-width:420px;width:100%;text-align:center}.gd-external-modal h3{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Cinzel,serif;font-size:1.2rem;color:#1a1a1a;margin:0 0 1rem}.gd-external-modal h3 svg{color:#8b6914}.gd-external-modal p{font-family:Inter,sans-serif;font-size:.95rem;color:#5a5a5a;margin:0 0 1rem}.gd-external-preview{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:#f5f0e8;border-radius:8px;margin-bottom:1.5rem}.gd-external-label{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#1a1a1a}.gd-external-domain{font-family:monospace;font-size:.85rem;color:#8b6914}.gd-external-actions{display:flex;gap:1rem;justify-content:center}.gd-btn-secondary{padding:.75rem 1.5rem;background:#fff;border:2px solid #D5CBBD;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#5a5a5a;cursor:pointer;transition:all .2s}.gd-btn-secondary:hover{border-color:#1a1a1a;color:#1a1a1a}.gd-btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b6914,#d4af37);border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.gd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}@media(max-width:768px){.gd-container{padding:0 1rem 2rem}.gd-header{flex-direction:column;gap:1rem;align-items:flex-start}.gd-hero{grid-template-columns:1fr;gap:1.5rem;text-align:center}.gd-faction-left,.gd-faction-right{align-items:center;text-align:center}.gd-faction-logo{width:56px;height:56px}.gd-faction-name{font-size:1.2rem}.gd-result-center{order:-1}.gd-score-value{font-size:2rem}.gd-context-bar{gap:1rem;padding:1rem}.gd-context-item{font-size:.85rem}.gd-export-modal{padding:1.5rem}.gd-export-hero{grid-template-columns:1fr;gap:1rem;text-align:center}.gd-export-faction,.gd-export-faction-right{justify-content:center}.gd-export-faction-info,.gd-export-faction-right .gd-export-faction-info{text-align:center}.gd-export-actions{flex-direction:column}.gd-export-btn{width:100%;justify-content:center}.gd-external-actions{flex-direction:column}}@media(max-width:480px){.gd-faction-name{font-size:1.1rem}.gd-score-value{font-size:1.75rem}.gd-export-faction-name{font-size:.9rem}.gd-export-score{font-size:1.5rem}}:root{--table-bg-light: #F5F0E8;--table-bg-dark: #E8E0D5;--table-hover-light: #FBF7F0;--table-hover-dark: #EDE5D8;--border-light: #D5CBBD;--border-medium: #C9BFB0;--border-dark: #A89B88;--header-border: rgba(0, 0, 0, .3);--text-secondary: rgba(0, 0, 0, .6);--gold: #D4AF37;--gold-dark: #8B6914}.teams-wrapper{min-height:100vh;background:linear-gradient(135deg,#f5f0e8,#e8e0d5);background-size:cover;background-attachment:fixed}.teams-container{max-width:1400px;margin:0 auto;padding:2rem}.teams-header{text-align:center;margin-bottom:3rem}.teams-header h1{font-family:Cinzel,serif;font-size:3rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1a1a1a;margin-bottom:.75rem}.teams-header p{font-family:Inter,sans-serif;font-size:1.1rem;color:var(--text-secondary)}.search-section{max-width:800px;margin:0 auto 3rem}.search-bar{position:relative;width:100%}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:1rem 1.25rem 1rem 3.5rem;font-family:Inter,sans-serif;font-size:1rem;border:2px solid var(--border-medium);border-radius:12px;background:#fffffff2;transition:all .3s}.search-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #d4af371a}.search-input::placeholder{color:var(--text-secondary)}.teams-section{margin-bottom:4rem}.teams-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-medium)}.teams-section-title-group{display:flex;align-items:center;gap:.75rem}.teams-section-icon{color:var(--gold)}.teams-section-title{font-family:Cinzel,serif;font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.teams-section-count{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.teams-section-empty{text-align:center;padding:3rem 1.5rem;background:#ffffff80;border-radius:12px;border:2px dashed var(--border-medium)}.teams-section-empty p{font-family:Inter,sans-serif;font-size:1rem;color:var(--text-secondary);margin:0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.team-card{background:#fff;border:2px solid var(--border-medium);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-dark) 100%);opacity:0;transition:opacity .3s}.team-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.team-card:hover:before{opacity:1}.team-card-my-team{background:linear-gradient(135deg,#fffbf0,#fff9e6);border-color:var(--gold)}.team-card-my-team:before{opacity:1}.team-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.team-logo{width:64px;height:64px;border-radius:8px;object-fit:cover;border:2px solid var(--border-medium);flex-shrink:0}.team-logo-placeholder{width:64px;height:64px;border-radius:8px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#fff;border:2px solid var(--border-medium);flex-shrink:0}.team-card-header-content{flex:1;min-width:0}.team-name{font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.team-acronym{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.team-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:6px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.team-badge-captain{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border:1px solid #DAA520;font-weight:700;box-shadow:0 2px 4px #ffd7004d}.team-badge-vice-captain{background:linear-gradient(135deg,silver,#a9a9a9);color:#1a1a1a;border:1px solid #A0A0A0;font-weight:600;box-shadow:0 2px 4px #c0c0c04d}.team-badge-member{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.3)}.team-badge-public{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.3)}.team-badge-private{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.team-stats{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.team-stat{display:flex;align-items:center;gap:.5rem}.team-stat-icon{color:var(--gold);flex-shrink:0}.team-stat-value{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#1a1a1a}.team-stat-label{font-family:Inter,sans-serif;font-size:.85rem;color:var(--text-secondary)}.team-description{font-family:Inter,sans-serif;font-size:.9rem;line-height:1.5;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.team-card-footer{display:flex;gap:.75rem;margin-top:auto}.team-card-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.team-card-button.primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#fff;box-shadow:0 2px 8px #d4af374d}.team-card-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.team-card-button.secondary{background:#fff;color:var(--gold-dark);border:2px solid var(--border-medium)}.team-card-button.secondary:hover{border-color:var(--gold);background:#d4af370d}.team-card-button.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.team-card-button.disabled:hover{transform:none}.create-team-section{text-align:center;margin-bottom:3rem}.create-team-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:12px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0000004d}.create-team-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{color:var(--border-dark);margin-bottom:1.5rem}.empty-state-title{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem}.empty-state-text{font-family:Inter,sans-serif;font-size:1rem;color:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-family:Cinzel,serif;font-size:1.2rem;color:var(--gold-dark)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,var(--table-bg-light) 0%,var(--table-bg-dark) 100%);border:2px solid var(--border-medium);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;gap:1rem;padding:2rem;border-bottom:2px solid var(--border-medium)}.modal-team-logo{width:80px;height:80px;border-radius:12px;object-fit:cover;border:2px solid var(--border-medium);flex-shrink:0}.modal-team-logo-placeholder{width:80px;height:80px;border-radius:12px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:#fff;border:2px solid var(--border-medium);flex-shrink:0}.modal-title{font-family:Cinzel,serif;font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.modal-subtitle{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:.25rem 0 0}.modal-body{padding:2rem}.modal-section-title{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.modal-section-text{font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-secondary)}.modal-footer{padding:1.5rem 2rem;border-top:2px solid var(--border-medium);display:flex;gap:1rem;justify-content:flex-end}.modal-button{padding:.85rem 1.75rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.modal-button.primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#fff;box-shadow:0 2px 8px #d4af374d}.modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.modal-button.secondary{background:#fff;color:var(--gold-dark);border:2px solid var(--border-medium)}.modal-button.secondary:hover{border-color:var(--gold);background:#d4af370d}.modal-button.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.info-item{background:#ffffff80;border:1px solid var(--border-light);border-radius:8px;padding:1rem}.info-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-family:Inter,sans-serif}.breadcrumb-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid var(--border-medium);border-radius:8px;font-size:.9rem;font-weight:600;color:var(--gold-dark);cursor:pointer;transition:all .2s}.breadcrumb-link:hover{border-color:var(--gold);background:#d4af370d}.breadcrumb-separator{color:var(--text-secondary);font-size:1rem}.breadcrumb-current{font-weight:600;color:#1a1a1a}@media(max-width:1024px){.teams-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.teams-section-title{font-size:1.5rem}.team-logo,.team-logo-placeholder{width:56px;height:56px}.team-logo-placeholder{font-size:1.75rem}.team-name{font-size:1.1rem}}@media(max-width:768px){.teams-container{padding:1rem}.teams-header h1{font-size:2rem}.teams-header p{font-size:1rem}.teams-grid{grid-template-columns:1fr;gap:1rem}.teams-section{margin-bottom:3rem}.teams-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.teams-section-title{font-size:1.35rem}.team-card{padding:1.25rem}.team-card-header{flex-direction:row;align-items:center}.team-logo,.team-logo-placeholder{width:48px;height:48px}.team-logo-placeholder{font-size:1.5rem}.team-name{font-size:1rem;-webkit-line-clamp:3}.team-stats{flex-direction:column;gap:.75rem}.team-card-footer{flex-direction:column}.modal-content{max-height:95vh}.modal-header{flex-direction:column;align-items:flex-start;padding:1.5rem}.modal-body,.modal-footer{padding:1.5rem}.modal-team-logo,.modal-team-logo-placeholder{width:64px;height:64px}.modal-team-logo-placeholder{font-size:2rem}.modal-title{font-size:1.5rem}.modal-footer{flex-direction:column;gap:.75rem}.modal-button{width:100%}.info-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.teams-section-title{font-size:1.2rem}.teams-section-count{font-size:1rem}.team-badge{font-size:.7rem;padding:.3rem .6rem}.team-description{font-size:.85rem}.team-card-button{padding:.65rem 1rem;font-size:.85rem}.team-name{font-size:.95rem}}.team-badges-stack{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0}.team-members-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-light)}.team-members-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem}.team-members-list::-webkit-scrollbar{width:8px}.team-members-list::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.team-members-list::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.team-members-list::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.team-member-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff80;border:1px solid var(--border-light);border-radius:8px;transition:all .2s;cursor:pointer}.team-member-item:hover{background:#fffc;border-color:var(--gold);transform:translate(4px)}.team-member-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-medium);flex-shrink:0}.team-member-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;color:#fff;border:2px solid var(--border-medium);flex-shrink:0}.team-member-username{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#1a1a1a;flex:1}.team-member-item .team-badge{margin-left:auto}.team-members-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-spinner-small{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.team-members-empty{font-family:Inter,sans-serif;font-size:.95rem;color:var(--text-secondary);text-align:center;padding:2rem;background:#00000008;border-radius:8px}@media(max-width:768px){.team-member-item{flex-wrap:wrap;gap:.75rem}.team-member-avatar,.team-member-avatar-placeholder{width:40px;height:40px;font-size:1rem}.team-member-username{font-size:.95rem}.team-member-item .team-badge{margin-left:0;width:100%;justify-content:center}.team-members-list{max-height:300px}}@media(max-width:480px){.team-badges-stack{align-items:flex-start;width:100%}.team-badges-stack .team-badge{width:100%;justify-content:center}}.team-games-container{padding:2rem;min-width:fit-content}.team-games-loading,.team-games-empty{text-align:center;padding:3rem;font-family:Inter,sans-serif;color:#888;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.team-games-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-select{flex:1;min-width:180px;font-family:Inter,sans-serif;font-size:.9rem;padding:.75rem 1rem;border:2px solid #D5CBBD;border-radius:8px;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:#8b6914}.filter-select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}.filter-reset{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:.75rem 1.5rem;border:2px solid #8B6914;border-radius:8px;background:#fff;color:#8b6914;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.03em}.filter-reset:hover{background:#8b6914;color:#fff}.team-games-stats{display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 12px #00000014}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888}.stat-value{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:#1a1a1a}.stat-value.victory{color:#2e7d32}.stat-value.defeat{color:#c62828}.team-games-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.team-games-table{width:100%;border-collapse:collapse;border-spacing:0}.team-games-table .col-date{width:11%}.team-games-table .col-player{width:13%}.team-games-table .col-faction,.team-games-table .col-opponent{width:18%}.team-games-table .col-factions{width:15%}.team-games-table .col-format,.team-games-table .col-mission,.team-games-table .col-score{width:12%}.team-games-table thead{background:linear-gradient(180deg,#fbf7f0,#f5f0e8);border-bottom:2px solid #8B6914}.team-games-table thead th{padding:1rem .75rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:800;color:#5e4b2a;letter-spacing:.04em}.team-games-table thead th:first-child{border-top-left-radius:10px}.team-games-table thead th:last-child{border-top-right-radius:10px}.team-games-table tbody{font-family:Inter,sans-serif}.team-games-table tbody tr{border-bottom:1px solid #E8E0D5;transition:background .15s;cursor:pointer}.team-games-table tbody tr:last-child{border-bottom:none}.team-games-table tbody tr:hover{background:#8b69140f;box-shadow:inset 0 0 0 1px #8b691426}.team-games-table tbody td{padding:.75rem;font-size:.85rem;color:#1a1a1a;vertical-align:middle}.primary-value{font-weight:600;font-size:.9rem;color:#1a1a1a;line-height:1.2}.primary-value.centered{text-align:center}.primary-value.bold{font-family:Cinzel,serif;font-weight:700;font-size:1.1rem}.primary-value.tbd-value{color:#aaa;font-style:italic}.subprimary-value{font-size:.8rem;color:#888;font-style:italic;margin-top:.2rem}.subprimary-value.tbd-value{color:#aaa}.secondary-value{font-size:.75rem;color:#888;font-style:italic;margin-top:.25rem}.tbd-value{color:#aaa!important;font-style:italic}.player-nickname{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#1a1a1a}.faction-cell{display:flex;align-items:center;gap:.75rem}.faction-icon{flex-shrink:0}.faction-icon img{height:2.5rem;width:2.5rem;object-fit:contain}.faction-info{display:flex;flex-direction:column;gap:.1rem}.faction-name{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#1a1a1a}.faction-name.tbd-value{color:#aaa;font-style:italic}.detachment-name{font-family:Inter,sans-serif;font-size:.75rem;color:#888}.faction-cell.tbd{opacity:.7}.tbd-placeholder-small{width:2.5rem;height:2.5rem;min-width:2.5rem;display:flex;align-items:center;justify-content:center;background:#e8e0d5;border:2px dashed #CCC;border-radius:6px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;color:#aaa}.factions-combined{display:flex;align-items:center;justify-content:center;gap:.4rem}.factions-combined .faction-icon-small{width:2rem;height:2rem;flex-shrink:0}.factions-combined .faction-icon-small img{width:100%;height:100%;object-fit:contain}.vs-separator{font-family:Cinzel,serif;font-size:.65rem;font-weight:700;color:#8b6914}.tbd-placeholder-tiny{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#e8e0d5;border:1px dashed #CCC;border-radius:4px;font-size:.8rem;font-weight:700;color:#aaa}.desktop-only{display:table-cell}.mobile-only{display:none}.cell-score,.cell-with-secondary{text-align:center!important;vertical-align:middle!important;padding:.5rem!important}.cell-score .result-badge{display:block;margin:0 auto .35rem}.cell-score .primary-value{display:block;font-size:1.1rem;line-height:1.3}.cell-score .secondary-value{display:block;font-size:.7rem;color:#888;font-style:italic;margin-top:.25rem}.result-badge{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .75rem;border-radius:6px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:inset 0 0 0 1px #00000014}.result-badge.victory{background:#4caf5026;color:#2e7d32}.result-badge.defeat{background:#f4433626;color:#c62828}.result-badge.draw{background:#9e9e9e26;color:#616161}.result-badge.upcoming,.result-badge.ongoing,.result-badge.unfinished{background:#d4af3726;color:#8b6914}@media(max-width:768px){.team-games-container{padding:1rem}.team-games-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.team-games-table{min-width:600px}.team-games-filters{flex-direction:column}.filter-select{width:100%}.team-games-stats{flex-direction:row;flex-wrap:wrap;gap:1rem}.stat-item{flex:1 1 calc(33% - 1rem);min-width:100px}.faction-icon img{width:2rem!important;height:2rem!important}}@media(max-width:480px){.team-games-container{padding:.75rem}.team-games-table{min-width:500px;font-size:.7rem}.team-games-table thead th:nth-child(5),.team-games-table tbody td:nth-child(5){display:none}.team-games-table tbody td:first-child .subprimary-value{display:none}.faction-icon img{width:1.75rem!important;height:1.75rem!important}.cell-score .result-badge{padding:.2rem .4rem;font-size:.55rem}.cell-score .primary-value{font-size:.9rem}}@media(max-width:375px){.team-games-table{min-width:420px;font-size:.6rem}.team-games-table thead th{padding:.5rem .3rem;font-size:.65rem}.team-games-table tbody td{padding:.4rem .3rem}.faction-icon img{width:1.5rem!important;height:1.5rem!important}.desktop-only{display:none!important}.mobile-only{display:table-cell!important}.factions-combined .faction-icon-small{width:1.6rem;height:1.6rem}.tbd-placeholder-tiny{width:1.6rem;height:1.6rem;font-size:.7rem}.vs-separator{font-size:.55rem}.cell-score .result-badge{padding:.15rem .3rem;font-size:.5rem}.cell-score .primary-value{font-size:.8rem}.cell-score .secondary-value{font-size:.55rem}}.player-cell{display:flex;align-items:center;gap:.75rem}.player-nickname{font-family:Inter,sans-serif;font-weight:600;color:#1a1a1a}.teams-wrapper{min-height:100vh;min-width:fit-content;background:linear-gradient(135deg,#f5f0e8,#e8e0d5);background-size:cover;background-attachment:fixed}.team-detail-container{max-width:1500px;margin:0 auto;padding:2rem 2rem 3rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.25rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#8b6914;background:transparent;border:2px solid #C9BFB0;border-radius:8px;cursor:pointer;transition:all .2s}.back-button:hover{background:#8b69141a;border-color:#d4af37;transform:translate(-4px)}.team-detail-card{background:linear-gradient(180deg,#f5f0e8,#e8e0d5);border:2px solid #C9BFB0;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000026}.team-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #C9BFB0}.team-detail-title{font-family:Cinzel,serif;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#1a1a1a;margin:0}.team-acronym{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#00000080;margin-top:.25rem}.role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:2px solid}.role-badge.captain{background:linear-gradient(135deg,#d4af37,#8b6914);border-color:#8b6914;color:#fff}.role-badge.vice-captain{background:linear-gradient(135deg,#7d8b9e,#5d6b7d);border-color:#5d6b7d;color:#fff}.role-badge.member{background:#8b69141a;border-color:#c9bfb0;color:#8b6914}.settings-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:2px solid #C9BFB0;border-radius:8px;cursor:pointer;transition:all .2s;color:#8b6914}.settings-button:hover{background:#8b6914;border-color:#8b6914;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.delete-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:2px solid #dc2626;border-radius:8px;cursor:pointer;transition:all .2s;color:#dc2626}.delete-button:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.team-detail-description{font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;color:#0009;margin-bottom:1.5rem}.team-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0009}.info-value{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;color:#1a1a1a}.team-contact-links{display:flex;gap:1rem;flex-wrap:wrap}.contact-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b69141a;border:1px solid #D5CBBD;border-radius:6px;color:#8b6914;text-decoration:none;font-size:.9rem;font-family:Inter,sans-serif;font-weight:500;transition:all .2s}.contact-link:hover{background:#8b691433;border-color:#d4af37;transform:translateY(-2px)}.team-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #C9BFB0}.team-tab{padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#0009;cursor:pointer;transition:all .2s;position:relative}.team-tab.active{border-bottom-color:#d4af37;color:#8b6914}.team-tab:hover:not(.active){color:#1a1a1a}.tab-notification{position:absolute;top:.5rem;right:.5rem;background:#d4af37;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.member-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid transparent;border-radius:12px;transition:all .2s;position:relative}.member-card:hover{border-color:#d4af37;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.member-card:hover{border-color:#d4af37;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.member-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.member-name{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;color:#1a1a1a}.member-role{display:inline-flex;align-items:center;gap:.35rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.25rem .75rem;border-radius:4px;width:fit-content}.member-role.captain{background:#d4af3733;color:#8b6914}.member-role.vice-captain{background:#7d8b9e33;color:#5d6b7d}.member-role.member{background:#8b69141a;color:#0009}.remove-member-button{padding:.5rem;background:transparent;border:2px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;transition:all .2s}.remove-member-button:hover{background:#dc2626;color:#fff}.leave-team-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #C9BFB0;display:flex;justify-content:center}.leave-team-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;border:2px solid #dc2626;border-radius:8px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#dc2626;cursor:pointer;transition:all .2s}.leave-team-button:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.requests-empty-state{text-align:center;padding:3rem 2rem;color:#0009}.requests-empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{background:linear-gradient(180deg,#f5f0e8,#e8e0d5);border:2px solid #D5CBBD;border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.request-info{flex:1}.request-user-name{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.request-message{font-family:Inter,sans-serif;font-size:.95rem;font-style:italic;color:#0009;margin:.5rem 0}.request-date{font-family:Inter,sans-serif;font-size:.85rem;color:#00000080}.request-actions{display:flex;gap:.75rem}.approve-button,.reject-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;border-radius:6px;border:2px solid;cursor:pointer;transition:all .2s}.approve-button{background:transparent;border-color:#16a34a;color:#16a34a}.approve-button:hover{background:#16a34a;color:#fff}.reject-button{background:transparent;border-color:#dc2626;color:#dc2626}.reject-button:hover{background:#dc2626;color:#fff}.invite-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:2px solid #D4AF37;border-radius:8px;cursor:pointer;transition:all .2s;color:#d4af37}.invite-button:hover{background:#d4af37;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.invite-link-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.invite-link-box{background:#ffffffb3;border:2px solid #C9BFB0;border-radius:8px;padding:1rem}.invite-link-text{font-family:Courier New,monospace;font-size:.9rem;color:#1a1a1a;word-break:break-all;display:block}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:2px solid #D4AF37;border-radius:8px;background:linear-gradient(180deg,#d4af37,#8b6914);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.copy-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.copy-button.copied{background:linear-gradient(180deg,#16a34a,#15803d);border-color:#15803d}.invite-info{background:#8b69141a;border:1px solid #D5CBBD;border-radius:8px;padding:1rem}.invite-info p{font-family:Inter,sans-serif;margin:0}.invite-info code{font-family:Courier New,monospace;background:#ffffffb3;padding:.2rem .5rem;border-radius:4px;font-size:.9rem}.breadcrumb-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;color:#8b6914;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.breadcrumb-link:hover{background:#8b69141a;color:#d4af37}.navigation-buttons{display:flex;gap:1rem;margin-bottom:2rem}.navigation-buttons .back-button{flex:1;max-width:200px}@media(max-width:1024px){.team-detail-container{padding:2rem 1.5rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.team-detail-container{padding:1rem}.team-detail-card{padding:1.5rem}.team-detail-header{flex-direction:column;gap:1rem}.team-detail-title{font-size:1.5rem}.team-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.team-tab{padding:.75rem 1.5rem;font-size:.9rem;white-space:nowrap}.members-grid{grid-template-columns:1fr}.request-card{flex-direction:column;align-items:stretch}.request-actions{width:100%}.approve-button,.reject-button{flex:1}.invite-link-text{font-size:.75rem}.copy-button{font-size:.9rem;padding:.85rem}}.member-factions{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-right:.75rem}.member-faction-logo{width:32px;height:32px;object-fit:contain;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .2s;cursor:help}.member-faction-logo:hover{transform:scale(1.15);background:#ffffff1a;border-color:var(--gold);box-shadow:0 2px 8px #d4af374d}@media(max-width:768px){.member-factions{padding-right:.5rem;gap:.4rem}.member-faction-logo{width:24px;height:24px}}@media(max-width:480px){.member-card{flex-wrap:wrap}.member-factions{order:3;margin-left:0;margin-top:.5rem;padding-right:0;width:100%;justify-content:flex-start;padding-left:56px}.remove-member-button{order:4;margin-top:.5rem}}.stats-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:2px solid #4CAF50;border-radius:8px;cursor:pointer;transition:all .2s;color:#4caf50}.stats-button:hover{border-color:#4caf50;background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.error-state{text-align:center;padding:4rem 2rem}.team-visibility{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#8b69141a;border:2px solid var(--border-medium);color:#8b6914}.team-visibility.private{background:#dc26261a;border-color:#dc2626;color:#dc2626}.join-actions{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-medium);display:flex;justify-content:center}.join-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2.5rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:none;border-radius:12px;background:linear-gradient(180deg,#d4af37,#8b6914);color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0003}.join-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.join-button:disabled{opacity:.6;cursor:not-allowed}.join-status{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;border:2px solid}.join-status h3{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.join-status p{font-family:Inter,sans-serif;font-size:.95rem;margin:0;opacity:.8}.join-status.success{background:#16a34a1a;border-color:#16a34a;color:#15803d}.join-status.success svg{color:#16a34a;flex-shrink:0}.join-status.pending{background:#eab3081a;border-color:#eab308;color:#a16207}.join-status.pending svg{color:#eab308;flex-shrink:0}@media(max-width:768px){.join-button{width:100%;padding:1rem 1.5rem;font-size:1rem}.join-status{flex-direction:column;text-align:center}}.storage-stats-container{padding:2rem;max-width:1200px;margin:0 auto}.storage-header{margin-bottom:2rem}.storage-header h2{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.storage-subtitle{font-family:Inter,sans-serif;font-size:.95rem;color:#888}.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.storage-card{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:#fff;border:2px solid #E8E0D5;border-radius:12px;transition:all .3s}.storage-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#d4af37}.storage-card.primary{grid-column:1 / -1;background:linear-gradient(135deg,#f5f0e8,#e8e0d5);border-color:#d4af37}.card-icon{width:56px;height:56px;min-width:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b6914,#d4af37);border-radius:12px;color:#fff;box-shadow:0 4px 8px #00000026}.card-icon.users{background:linear-gradient(135deg,#2e7d32,#4caf50)}.card-icon.teams{background:linear-gradient(135deg,#1565c0,#42a5f5)}.card-icon.adoption{background:linear-gradient(135deg,#6a1b9a,#ab47bc)}.card-content{flex:1}.card-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:.5rem}.card-value{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.card-detail{font-family:Inter,sans-serif;font-size:.85rem;color:#888}.usage-bar{width:100%;height:8px;background:#0000001a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.usage-fill{height:100%;background:linear-gradient(90deg,#2e7d32,#4caf50 50%,#ffc107,#f44336);transition:width 1s ease}.storage-projections{background:#fff;border:2px solid #E8E0D5;border-radius:12px;padding:2rem;margin-bottom:2rem}.storage-projections h3{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:#8b6914;margin-bottom:.5rem}.projections-subtitle{font-family:Inter,sans-serif;font-size:.9rem;color:#888;margin-bottom:1.5rem}.projections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.projection-card{padding:1.5rem;background:#d4af370d;border:1px solid #E8E0D5;border-radius:8px;text-align:center;transition:all .2s}.projection-card:hover{background:#d4af371a;border-color:#d4af37}.projection-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:.75rem}.projection-value{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:#8b6914;margin-bottom:.5rem}.projection-percent{font-family:Inter,sans-serif;font-size:.85rem;color:#888}.storage-info-box{background:#2196f31a;border:2px solid rgba(33,150,243,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.storage-info-box h4{font-family:Cinzel,serif;font-size:1.2rem;color:#1565c0;margin-bottom:1rem}.storage-info-box ul{list-style:none;padding:0;margin:0}.storage-info-box li{font-family:Inter,sans-serif;font-size:.9rem;color:#1a1a1a;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.storage-info-box li:before{content:"•";position:absolute;left:0;color:#1565c0;font-weight:700}.storage-info-box li strong{color:#1565c0}.storage-actions{text-align:center}.refresh-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b6914,#d4af37);color:#fff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.storage-stats-loading,.storage-stats-error{text-align:center;padding:3rem}.storage-stats-loading .loading-spinner{width:48px;height:48px;border:4px solid #E8E0D5;border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.storage-stats-loading p,.storage-stats-error p{font-family:Inter,sans-serif;color:#888}.retry-button{margin-top:1rem;padding:.5rem 1rem;background:#1565c0;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-weight:600}.retry-button:hover{background:#1976d2}@media(max-width:768px){.storage-stats-container{padding:1rem}.storage-grid,.projections-grid{grid-template-columns:1fr}.card-value,.projection-value{font-size:1.5rem}}.admin-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0e8,#e8e0d5)}.admin-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.admin-header{text-align:center;margin-bottom:2rem}.admin-header h1{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0;text-transform:uppercase;letter-spacing:.05em}.admin-subtitle{font-family:Inter,sans-serif;font-size:1rem;color:#5a5a5a;margin-top:.5rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #D5CBBD;padding-bottom:0}.admin-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#5a5a5a;cursor:pointer;transition:all .2s;margin-bottom:-2px}.admin-tab:hover{color:#8b6914;background:#8b69140d}.admin-tab.active{color:#8b6914;border-bottom-color:#d4af37}.admin-tab svg{width:18px;height:18px}.admin-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;margin-bottom:2rem}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.admin-table th{padding:1rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;color:#d4af37;text-align:left;text-transform:uppercase;letter-spacing:.05em}.admin-table tbody tr{border-bottom:1px solid #E8E0D5;transition:background .15s}.admin-table tbody tr:hover{background:#8b69140d}.admin-table tbody tr:last-child{border-bottom:none}.admin-table td{padding:1rem;font-family:Inter,sans-serif;font-size:.9rem;color:#1a1a1a}.user-cell .user-nickname{font-weight:600;color:#8b6914}.team-cell{display:flex;align-items:center;gap:.5rem}.team-name{font-weight:600;color:#1a1a1a}.team-acronym{font-size:.8rem;color:#888}.admin-factions-display{display:flex;align-items:center;gap:.5rem}.admin-faction-icon{width:28px;height:28px;object-fit:contain}.admin-vs-text{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase}.stat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:.25rem .5rem;background:#e8e0d5;border-radius:4px;font-size:.85rem;font-weight:600;color:#5a5a5a}.result-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600}.result-badge.result-win{background:#4caf5026;color:#2e7d32}.result-badge.result-loss{background:#f4433626;color:#c62828}.result-badge.result-draw{background:#9e9e9e26;color:#616161}.result-badge.result-pending{background:#d4af3726;color:#8b6914}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge.public{background:#4caf5026;color:#2e7d32}.status-badge.private{background:#ff980026;color:#e65100}.action-link{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:transparent;border:1px solid #D5CBBD;border-radius:4px;font-size:.8rem;font-weight:500;color:#5a5a5a;text-decoration:none;transition:all .15s}.action-link:hover{background:#8b6914;border-color:#8b6914;color:#fff}.empty-state{text-align:center;padding:3rem!important;color:#888;font-style:italic}.admin-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 12px #00000014;border:2px solid transparent;transition:all .2s}.stat-card:hover{border-color:#d4af37;transform:translateY(-2px)}.stat-value{display:block;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:#8b6914}.stat-label{display:block;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#5a5a5a;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#5a5a5a}.loading-spinner{width:40px;height:40px;border:3px solid #E8E0D5;border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;margin-bottom:1.5rem;color:#c62828}.error-banner button{padding:.5rem 1rem;background:#c62828;border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.error-banner button:hover{background:#b71c1c}@media(max-width:1024px){.admin-content{padding:1.5rem}.admin-stats-summary{grid-template-columns:repeat(3,1fr);gap:1rem}.stat-value{font-size:2rem}}@media(max-width:768px){.admin-header h1{font-size:1.75rem}.admin-tabs{flex-wrap:wrap}.admin-tab{flex:1;justify-content:center;padding:.75rem;font-size:.85rem}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}.admin-stats-summary{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.75rem}}@media(max-width:480px){.admin-content{padding:1rem}.admin-tab svg{display:none}.admin-table th,.admin-table td{padding:.75rem .5rem;font-size:.8rem}}.admin-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.9rem}.breadcrumb-link{color:#8b6914;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#d4af37;text-decoration:underline}.breadcrumb-separator{color:#888}.breadcrumb-current{color:#5a5a5a;font-weight:500}.admin-faction-display-single{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-faction-display-single .admin-faction-name{font-size:.85rem;color:#1a1a1a}.admin-faction-display-single .admin-detachment-name{font-size:.75rem;color:#888;font-style:italic}.tbd{color:#888;font-style:italic}.mission-secondary{font-size:.8rem;color:#888}.admin-actions{display:flex;justify-content:flex-start;margin-top:2rem}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:2px solid #D5CBBD;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#5a5a5a;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#8b6914;border-color:#8b6914;color:#fff}.image-upload-container{width:100%}.image-upload-dropzone{border:2px dashed #D4AF37;border-radius:12px;padding:2rem;text-align:center;background:#d4af370d;cursor:pointer;transition:all .3s ease}.image-upload-dropzone:hover{border-color:#8b6914;background:#d4af371a;transform:scale(1.02)}.image-upload-dropzone.dragging{border-color:#8b6914;background:#d4af3733;border-style:solid}.upload-icon{color:#d4af37;margin-bottom:1rem}.upload-text{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.upload-hint{font-family:Inter,sans-serif;font-size:.85rem;color:#888;line-height:1.6}.upload-requirements{font-size:.75rem;color:#aaa}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.image-preview{border-radius:12px;border:3px solid #D4AF37;object-fit:cover;box-shadow:0 4px 12px #0000001a}.image-preview.avatar{width:120px;height:120px;border-radius:50%}.image-preview.logo{width:200px;height:200px}.image-actions{display:flex;gap:.75rem}.btn-change,.btn-remove{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none}.btn-change{background:linear-gradient(135deg,#8b6914,#d4af37);color:#fff}.btn-change:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.btn-remove{background:#fff;border:2px solid #C62828;color:#c62828}.btn-remove:hover{background:#c62828;color:#fff}@media(max-width:768px){.image-upload-dropzone{padding:1.5rem 1rem}.image-preview.avatar{width:96px;height:96px}.image-preview.logo{width:160px;height:160px}.image-actions{flex-direction:column;width:100%}.btn-change,.btn-remove{width:100%;justify-content:center}}.profile-page-wrapper{min-height:100vh;min-width:fit-content;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0e8,#e8e0d5)}.profile-container{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 2rem 3rem}.profile-header{margin-bottom:2rem}.profile-header h2{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;margin:0}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.main-card{grid-column:1 / -1}.profile-card{background:#fff;border:2px solid transparent;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s}.profile-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f;border-color:#d4af37}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #E8E0D5}.card-title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b6914;margin:0;display:flex;align-items:center;gap:.5rem}.profile-main-content{display:flex;gap:2rem;align-items:flex-start}.avatar-section{flex-shrink:0}.profile-info-section{flex:1}.profile-nickname{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.profile-joined{font-family:Inter,sans-serif;font-size:.9rem;color:#888;margin:0 0 1rem}.profile-scoring-display{display:flex;align-items:center;gap:1rem;padding:1rem;margin-top:1rem;background:#d4af370d;border-radius:8px;border:1px solid #E8E0D5}.scoring-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b6914,#d4af37);color:#fff;border-radius:6px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.scoring-info{display:flex;flex-direction:column;gap:.25rem}.scoring-label{font-family:Cinzel,serif;font-size:.85rem;font-weight:600;color:#8b6914;text-transform:uppercase;letter-spacing:.05em}.scoring-description{font-family:Inter,sans-serif;font-size:.9rem;color:#888}.btn-edit-inline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:2px solid #8B6914;border-radius:8px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#8b6914;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.btn-edit-inline:hover{background:linear-gradient(135deg,#8b6914,#d4af37);color:#fff;border-color:#d4af37}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#5a5a5a;text-transform:uppercase;letter-spacing:.05em}.form-input{font-family:Inter,sans-serif;font-size:1rem;padding:.75rem;border:2px solid #D5CBBD;border-radius:8px;background:#fff;transition:all .2s}.form-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.radio-group-vertical{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.radio-group-vertical .radio-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #E8E0D5;border-radius:6px;cursor:pointer;transition:all .2s}.radio-group-vertical .radio-label:hover{background:#d4af370d;border-color:#d4af37}.radio-group-vertical input[type=radio]{display:none}.radio-group-vertical .radio-custom{width:20px;height:20px;border:2px solid #D5CBBD;border-radius:50%;position:relative;flex-shrink:0;transition:all .2s}.radio-group-vertical input[type=radio]:checked+.radio-custom{border-color:#d4af37;background:#fff}.radio-group-vertical input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#d4af37;border-radius:50%}.radio-group-vertical .radio-text{display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.95rem;color:#1a1a1a}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #D5CBBD;border-radius:4px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-label input[type=checkbox]:hover{border-color:#d4af37}.checkbox-label input[type=checkbox]:checked{background:#d4af37;border-color:#d4af37}.checkbox-label input[type=checkbox]:checked:before{content:"✓";color:#fff;font-size:14px;font-weight:700}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-save{padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.btn-cancel:hover{border-color:#1a1a1a;color:#1a1a1a}.btn-save{background:linear-gradient(135deg,#8b6914,#d4af37);border:none;color:#fff}.btn-save:disabled{opacity:.6;cursor:not-allowed}.factions-list{display:flex;flex-direction:column;gap:1rem}.faction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#d4af370d;border:1px solid #E8E0D5;border-radius:8px;transition:all .2s}.faction-item:hover{background:#d4af371a;border-color:#d4af37}.faction-rank{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:#d4af37;min-width:40px;text-align:center}.faction-logo{width:48px;height:48px;object-fit:contain}.faction-details{flex:1}.faction-name{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:#1a1a1a}.faction-count{font-family:Inter,sans-serif;font-size:.85rem;color:#888}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.profile-stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#d4af370d;border:1px solid #E8E0D5;border-radius:8px}.profile-stat-item.full-width{grid-column:1 / -1}.profile-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-stat-icon.total{background:#d4af3726;color:#8b6914}.profile-stat-icon.victory{background:#4caf5026;color:#2e7d32}.profile-stat-icon.defeat{background:#f4433626;color:#c62828}.profile-stat-icon.draw{background:#9e9e9e26;color:#616161}.profile-stat-content{flex:1}.profile-stat-label{font-family:Inter,sans-serif;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.profile-stat-value{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:#1a1a1a}.profile-stat-value.victory{color:#2e7d32}.profile-stat-value.defeat{color:#c62828}.profile-stat-value.draw{color:#616161}.win-rate-bar{width:100%}.win-rate-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.win-rate-value{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;color:#8b6914}.win-rate-progress{width:100%;height:12px;background:#e8e0d5;border-radius:6px;overflow:hidden}.win-rate-fill{height:100%;background:linear-gradient(90deg,#2e7d32,#4caf50);transition:width 1s ease}.empty-state{text-align:center;padding:2rem}.empty-state p{font-family:Inter,sans-serif;color:#888;margin-bottom:1rem}.btn-primary-small{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b6914,#d4af37);color:#fff;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s}.btn-primary-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}@media(max-width:992px){.profile-grid,.profile-stats-grid{grid-template-columns:1fr}}@media(max-width:768px){.profile-container{padding:1rem 1rem 2rem}.profile-header h2{font-size:2rem}.profile-main-content{flex-direction:column;align-items:center;text-align:center}.profile-nickname{font-size:1.5rem}.profile-scoring-display{flex-direction:column;align-items:flex-start;gap:.75rem}.scoring-badge{width:100%;justify-content:center}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.team-edit-page{min-height:100vh;min-width:fit-content;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0e8,#e8e0d5)}.team-edit-container{flex:1;max-width:800px;width:100%;margin:0 auto;padding:2rem 2rem 3rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#8b6914;text-decoration:none;margin-bottom:1.5rem;transition:color .2s}.back-link:hover{color:#d4af37}.back-link svg{width:20px;height:20px;stroke:currentColor}.edit-header{margin-bottom:2rem}.edit-header h2{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.title-lower{text-transform:lowercase;color:#8b6914}.edit-subtitle{font-family:Inter,sans-serif;font-size:.95rem;color:#888;margin:0}.team-edit-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border:2px solid #E8E0D5;border-radius:12px;padding:2rem}.form-section.logo-section{display:flex;flex-direction:column;align-items:center}.team-edit-section-title{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;color:#8b6914;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #E8E0D5}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#5a5a5a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.required{color:#c62828}.form-input,.form-textarea{width:100%;font-family:Inter,sans-serif;font-size:1rem;padding:.75rem;border:2px solid #D5CBBD;border-radius:8px;background:#fff;transition:all .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.form-textarea{resize:vertical;min-height:100px}.checkbox-group{margin-bottom:0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;color:#1a1a1a}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#8B6914}.checkbox-hint{font-family:Inter,sans-serif;font-size:.85rem;color:#888;margin:.5rem 0 0 2rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn-cancel,.btn-save{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;border:none}.btn-cancel{background:#fff;border:2px solid #D5CBBD;color:#5a5a5a}.btn-cancel:hover:not(:disabled){border-color:#1a1a1a;color:#1a1a1a}.btn-save{background:linear-gradient(135deg,#8b6914,#d4af37);color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed}.loading-container,.error-container{text-align:center;padding:3rem}.loading-container{font-family:Inter,sans-serif;color:#888}.error-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.error-container p{font-family:Inter,sans-serif;color:#c62828;font-weight:600}@media(max-width:768px){.team-edit-container{padding:1rem 1rem 2rem}.edit-header h2{font-size:2rem}.form-section{padding:1.5rem}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%;justify-content:center}}.team-stats-section{margin-bottom:2.5rem}.team-stats-section:last-child{margin-bottom:0}.team-stats-section-title{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:#8b6914;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #C9BFB0}.team-stats-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:0}.team-stats-kpi-card{background:#fff;border:2px solid #C9BFB0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .2s;display:flex;flex-direction:column;gap:.75rem}.team-stats-kpi-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f;border-color:#d4af37}.team-stats-kpi-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#8b69141a;border-radius:50%;color:#8b6914}.team-stats-kpi-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.team-stats-kpi-title{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0009}.team-stats-kpi-value{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#1a1a1a;line-height:1.2}.team-stats-kpi-subtitle{font-family:Inter,sans-serif;font-size:.875rem;color:#00000080}.team-stats-active-player{display:flex;flex-direction:row;align-items:center;gap:1rem}.team-stats-active-player-info{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.team-stats-active-player-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #C9BFB0;object-fit:cover}.team-stats-active-player-details{display:flex;flex-direction:column;gap:.25rem}.team-stats-active-player .team-stats-kpi-value{font-size:1.25rem;font-weight:600}.team-stats-placeholder{background:#ffffff80;border:2px dashed #C9BFB0;border-radius:12px;padding:2rem;text-align:center}.team-stats-placeholder-text{font-family:Inter,sans-serif;font-size:.95rem;color:#00000080;font-style:italic;margin:0}.team-stats-empty-message{text-align:center;padding:3rem 2rem}.team-stats-empty-message h3{font-family:Cinzel,serif;font-size:1.5rem;color:#8b6914;margin:0 0 .75rem}.team-stats-empty-message p{font-family:Inter,sans-serif;font-size:1rem;color:#0009;margin:0}@media(max-width:1024px){.team-stats-kpi-grid{grid-template-columns:repeat(2,1fr)}.team-stats-section-title{font-size:1.35rem}}@media(max-width:640px){.team-stats-kpi-grid{grid-template-columns:1fr;gap:1rem}.team-stats-kpi-card{padding:1.25rem}.team-stats-kpi-value{font-size:1.75rem}.team-stats-section{margin-bottom:2rem}.team-stats-section-title{font-size:1.25rem;margin-bottom:1rem}.team-stats-active-player{flex-direction:column;align-items:flex-start}.team-stats-active-player-avatar{width:40px;height:40px}}.team-stats-kpi-card.win-rate-excellent .team-stats-kpi-value{color:#4caf50}.team-stats-kpi-card.win-rate-good .team-stats-kpi-value{color:#ffc107}.team-stats-kpi-card.win-rate-poor .team-stats-kpi-value{color:#f44336}.team-stats-top-active{display:flex;flex-direction:column;gap:.75rem}.team-stats-top-active-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;width:100%}.team-stats-top-active-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#8b69140d;border-radius:6px;transition:all .2s}.team-stats-top-active-item:hover{background:#8b69141a;transform:translate(4px)}.team-stats-top-active-rank{font-size:1.25rem;line-height:1;flex-shrink:0}.team-stats-top-active-name{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#1a1a1a;flex:1}.team-stats-top-active-games{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:#8b6914;background:#8b69141a;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.team-stats-active-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.team-stats-active-icon{color:#1a1a1a;flex-shrink:0}.team-stats-active-header .team-stats-kpi-title{margin:0;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#0009}.team-stats-note{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#8b69140d;border-left:3px solid #D4AF37;border-radius:4px}.team-stats-note-icon{font-size:1rem;flex-shrink:0}.team-stats-note-text{font-family:Inter,sans-serif;font-size:.875rem;color:#0009;font-style:italic}@media(max-width:1024px){.team-stats-top-active{flex-direction:column}.team-stats-top-active-list{margin-top:.75rem}}@media(max-width:640px){.team-stats-top-active-item{padding:.4rem .6rem;gap:.5rem}.team-stats-top-active-rank{font-size:1.1rem}.team-stats-top-active-name{font-size:.875rem}.team-stats-top-active-games{font-size:.8rem;padding:.2rem .4rem}.team-stats-note{padding:.6rem .8rem;margin-top:.75rem}.team-stats-note-text{font-size:.8rem}}.team-stats-top-active .team-stats-kpi-value{font-size:1.5rem;color:#0000004d}.activity-calendar-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.activity-calendar-stat{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:2px solid #C9BFB0;border-radius:8px;flex:1;min-width:0}.activity-calendar-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#8b69141a;border-radius:50%;color:#8b6914;flex-shrink:0}.activity-calendar-stat-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.activity-calendar-stat-value{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:#1a1a1a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-calendar-stat-label{font-family:Inter,sans-serif;font-size:.875rem;color:#0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-calendar-chart{background:#fff;border:2px solid #C9BFB0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.activity-calendar-chart .recharts-legend-wrapper{padding-top:1rem!important}.activity-calendar-chart .recharts-legend-item{margin-right:1rem!important}.activity-calendar-tooltip{background:#fff;border:2px solid #C9BFB0;border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #00000026;min-width:150px}.activity-calendar-tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid #E8E0D5;font-family:Inter,sans-serif}.activity-calendar-tooltip-header strong{font-size:.875rem;color:#1a1a1a}.activity-calendar-tooltip-total{font-size:.875rem;font-weight:600;color:#8b6914}.activity-calendar-tooltip-body{display:flex;flex-direction:column;gap:.375rem}.activity-calendar-tooltip-item{display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.875rem}.activity-calendar-tooltip-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.activity-calendar-tooltip-name{flex:1;color:#000c}.activity-calendar-tooltip-value{font-weight:600;color:#8b6914}.activity-calendar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;border:2px dashed #C9BFB0;border-radius:12px;color:#0006}.activity-calendar-empty svg{margin-bottom:1rem;opacity:.5}.activity-calendar-empty p{font-family:Inter,sans-serif;font-size:1rem;color:#00000080;margin:0}@media(max-width:1024px){.activity-calendar-summary{flex-direction:column}.activity-calendar-chart{padding:1rem}.activity-calendar-stat-value{font-size:1.35rem}}@media(max-width:640px){.activity-calendar-summary{gap:.75rem}.activity-calendar-stat{padding:.875rem 1rem;gap:.5rem}.activity-calendar-stat-icon{width:36px;height:36px}.activity-calendar-stat-icon svg{width:18px;height:18px}.activity-calendar-stat-value{font-size:1.25rem}.activity-calendar-stat-label{font-size:.8rem}.activity-calendar-chart{padding:.75rem;overflow-x:auto}.activity-calendar-tooltip{min-width:120px;padding:.5rem}.activity-calendar-tooltip-header{flex-direction:column;align-items:flex-start;gap:.25rem}.activity-calendar-empty{padding:2rem 1rem}.activity-calendar-empty svg{width:40px;height:40px}}@media print{.activity-calendar-chart{page-break-inside:avoid}}.team-stats-page-wrapper{min-height:100vh;min-width:fit-content;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0e8,#e8e0d5);background-size:cover;background-attachment:fixed}.team-stats-container{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:0 2rem 3rem}.team-stats-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;margin-bottom:2rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#8b6914;background:transparent;border:2px solid #C9BFB0;border-radius:8px;cursor:pointer;transition:all .2s}.team-stats-back-button:hover{background:#8b69141a;border-color:#d4af37;transform:translate(-4px)}.team-stats-header{margin-bottom:2rem;text-align:center;padding-top:2rem}.team-stats-title{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:#8b6914;margin:0 0 .5rem;text-shadow:none}.team-stats-subtitle{font-family:Libre Baskerville,serif;font-style:italic;font-size:1rem;color:#0009;margin:0}.team-stats-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid #C9BFB0;padding-bottom:0}.team-stats-tab{padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#00000080;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;bottom:-2px}.team-stats-tab:hover{color:#000c;background:#8b69140d}.team-stats-tab.active{color:#8b6914;border-bottom-color:#d4af37;background:#8b691414}.team-stats-tab-content{animation:fadeIn .3s ease-in-out;background:#fff;border:2px solid #C9BFB0;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.team-stats-tab-content h2{font-family:Cinzel,serif;color:#8b6914;margin-bottom:1rem}.team-stats-tab-content p{font-family:Inter,sans-serif;color:#000000b3;line-height:1.6}.team-stats-tab-content ul{font-family:Inter,sans-serif;color:#000000b3;line-height:1.8;padding-left:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.team-stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.team-stats-loading-spinner{width:48px;height:48px;border:4px solid rgba(139,105,20,.2);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.team-stats-loading-text{font-family:Inter,sans-serif;color:#0009;font-size:1rem}@keyframes spin{to{transform:rotate(360deg)}}.team-stats-error{background:#f443360d;border:2px solid rgba(244,67,54,.2);border-radius:12px;padding:2rem;text-align:center;max-width:600px;margin:4rem auto}.team-stats-error h2{font-family:Cinzel,serif;color:#dc2626;margin:0 0 1rem;font-size:1.5rem}.team-stats-error p{font-family:Inter,sans-serif;color:#000000b3;margin-bottom:1.5rem;line-height:1.6}.team-stats-btn-retry,.team-stats-btn-back{padding:.75rem 1.5rem;border-radius:8px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin:.5rem}.team-stats-btn-retry{background:#d4af37;color:#fff;border:none}.team-stats-btn-retry:hover{background:#8b6914;transform:translateY(-2px);box-shadow:0 4px 12px #8b69144d}.team-stats-btn-back{background:transparent;color:#8b6914;border:2px solid #C9BFB0}.team-stats-btn-back:hover{background:#8b69141a;border-color:#d4af37}.team-stats-empty{background:#fff;border:2px dashed #C9BFB0;border-radius:12px;padding:3rem 2rem;text-align:center;max-width:600px;margin:4rem auto;box-shadow:0 4px 12px #0000000d}.team-stats-empty h2{font-family:Cinzel,serif;color:#8b6914;margin:0 0 1rem;font-size:1.75rem}.team-stats-empty p{font-family:Inter,sans-serif;color:#0009;margin-bottom:.5rem;line-height:1.6}.team-stats-btn-primary{padding:.875rem 1.75rem;background:#d4af37;color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1.5rem}.team-stats-btn-primary:hover{background:#8b6914;transform:translateY(-2px);box-shadow:0 4px 12px #8b691466}@media(max-width:768px){.team-stats-container{padding:0 1rem 2rem}.team-stats-header{padding-top:1rem}.team-stats-title{font-size:1.75rem}.team-stats-subtitle{font-size:.875rem}.team-stats-tabs{flex-direction:column;gap:0;border-bottom:none}.team-stats-tab{padding:.75rem 1rem;border-bottom:2px solid #C9BFB0;border-left:3px solid transparent;bottom:0}.team-stats-tab.active{border-bottom-color:#c9bfb0;border-left-color:#d4af37}.team-stats-tab-content{padding:1.5rem}.team-stats-empty,.team-stats-error{padding:2rem 1rem;margin:2rem auto}}.team-stats-hidden{display:none}.team-stats-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.detachment-perf-summary{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.detachment-perf-stat{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:2px solid #C9BFB0;border-radius:8px;flex:1;min-width:200px}.detachment-perf-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#8b69141a;border-radius:50%;color:#8b6914;flex-shrink:0}.detachment-perf-stat-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.detachment-perf-stat-value{font-family:Cinzel,serif;font-size:1.35rem;font-weight:700;color:#1a1a1a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detachment-perf-stat-label{font-family:Inter,sans-serif;font-size:.875rem;color:#0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detachment-perf-table-container{background:#fff;border:2px solid #C9BFB0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.detachment-perf-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif}.detachment-perf-table thead{background:linear-gradient(180deg,#f5f0e8,#e8e0d5);border-bottom:2px solid #C9BFB0}.detachment-perf-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b6914}.detachment-perf-table tbody tr{border-bottom:1px solid #E8E0D5;transition:background .2s}.detachment-perf-table tbody tr:last-child{border-bottom:none}.detachment-perf-table tbody tr:hover{background:#8b69140d}.detachment-perf-table td{padding:1rem;font-size:.95rem;color:#000c}.detachment-perf-faction{display:flex;align-items:center;gap:.75rem}.detachment-perf-faction-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.detachment-perf-faction-name{font-weight:500}.detachment-perf-name{font-weight:600;color:#1a1a1a}.detachment-perf-games{text-align:center;font-weight:600}.detachment-perf-winrate{display:flex;flex-direction:column;gap:.25rem}.detachment-perf-winrate-value{font-weight:700;font-size:1.1rem}.detachment-perf-winrate-badge{font-size:.75rem;color:#00000080;font-style:italic}.detachment-perf-score{text-align:center;font-weight:600;color:#8b6914}.detachment-perf-record{font-size:.875rem;color:#0009}.detachment-perf-cards{display:none}.detachment-perf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;border:2px dashed #C9BFB0;border-radius:12px;color:#0006}.detachment-perf-empty svg{margin-bottom:1rem;opacity:.5}.detachment-perf-empty p{font-family:Inter,sans-serif;font-size:1rem;color:#00000080;margin:0}@media(max-width:1024px){.detachment-perf-table th,.detachment-perf-table td{padding:.75rem .5rem;font-size:.875rem}.detachment-perf-faction-logo{width:28px;height:28px}.detachment-perf-winrate-value{font-size:1rem}}@media(max-width:768px){.detachment-perf-table-container{display:none}.detachment-perf-cards{display:flex;flex-direction:column;gap:1rem}.detachment-perf-card{background:#fff;border:2px solid #C9BFB0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d}.detachment-perf-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #E8E0D5}.detachment-perf-card-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.detachment-perf-card-title{display:flex;flex-direction:column;gap:.25rem;min-width:0}.detachment-perf-card-name{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;color:#1a1a1a}.detachment-perf-card-faction{font-family:Inter,sans-serif;font-size:.875rem;color:#0009}.detachment-perf-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detachment-perf-card-stat{display:flex;flex-direction:column;gap:.25rem}.detachment-perf-card-stat-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0009}.detachment-perf-card-stat-value{font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;color:#1a1a1a}.detachment-perf-summary{flex-direction:column;gap:.75rem}.detachment-perf-stat{min-width:0;padding:.875rem 1rem}.detachment-perf-stat-icon{width:36px;height:36px}.detachment-perf-stat-icon svg{width:18px;height:18px}.detachment-perf-stat-value{font-size:1.2rem}.detachment-perf-empty{padding:2rem 1rem}.detachment-perf-empty svg{width:40px;height:40px}}.team-matchup-matrix-container{margin-bottom:2rem}.team-matchup-matrix-title{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.team-matchup-matrix-subtitle{font-family:Inter,sans-serif;font-size:.95rem;color:#0009;margin-bottom:1.5rem}.team-matchup-matrix-scroll{overflow-x:auto;overflow-y:visible;margin-bottom:1.5rem;border:2px solid #C9BFB0;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000d;max-height:680px;overflow-y:auto}.team-matchup-matrix{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;min-width:600px}.team-matchup-matrix thead{position:sticky;top:0;z-index:10;background:#fff}.team-matrix-header-corner{background:linear-gradient(135deg,#f5f0e8,#e8e0d5);padding:1rem;border-right:2px solid #C9BFB0;border-bottom:2px solid #C9BFB0;position:sticky;left:0;z-index:13;min-width:180px;vertical-align:middle}.team-matrix-my-label,.team-matrix-vs-label,.team-matrix-opp-label{display:block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b6914;text-align:center}.team-matrix-my-label{margin-bottom:.25rem}.team-matrix-vs-label{font-size:.7rem;opacity:.6;margin:.25rem 0}.team-matrix-opp-label{margin-top:.25rem}.team-matrix-header-opponent{background:linear-gradient(180deg,#f5f0e8,#e8e0d5);padding:1rem .75rem;border-bottom:2px solid #C9BFB0;text-align:center;min-width:120px;vertical-align:middle;position:relative;z-index:11}.team-matrix-header-opponent .team-matrix-faction-logo{display:block;width:32px;height:32px;margin:0 auto .5rem;object-fit:contain}.team-matrix-header-opponent .team-matrix-faction-name{display:block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:#1a1a1a;line-height:1.3}.team-matrix-header-my-faction{background:linear-gradient(90deg,#f5f0e8,#e8e0d5);padding:1rem;border-right:2px solid #C9BFB0;text-align:left;position:sticky;left:0;z-index:12;min-width:180px;vertical-align:middle}.team-matrix-header-my-faction .team-matrix-faction-logo{display:inline-block;width:28px;height:28px;margin-right:.75rem;vertical-align:middle;object-fit:contain}.team-matrix-header-my-faction .team-matrix-faction-name{display:inline-block;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#1a1a1a;vertical-align:middle}.team-matrix-cell{padding:.75rem .5rem;text-align:center;border:1px solid #E8E0D5;vertical-align:middle;transition:all .2s;min-width:120px}.team-matrix-cell:not(.team-matrix-cell-empty){cursor:pointer}.team-matrix-cell:not(.team-matrix-cell-empty):hover{box-shadow:inset 0 0 0 2px #8b6914;z-index:1;transform:scale(1.02)}.team-matrix-cell-content{display:flex;flex-direction:column;gap:3px}.team-matrix-score{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;line-height:1;color:#1a1a1a}.team-matrix-record{font-family:Inter,sans-serif;font-size:.8rem;color:#0009;line-height:1}.team-matrix-games{font-family:Inter,sans-serif;font-size:.75rem;color:#00000080;font-style:italic;line-height:1}.team-matrix-cell-very-favorable{background:linear-gradient(135deg,#2e7d321f,#2e7d3214);border-color:#2e7d324d}.team-matrix-cell-very-favorable:hover{background:linear-gradient(135deg,#2e7d322e,#2e7d321f)}.team-matrix-cell-very-favorable .team-matrix-score{color:#2e7d32}.team-matrix-cell-favorable{background:linear-gradient(135deg,#4caf501f,#4caf5014);border-color:#4caf504d}.team-matrix-cell-favorable:hover{background:linear-gradient(135deg,#4caf502e,#4caf501f)}.team-matrix-cell-favorable .team-matrix-score{color:#4caf50}.team-matrix-cell-drawish{background:linear-gradient(135deg,#ffc1071f,#ffc10714);border-color:#ffc1074d}.team-matrix-cell-drawish:hover{background:linear-gradient(135deg,#ffc1072e,#ffc1071f)}.team-matrix-cell-drawish .team-matrix-score{color:#f57c00}.team-matrix-cell-unfavorable{background:linear-gradient(135deg,#f443361f,#f4433614);border-color:#f443364d}.team-matrix-cell-unfavorable:hover{background:linear-gradient(135deg,#f443362e,#f443361f)}.team-matrix-cell-unfavorable .team-matrix-score{color:#f44336}.team-matrix-cell-very-unfavorable{background:linear-gradient(135deg,#c628281f,#c6282814);border-color:#c628284d}.team-matrix-cell-very-unfavorable:hover{background:linear-gradient(135deg,#c628282e,#c628281f)}.team-matrix-cell-very-unfavorable .team-matrix-score{color:#c62828}.team-matrix-cell-empty{background:#f5f5f5;border-color:#e0e0e0}.team-matrix-no-data{font-size:1.2rem;color:#bdbdbd;font-weight:300}.team-matchup-legend{background:#8b69140d;border-left:3px solid #D4AF37;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.team-legend-title{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#8b6914;margin-bottom:.75rem}.team-legend-items{display:flex;gap:1.5rem;flex-wrap:wrap}.team-legend-item{display:flex;align-items:center;gap:.5rem}.team-legend-color{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.team-legend-color-very-favorable{background:linear-gradient(135deg,#2e7d324d,#2e7d3233);border-color:#2e7d3266}.team-legend-color-favorable{background:linear-gradient(135deg,#4caf504d,#4caf5033);border-color:#4caf5066}.team-legend-color-drawish{background:linear-gradient(135deg,#ffc1074d,#ffc10733);border-color:#ffc10766}.team-legend-color-unfavorable{background:linear-gradient(135deg,#f443364d,#f4433633);border-color:#f4433666}.team-legend-color-very-unfavorable{background:linear-gradient(135deg,#c628284d,#c6282833);border-color:#c6282866}.team-legend-label{font-family:Inter,sans-serif;font-size:.875rem;color:#000000b3}.team-matchup-matrix-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;border:2px dashed #C9BFB0;border-radius:12px;color:#0006}.team-matchup-matrix-empty svg{margin-bottom:1rem;opacity:.5}.team-matchup-matrix-empty p{font-family:Inter,sans-serif;font-size:1rem;color:#00000080;margin:0 0 .5rem}.team-matchup-matrix-empty-hint{font-size:.875rem!important;color:#0006!important;font-style:italic}@media(max-width:1024px){.team-matrix-header-corner,.team-matrix-header-my-faction{min-width:140px;padding:.75rem}.team-matrix-header-opponent{min-width:100px;padding:.75rem .5rem}.team-matrix-header-opponent .team-matrix-faction-logo{width:28px;height:28px}.team-matrix-header-my-faction .team-matrix-faction-logo{width:24px;height:24px}.team-matrix-cell{min-width:100px;padding:.5rem .25rem}.team-matrix-score{font-size:1.2rem}.team-matrix-record{font-size:.75rem}.team-matrix-games{font-size:.7rem}.team-legend-items{flex-direction:column;gap:.75rem}}@media(max-width:640px){.team-matchup-matrix-scroll{margin-left:-1rem;margin-right:-1rem;padding:0 1rem;border-left:none;border-right:none;border-radius:0}.team-matrix-header-corner,.team-matrix-header-my-faction{min-width:120px;padding:.5rem .75rem;font-size:.8rem}.team-matrix-my-label,.team-matrix-vs-label,.team-matrix-opp-label{font-size:.65rem}.team-matrix-header-opponent{min-width:90px;padding:.5rem .25rem}.team-matrix-header-opponent .team-matrix-faction-logo{width:24px;height:24px;margin-bottom:.25rem}.team-matrix-header-opponent .team-matrix-faction-name{font-size:.75rem}.team-matrix-header-my-faction .team-matrix-faction-logo{width:20px;height:20px;margin-right:.5rem}.team-matrix-header-my-faction .team-matrix-faction-name{font-size:.85rem}.team-matrix-cell{min-width:90px;padding:.5rem .25rem}.team-matrix-score{font-size:1.1rem}.team-matrix-record{font-size:.7rem}.team-matrix-games{font-size:.65rem}.team-matchup-legend{padding:.75rem 1rem}.team-legend-title{font-size:.875rem}.team-legend-color{width:20px;height:20px}.team-legend-label{font-size:.8rem}.team-matchup-matrix-empty{padding:2rem 1rem}.team-matchup-matrix-empty svg{width:40px;height:40px}}.faction-availability-summary{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.faction-availability-stat{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:2px solid #C9BFB0;border-radius:8px;flex:1;min-width:200px}.faction-availability-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#8b69141a;border-radius:50%;color:#8b6914;flex-shrink:0}.faction-availability-stat-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.faction-availability-stat-value{font-family:Cinzel,serif;font-size:1.35rem;font-weight:700;color:#1a1a1a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faction-availability-stat-label{font-family:Inter,sans-serif;font-size:.875rem;color:#0009}.faction-availability-table-container{background:#fff;border:2px solid #C9BFB0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem}.faction-availability-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif}.faction-availability-table thead{background:linear-gradient(180deg,#f5f0e8,#e8e0d5);border-bottom:2px solid #C9BFB0}.faction-availability-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b6914}.faction-availability-table tbody tr{border-bottom:1px solid #E8E0D5;transition:background .2s}.faction-availability-table tbody tr:last-child{border-bottom:none}.faction-availability-table tbody tr:hover{background:#8b69140d}.faction-availability-table td{padding:1rem;font-size:.95rem;color:#000c}.faction-availability-faction{display:flex;align-items:center;gap:.75rem}.faction-availability-faction-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.faction-availability-faction-name{font-weight:600;color:#1a1a1a}.faction-availability-players{text-align:center}.faction-availability-player-count{font-weight:700;font-size:1.1rem;color:#8b6914;display:block}.faction-availability-player-names{font-size:.75rem;color:#00000080;margin-top:.25rem;font-style:italic}.faction-availability-games{text-align:center;font-weight:600}.faction-availability-winrate{text-align:center}.faction-availability-winrate-value{font-weight:700;font-size:1.1rem}.faction-availability-score{text-align:center;font-weight:600;color:#8b6914}.faction-availability-record{font-size:.875rem;color:#0009}.faction-availability-cards{display:none}.faction-availability-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;border:2px dashed #C9BFB0;border-radius:12px;color:#0006}.faction-availability-empty svg{margin-bottom:1rem;opacity:.5}.faction-availability-empty p{font-family:Inter,sans-serif;font-size:1rem;color:#00000080;margin:0}@media(max-width:1024px){.faction-availability-summary{flex-direction:column}.faction-availability-stat{min-width:0}.faction-availability-table th,.faction-availability-table td{padding:.75rem .5rem;font-size:.875rem}.faction-availability-faction-logo{width:28px;height:28px}.faction-availability-player-count,.faction-availability-winrate-value{font-size:1rem}}@media(max-width:768px){.faction-availability-table-container{display:none}.faction-availability-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.faction-availability-card{background:#fff;border:2px solid #C9BFB0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d}.faction-availability-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #E8E0D5}.faction-availability-card-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.faction-availability-card-title{display:flex;flex-direction:column;gap:.25rem;min-width:0}.faction-availability-card-name{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;color:#1a1a1a}.faction-availability-card-players{font-family:Inter,sans-serif;font-size:.875rem;color:#0009;font-weight:600}.faction-availability-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.faction-availability-card-stat{display:flex;flex-direction:column;gap:.25rem}.faction-availability-card-stat-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0009}.faction-availability-card-stat-value{font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;color:#1a1a1a}.faction-availability-card-players-list{font-family:Inter,sans-serif;font-size:.875rem;color:#0009;padding-top:1rem;border-top:1px solid #E8E0D5}.faction-availability-card-players-list strong{color:#8b6914}.faction-availability-stat{padding:.875rem 1rem}.faction-availability-stat-icon{width:36px;height:36px}.faction-availability-stat-icon svg{width:18px;height:18px}.faction-availability-stat-value{font-size:1.2rem}.faction-availability-empty{padding:2rem 1rem}.faction-availability-empty svg{width:40px;height:40px}}.team-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;overflow-y:auto}.team-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;border:2px solid #C9BFB0}body.modal-open,html.modal-open{overflow:hidden}.team-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #C9BFB0;background:linear-gradient(180deg,#f5f0e8,#fff)}.team-drilldown-header-factions{display:flex;align-items:center;gap:1rem;flex:1}.team-drilldown-faction-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.team-modal-title{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;text-align:center;flex:1}.team-modal-close{background:transparent;border:none;color:#00000080;cursor:pointer;padding:.5rem;line-height:1;transition:all .2s;border-radius:6px;flex-shrink:0}.team-modal-close:hover{background:#8b69141a;color:#8b6914}.team-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.team-drilldown-section{margin-bottom:2rem}.team-drilldown-section:last-child{margin-bottom:0}.team-drilldown-section-title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;color:#8b6914;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #E8E0D5}.team-drilldown-overall{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.team-drilldown-stat{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#f5f0e8,#fff);border:2px solid #E8E0D5;border-radius:8px;text-align:center}.team-drilldown-label{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0009}.team-drilldown-value{font-family:Cinzel,serif;font-size:1.75rem;font-weight:700;color:#8b6914}.team-player-breakdown{display:flex;flex-direction:column;gap:.75rem}.team-player-breakdown-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border:2px solid #E8E0D5;border-radius:8px;transition:all .2s}.team-player-breakdown-item:hover{border-color:#c9bfb0;box-shadow:0 2px 8px #0000000d}.team-player-breakdown-header{display:flex;align-items:center;gap:.75rem;flex:1}.team-player-breakdown-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #C9BFB0;flex-shrink:0}.team-player-breakdown-name{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:#1a1a1a}.team-player-breakdown-stats{display:flex;gap:1rem;align-items:center}.team-player-breakdown-games,.team-player-breakdown-record,.team-player-breakdown-avg{font-family:Inter,sans-serif;font-size:.875rem;color:#000000b3}.team-player-breakdown-record{font-weight:600;color:#8b6914}.team-games-list-scroll{overflow-x:auto;margin:-.5rem;padding:.5rem}.team-games-list{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;min-width:1100px}.team-games-list thead{background:linear-gradient(180deg,#f5f0e8,#e8e0d5);border-bottom:2px solid #C9BFB0}.team-games-list th{padding:.875rem .75rem;text-align:left;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b6914}.team-games-list tbody tr{border-bottom:1px solid #E8E0D5;transition:background .2s}.team-games-list tbody tr:last-child{border-bottom:none}.team-games-list tbody tr:hover{background:#8b69140d}.team-games-list td{padding:.875rem .75rem;font-size:.875rem;color:#000c}.team-game-date{font-weight:600;color:#1a1a1a;white-space:nowrap}.team-game-player-cell{display:flex;align-items:center;gap:.5rem}.team-game-player-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #C9BFB0;flex-shrink:0}.team-game-player{font-weight:600}.team-game-event,.team-game-mission,.team-game-deployment{color:#000000b3;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-game-detachment{font-size:.8rem;color:#0009;font-style:italic}.team-game-level,.team-game-initiative{font-size:.85rem;color:#000000b3;text-align:center}.team-game-score{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-weight:700;font-size:.875rem}.team-drilldown-score-victory{background:#4caf5026;color:#2e7d32;border:1px solid rgba(76,175,80,.3)}.team-drilldown-score-defeat{background:#f4433626;color:#c62828;border:1px solid rgba(244,67,54,.3)}.team-drilldown-score-draw{background:#ffc10726;color:#f57c00;border:1px solid rgba(255,193,7,.3)}.team-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:2px solid #E8E0D5;background:linear-gradient(0deg,#f5f0e8,#fff)}.team-btn-secondary{padding:.75rem 2rem;background:#fff;border:2px solid #C9BFB0;border-radius:8px;color:#8b6914;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.team-btn-secondary:hover{background:linear-gradient(135deg,#f5f0e8,#e8e0d5);border-color:#8b6914;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@media(max-width:1024px){.team-modal-content{max-width:95%}.team-drilldown-overall{grid-template-columns:repeat(2,1fr)}.team-player-breakdown-stats{flex-direction:column;gap:.25rem;align-items:flex-end}.team-games-list{min-width:900px}.team-games-list th,.team-games-list td{padding:.75rem .5rem;font-size:.8rem}}@media(max-width:640px){.team-modal-overlay{padding:1rem}.team-modal-content{max-height:95vh}.team-modal-header{padding:1rem;flex-wrap:wrap}.team-drilldown-header-factions{flex-direction:column;gap:.5rem;text-align:center;width:100%}.team-drilldown-faction-logo{width:36px;height:36px}.team-modal-title{font-size:1.2rem}.team-modal-body{padding:1rem}.team-drilldown-overall{grid-template-columns:repeat(2,1fr);gap:.75rem}.team-drilldown-stat{padding:.75rem}.team-drilldown-label{font-size:.75rem}.team-drilldown-value{font-size:1.5rem}.team-player-breakdown-item{flex-direction:column;align-items:flex-start;gap:.75rem}.team-player-breakdown-stats{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.team-games-list{min-width:800px}.team-games-list th,.team-games-list td{padding:.5rem .25rem;font-size:.75rem}.team-game-player-avatar{width:24px;height:24px}.team-modal-footer{padding:1rem}.team-btn-secondary{width:100%}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,del,ins{text-decoration:none}a{color:inherit}label,button{cursor:pointer}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}input,button{outline:0}.games-list-wrapper{min-height:100vh;background:linear-gradient(135deg,#f5f0e8,#e8e0d5);background-size:cover;background-attachment:fixed}.faction-icon img{max-width:100%;max-height:auto;object-fit:contain}.filters-count{display:inline-block;min-width:20px}.stats-page-wrapper{min-height:100vh;min-width:fit-content;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f0e8,#e8e0d5)}:root{--stats-color-primary: #8B6914;--stats-color-secondary: #D4AF37;--stats-color-victory: #4CAF50;--stats-color-defeat: #F44336;--stats-color-draw: #FFC107;--stats-color-favorable: #4CAF50;--stats-color-balanced: #FFC107;--stats-color-unfavorable: #F44336;--stats-bg-page: #F5F0E8;--stats-bg-container: #FFFFFF;--stats-bg-card: #FFFFFF;--stats-bg-hover: rgba(139, 105, 20, .06);--stats-border-color: #E8E0D5;--stats-border-medium: #C9BFB0;--stats-border-width: 2px;--stats-border-radius: 8px;--stats-text-primary: #2C2416;--stats-text-secondary: #6B5D4F;--stats-text-tertiary: #8B7D6F;--stats-shadow-sm: 0 1px 3px rgba(139, 105, 20, .08);--stats-shadow-md: 0 4px 12px rgba(139, 105, 20, .1);--stats-shadow-lg: 0 8px 24px rgba(139, 105, 20, .12);--stats-spacing-xs: 8px;--stats-spacing-sm: 12px;--stats-spacing-md: 16px;--stats-spacing-lg: 24px;--stats-spacing-xl: 32px;--stats-bg-parchment-light: #F5F0E8;--stats-bg-parchment: #E8E0D5;--stats-gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F9F7F4 100%);--stats-gradient-header: linear-gradient(135deg, #8B6914 0%, #6D520F 100%);--stats-border-light: #F5F0E8;--stats-border-strong: #B5AA9A}.stats-page{min-height:100vh;background-color:var(--stats-bg-page);padding:var(--stats-spacing-lg)}.stats-container{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:0 2rem 3rem}.stats-header{margin-bottom:var(--stats-spacing-xl);text-align:center}.stats-page-title{font-family:Cinzel,serif;font-size:2.5rem;color:var(--stats-color-primary);padding-top:2rem}.stats-page-subtitle{font-family:Libre Baskerville,serif;font-style:italic;color:#0009}.stats-tab-navigation{margin-bottom:var(--stats-spacing-lg);background:var(--stats-bg-container);border-radius:var(--stats-border-radius);box-shadow:var(--stats-shadow-sm);padding:var(--stats-spacing-sm)}.stats-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--stats-spacing-xs)}.stats-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--stats-spacing-xs);padding:var(--stats-spacing-sm) var(--stats-spacing-md);background:transparent;border:none;border-radius:var(--stats-border-radius);cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;color:var(--stats-text-secondary)}.stats-tab:hover{background:var(--stats-bg-hover)}.stats-tab-active{background:var(--stats-color-primary);color:#fff}.stats-tab-active:hover{background:var(--stats-color-primary)}.stats-tab-icon{font-size:1.2rem}.stats-tab-label{font-weight:600}.stats-content{background:var(--stats-bg-container);border-radius:var(--stats-border-radius);box-shadow:var(--stats-shadow-sm);padding:var(--stats-spacing-xl);width:100%}.stats-section{margin-bottom:var(--stats-spacing-xl);width:100%}.stats-section:last-child{margin-bottom:0}.stats-section-title{font-family:Cinzel,serif;font-size:1.5rem;color:var(--stats-color-primary);margin:0 0 var(--stats-spacing-lg) 0;padding-bottom:var(--stats-spacing-sm);border-bottom:2px solid var(--stats-border-color)}.stats-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--stats-spacing-md);width:100%}.stats-card{background:var(--stats-bg-card);border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-lg);transition:all .2s ease}.stats-card:hover{box-shadow:var(--stats-shadow-md);transform:translateY(-2px)}.stats-card-clickable{cursor:pointer}.stats-card-icon{font-size:2rem;margin-bottom:var(--stats-spacing-sm)}.stats-card-content{display:flex;flex-direction:column;gap:var(--stats-spacing-xs)}.stats-card-title{font-family:Cinzel,serif;font-size:.85rem;font-weight:600;color:var(--stats-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.stats-card-value{font-size:2rem;font-weight:700;color:var(--stats-text-primary);margin:var(--stats-spacing-xs) 0}.stats-card-subtitle{font-size:.9rem;color:var(--stats-text-secondary);margin:0}.stats-card-extra{margin-top:var(--stats-spacing-sm);padding-top:var(--stats-spacing-sm);border-top:1px solid var(--stats-border-color)}.stats-kpi-card{text-align:center}.stats-kpi-card .stats-card-icon{font-size:2.5rem}.stats-kpi-card .stats-card-value{font-size:2.5rem;font-weight:800}.stats-charts-row{display:grid;grid-template-columns:1fr;gap:var(--stats-spacing-lg);width:100%}.stats-chart-col-full{grid-column:1 / -1}.stats-chart-container{background:var(--stats-bg-card);border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-lg);width:100%}.stats-chart-header{margin-bottom:var(--stats-spacing-md)}.stats-chart-title{font-family:Cinzel,serif;font-size:1.2rem;color:var(--stats-color-primary);margin:0 0 var(--stats-spacing-xs) 0}.stats-chart-description{font-size:.9rem;color:var(--stats-text-secondary);margin:0}.stats-chart-wrapper{width:100%;min-height:300px}.stats-chart-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--stats-text-secondary)}.stats-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--stats-spacing-lg);width:100%}.stats-insight-content{display:flex;flex-direction:column;align-items:center;gap:var(--stats-spacing-md);text-align:center}.stats-insight-logo{width:80px;height:80px;object-fit:contain;border-radius:50%;padding:var(--stats-spacing-sm);background:var(--stats-bg-hover)}.stats-insight-details{display:flex;flex-direction:column;gap:var(--stats-spacing-xs);width:100%}.stats-insight-name{font-size:1.1rem;font-weight:600;color:var(--stats-text-primary);margin:0}.stats-insight-winrate{font-size:1.5rem;font-weight:700;margin:0}.stats-insight-best .stats-insight-winrate{color:var(--stats-color-victory)}.stats-insight-worst .stats-insight-winrate{color:var(--stats-color-defeat)}.stats-insight-most .stats-insight-winrate{color:var(--stats-color-primary)}.stats-insight-record{font-size:.9rem;color:var(--stats-text-secondary);margin:0}.stats-insight-score,.stats-insight-games{font-size:.85rem;color:var(--stats-text-tertiary);margin:0}.stats-insight-empty{display:flex;align-items:center;justify-content:center;min-height:150px;color:var(--stats-text-secondary);font-style:italic}.stats-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--stats-spacing-md)}.stats-spinner{width:48px;height:48px;border:4px solid var(--stats-border-color);border-top-color:var(--stats-color-primary);border-radius:50%;animation:stats-spin .8s linear infinite}@keyframes stats-spin{to{transform:rotate(360deg)}}.stats-loading-message{font-size:1rem;color:var(--stats-text-secondary);margin:0}.stats-loading-small .stats-spinner{width:24px;height:24px;border-width:2px}.stats-loading-large .stats-spinner{width:64px;height:64px;border-width:5px}.stats-error,.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:var(--stats-spacing-md)}.stats-error h2,.stats-empty h2{font-family:Cinzel,serif;font-size:1.8rem;color:var(--stats-text-primary);margin:0}.stats-error p,.stats-empty p{font-size:1rem;color:var(--stats-text-secondary);margin:0;max-width:400px}.stats-btn-primary,.stats-btn-retry{display:inline-flex;align-items:center;justify-content:center;padding:var(--stats-spacing-sm) var(--stats-spacing-lg);background:var(--stats-color-primary);color:#fff;border:none;border-radius:var(--stats-border-radius);font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.stats-btn-primary:hover,.stats-btn-retry:hover{background:var(--stats-color-secondary);transform:translateY(-2px);box-shadow:var(--stats-shadow-md)}.stats-btn-secondary{padding:var(--stats-spacing-sm) var(--stats-spacing-lg);background:transparent;color:var(--stats-text-primary);border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.stats-btn-secondary:hover{background:var(--stats-bg-hover);border-color:var(--stats-color-primary)}.stats-tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:var(--stats-spacing-md);width:100%}.stats-tab-placeholder h2{font-family:Cinzel,serif;font-size:2rem;color:var(--stats-text-primary);margin:0}.stats-tab-placeholder p{font-size:1.1rem;color:var(--stats-text-secondary);margin:0}.stats-matchup-filters{background:var(--stats-bg-container);border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-lg);margin-bottom:var(--stats-spacing-lg);position:sticky;top:0;z-index:10;box-shadow:var(--stats-shadow-sm)}.stats-filter-row{display:flex;flex-wrap:wrap;gap:var(--stats-spacing-md);align-items:flex-end}.stats-filter-group{display:flex;flex-direction:column;gap:var(--stats-spacing-xs);min-width:150px;flex:1}.stats-filter-label{font-size:.85rem;font-weight:600;color:var(--stats-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-filter-select{padding:var(--stats-spacing-sm);border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);background:var(--stats-bg-card);font-family:Inter,sans-serif;font-size:.95rem;color:var(--stats-text-primary);cursor:pointer;transition:border-color .2s ease}.stats-filter-select:hover{border-color:var(--stats-color-primary)}.stats-filter-select:focus{outline:none;border-color:var(--stats-color-primary);box-shadow:0 0 0 3px #8b69141a}.stats-btn-clear-filters{padding:var(--stats-spacing-sm) var(--stats-spacing-md);background:transparent;color:var(--stats-color-defeat);border:1px solid var(--stats-color-defeat);border-radius:var(--stats-border-radius);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.stats-btn-clear-filters:hover{background:var(--stats-color-defeat);color:#fff}.stats-matchups-tab{width:100%;overflow-x:hidden}.stats-matchup-matrix-container{background:var(--stats-bg-card);border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-lg);width:100%}.stats-matchup-matrix-title{font-family:Cinzel,serif;font-size:1.3rem;color:var(--stats-color-primary);margin:0 0 var(--stats-spacing-xs) 0}.stats-matchup-matrix-subtitle{font-size:.9rem;color:var(--stats-text-secondary);margin:0 0 var(--stats-spacing-lg) 0}.stats-matchup-matrix-scroll{overflow-x:auto;margin-bottom:var(--stats-spacing-lg)}.stats-matchup-matrix{width:100%;border-collapse:separate;border-spacing:0}.stats-matchup-matrix th,.stats-matchup-matrix td{padding:var(--stats-spacing-sm);text-align:center;border:1px solid var(--stats-border-color)}.stats-matrix-header-corner{background:var(--stats-color-primary);color:#fff;font-weight:600;position:sticky;left:0;z-index:3}.stats-matrix-my-label,.stats-matrix-vs-label,.stats-matrix-opp-label{display:block;font-size:.75rem;text-transform:uppercase}.stats-matrix-vs-label{font-size:.85rem;margin:4px 0}.stats-matrix-header-opponent{background:var(--stats-bg-hover);font-weight:600;min-width:120px}.stats-matrix-header-my-faction{background:var(--stats-bg-hover);font-weight:600;position:sticky;left:0;z-index:2;min-width:150px}.stats-matrix-faction-logo{width:32px;height:32px;object-fit:contain;margin-bottom:4px}.stats-matrix-faction-name{display:block;font-size:.85rem}.stats-matrix-cell{cursor:pointer;transition:all .2s ease;background:var(--stats-bg-card)}.stats-matrix-cell:hover{transform:scale(1.05);box-shadow:var(--stats-shadow-md);z-index:1}.stats-matrix-cell-empty{cursor:default;opacity:.5}.stats-matrix-cell-empty:hover{transform:none;box-shadow:none}.stats-matrix-cell-very-favorable{background:#2e7d321a;border-color:#2e7d32}.stats-matrix-cell-favorable{background:#4caf501a;border-color:#4caf50}.stats-matrix-cell-drawish{background:#ffc1071a;border-color:#ffc107}.stats-matrix-cell-unfavorable{background:#f443361a;border-color:#f44336}.stats-matrix-cell-very-unfavorable{background:#c628281a;border-color:#c62828}.stats-matrix-cell-content{display:flex;flex-direction:column;gap:2px;min-width:80px}.stats-matrix-score{font-size:1.2rem;font-weight:700}.stats-matrix-record{font-size:.85rem;color:var(--stats-text-secondary)}.stats-matrix-games{font-size:.75rem;color:var(--stats-text-tertiary)}.stats-matrix-no-data{color:var(--stats-text-tertiary);font-style:italic}.stats-matchup-legend{padding-top:var(--stats-spacing-md);border-top:1px solid var(--stats-border-color)}.stats-legend-title{font-family:Cinzel,serif;font-size:.95rem;color:var(--stats-text-primary);margin:0 0 var(--stats-spacing-sm) 0}.stats-legend-items{display:flex;gap:var(--stats-spacing-lg);flex-wrap:wrap}.stats-legend-item{display:flex;align-items:center;gap:var(--stats-spacing-xs)}.stats-legend-color{width:24px;height:24px;border-radius:4px;border:2px solid var(--stats-border-color)}.stats-legend-color-very-favorable{background:#2e7d32}.stats-legend-color-favorable{background:#4caf50}.stats-legend-color-drawish{background:#ffc107}.stats-legend-color-unfavorable{background:#f44336}.stats-legend-color-very-unfavorable{background:#c62828}.stats-legend-label{font-size:.9rem;color:var(--stats-text-secondary)}.stats-matchup-matrix-empty{padding:var(--stats-spacing-xl);text-align:center;color:var(--stats-text-secondary)}.stats-matchup-chart{width:100%;height:100%}.stats-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--stats-spacing-lg);overflow-y:auto}.stats-modal-content{background:var(--stats-bg-container);border-radius:var(--stats-border-radius);box-shadow:var(--stats-shadow-lg);max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column}.stats-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--stats-spacing-lg);border-bottom:2px solid var(--stats-border-color)}.stats-modal-title{font-family:Cinzel,serif;font-size:1.5rem;color:var(--stats-color-primary);margin:0}.stats-drilldown-header-factions{display:flex;align-items:center;gap:var(--stats-spacing-md)}.stats-drilldown-faction-logo{width:48px;height:48px;object-fit:contain}.stats-modal-close{background:transparent;border:none;font-size:1.5rem;color:var(--stats-text-secondary);cursor:pointer;padding:var(--stats-spacing-xs);line-height:1;transition:color .2s ease}.stats-modal-close:hover{color:var(--stats-color-defeat)}.stats-modal-body{padding:var(--stats-spacing-lg);overflow-y:auto;flex:1}.stats-drilldown-section{margin-bottom:var(--stats-spacing-xl)}.stats-drilldown-section:last-child{margin-bottom:0}.stats-drilldown-section-title{font-family:Cinzel,serif;font-size:1.1rem;color:var(--stats-text-primary);margin:0 0 var(--stats-spacing-md) 0;padding-bottom:var(--stats-spacing-xs);border-bottom:1px solid var(--stats-border-color)}.stats-drilldown-overall{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--stats-spacing-md)}.stats-drilldown-stat{display:flex;flex-direction:column;gap:var(--stats-spacing-xs);padding:var(--stats-spacing-md);background:var(--stats-bg-hover);border-radius:var(--stats-border-radius);text-align:center}.stats-drilldown-label{font-size:.85rem;color:var(--stats-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-drilldown-value{font-size:1.3rem;font-weight:700;color:var(--stats-text-primary)}.stats-faction-breakdown{display:flex;flex-direction:column;gap:var(--stats-spacing-sm)}.stats-faction-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--stats-spacing-md);background:var(--stats-bg-hover);border-radius:var(--stats-border-radius);border:1px solid var(--stats-border-color)}.stats-faction-breakdown-header{display:flex;align-items:center;gap:var(--stats-spacing-sm)}.stats-faction-breakdown-logo{width:32px;height:32px;object-fit:contain}.stats-faction-breakdown-name{font-weight:600;color:var(--stats-text-primary)}.stats-faction-breakdown-stats{display:flex;gap:var(--stats-spacing-md);font-size:.9rem;color:var(--stats-text-secondary)}.stats-faction-breakdown-record,.stats-faction-breakdown-avg{margin:0}.stats-games-list-container{overflow-x:auto}.stats-games-list{width:100%;border-collapse:collapse}.stats-games-list th{background:var(--stats-bg-hover);padding:var(--stats-spacing-sm);text-align:left;font-weight:600;font-size:.85rem;color:var(--stats-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--stats-border-color)}.stats-games-list td{padding:var(--stats-spacing-sm);border-bottom:1px solid var(--stats-border-color);font-size:.9rem}.stats-game-row:hover{background:var(--stats-bg-hover)}.stats-game-faction{display:flex;align-items:center;gap:var(--stats-spacing-xs)}.stats-game-faction-logo{width:24px;height:24px;object-fit:contain}.stats-game-event{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-game-mission,.stats-game-deployment,.stats-game-detachment{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.stats-game-level{text-align:center;font-weight:600}.stats-game-initiative{text-align:center;font-weight:600;color:var(--stats-text-secondary)}.stats-game-score{display:inline-block;padding:4px 12px;border-radius:4px;font-weight:700;font-family:Courier New,monospace;font-size:.95rem}.stats-score-victory{background:#4caf5026;color:#2e7d32;border:1px solid #4CAF50}.stats-score-defeat{background:#f4433626;color:#c62828;border:1px solid #F44336}.stats-score-draw{background:#ffc10726;color:#f57c00;border:1px solid #FFC107}.stats-modal-footer{padding:var(--stats-spacing-lg);border-top:1px solid var(--stats-border-color);display:flex;justify-content:flex-end;gap:var(--stats-spacing-sm)}body.modal-open,body.modal-open #root,html.modal-open{overflow:hidden!important}@media(max-width:1024px){.stats-page{padding:var(--stats-spacing-md)}.stats-content{padding:var(--stats-spacing-lg)}.stats-page-title{font-size:2rem}.stats-container{padding:0 1.5rem 2rem}}@media(max-width:768px){.stats-page{padding:var(--stats-spacing-sm)}.stats-content{padding:var(--stats-spacing-md)}.stats-page-title{font-size:1.75rem}.stats-container{padding:0 1rem 2rem}.stats-tabs{flex-wrap:wrap}.stats-tab{flex:1 1 calc(50% - var(--stats-spacing-xs))}.stats-tab-label{display:none}.stats-tab-icon{font-size:1.5rem}.stats-kpi-grid{grid-template-columns:1fr!important}.stats-charts-row{grid-template-columns:1fr}.stats-insights-grid{grid-template-columns:1fr!important}.stats-filter-row{flex-direction:column}.stats-filter-group{width:100%}.stats-matchup-matrix-scroll{margin:0 calc(var(--stats-spacing-lg) * -1);padding:0 var(--stats-spacing-lg)}.stats-modal-content{max-height:95vh;margin:var(--stats-spacing-sm)}.stats-drilldown-overall{grid-template-columns:repeat(2,1fr)}.stats-drilldown-header-factions{flex-direction:column;text-align:center}.stats-faction-breakdown-item{flex-direction:column;align-items:flex-start;gap:var(--stats-spacing-sm)}.stats-games-list th,.stats-games-list td{font-size:.75rem;padding:var(--stats-spacing-xs)}.stats-game-mission,.stats-game-deployment,.stats-game-detachment{max-width:80px}.stats-chart-container{width:100%;overflow-x:auto;overflow-y:visible;padding:1rem 0}.stats-matchup-chart{min-height:600px!important;width:100%}.recharts-wrapper{margin:0 auto}.recharts-cartesian-axis-tick-value{font-size:10px!important}}@media(max-width:480px){.stats-kpi-card .stats-card-value{font-size:2rem}.stats-section{margin-bottom:var(--stats-spacing-lg);padding:.5rem}.stats-matchup-chart{min-height:800px!important}}.stats-advanced-tab{width:100%}.stats-timeline-chart-container{background:var(--stats-bg-card);border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-lg)}.stats-period-selector{display:flex;gap:var(--stats-spacing-xs)}.stats-period-btn{padding:var(--stats-spacing-xs) var(--stats-spacing-md);background:transparent;border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;color:var(--stats-text-secondary);cursor:pointer;transition:all .2s ease}.stats-period-btn:hover{background:var(--stats-bg-hover);border-color:var(--stats-color-primary)}.stats-period-btn.active{background:var(--stats-color-primary);border-color:var(--stats-color-primary);color:#fff}.stats-chart-tooltip{background:#fff;border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-sm);box-shadow:var(--stats-shadow-md)}.stats-tooltip-title{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;color:var(--stats-text-primary);margin:0 0 var(--stats-spacing-xs) 0;padding-bottom:var(--stats-spacing-xs);border-bottom:1px solid var(--stats-border-color)}.stats-tooltip-content{display:flex;flex-direction:column;gap:4px}.stats-tooltip-content p{margin:0;font-size:.85rem;color:var(--stats-text-secondary)}.stats-tooltip-win-rate,.stats-tooltip-score{font-weight:600}@media(max-width:768px){.stats-chart-header{flex-direction:column;gap:var(--stats-spacing-md)}.stats-period-selector{width:100%;justify-content:space-between}.stats-period-btn{flex:1;font-size:.8rem;padding:var(--stats-spacing-xs)}}.stats-streaks-analysis{width:100%}.stats-streak-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--stats-spacing-md);padding:var(--stats-spacing-xl);text-align:center;transition:all .3s ease;border-width:2px}.stats-streak-card:hover{transform:translateY(-4px);box-shadow:var(--stats-shadow-lg)}.stats-streak-icon{font-size:3rem;line-height:1;margin-bottom:var(--stats-spacing-sm)}.stats-streak-content{display:flex;flex-direction:column;gap:var(--stats-spacing-xs);width:100%}.stats-streak-title{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:var(--stats-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.stats-streak-value{font-size:3rem;font-weight:800;line-height:1;margin:var(--stats-spacing-sm) 0;font-family:Courier New,monospace}.stats-streak-period{font-size:.9rem;color:var(--stats-text-secondary);margin:0}@media(max-width:768px){.stats-streak-icon,.stats-streak-value{font-size:2.5rem}.stats-streak-title{font-size:.8rem}.stats-streak-period{font-size:.85rem}}@media(max-width:480px){.stats-streak-card{padding:var(--stats-spacing-lg)}.stats-streak-icon,.stats-streak-value{font-size:2rem}}.stats-period-comparison{width:100%}.stats-period-empty{text-align:center;padding:var(--stats-spacing-xl);color:var(--stats-text-secondary);font-style:italic}.stats-period-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--stats-spacing-lg);margin-bottom:var(--stats-spacing-xl)}.stats-period-card{background:var(--stats-bg-card);border:2px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-lg);transition:all .3s ease}.stats-period-card:hover{box-shadow:var(--stats-shadow-md);transform:translateY(-2px)}.stats-period-last{border-color:var(--stats-color-primary);background:linear-gradient(135deg,#8b691405,#d4af3705)}.stats-period-title{font-family:Cinzel,serif;font-size:1.1rem;color:var(--stats-color-primary);margin:0 0 var(--stats-spacing-md) 0;padding-bottom:var(--stats-spacing-sm);border-bottom:2px solid var(--stats-border-color);text-align:center}.stats-period-metrics{display:flex;flex-direction:column;gap:var(--stats-spacing-md)}.stats-period-metric{display:flex;justify-content:space-between;align-items:center;padding:var(--stats-spacing-sm) 0;border-bottom:1px solid rgba(139,105,20,.1)}.stats-period-metric:last-child{border-bottom:none}.stats-period-label{font-size:.9rem;color:var(--stats-text-secondary);font-weight:500}.stats-period-value{font-size:1.1rem;font-weight:700;color:var(--stats-text-primary)}.stats-period-highlight{color:var(--stats-color-primary);font-size:1.3rem}.stats-period-record{font-family:Courier New,monospace;font-size:.95rem}.stats-trends-section{margin-top:var(--stats-spacing-xl);padding-top:var(--stats-spacing-xl);border-top:2px solid var(--stats-border-color)}.stats-trends-title{font-family:Cinzel,serif;font-size:1.2rem;color:var(--stats-text-primary);margin:0 0 var(--stats-spacing-lg) 0;text-align:center}.stats-trends-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--stats-spacing-md)}.stats-trend-card{background:var(--stats-bg-card);border:1px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-md);text-align:center;transition:all .2s ease}.stats-trend-card:hover{box-shadow:var(--stats-shadow-sm);transform:translateY(-2px)}.stats-trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--stats-spacing-sm)}.stats-trend-label{font-size:.85rem;color:var(--stats-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stats-trend-icon{transition:transform .2s ease}.stats-trend-card:hover .stats-trend-icon{transform:scale(1.2)}.stats-trend-value{font-size:1.8rem;font-weight:800;font-family:Courier New,monospace;margin:var(--stats-spacing-xs) 0;line-height:1}.stats-trend-status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:var(--stats-spacing-xs)}.stats-period-note{margin-top:var(--stats-spacing-lg);padding:var(--stats-spacing-md);background:#8b69140d;border-left:4px solid var(--stats-color-primary);border-radius:var(--stats-border-radius)}.stats-period-note p{margin:0;font-size:.9rem;color:var(--stats-text-secondary);line-height:1.5}.stats-period-note strong{color:var(--stats-color-primary);font-weight:600}@media(max-width:1024px){.stats-trends-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-period-cards-container{grid-template-columns:1fr}.stats-trends-grid{grid-template-columns:repeat(2,1fr)}.stats-trend-value{font-size:1.5rem}.stats-period-title{font-size:1rem}}@media(max-width:480px){.stats-trends-grid{grid-template-columns:1fr}.stats-trend-card{padding:var(--stats-spacing-sm)}.stats-trend-value{font-size:1.3rem}.stats-period-metric{flex-direction:column;align-items:flex-start;gap:var(--stats-spacing-xs)}}.stats-context-performance{width:100%}.stats-context-empty{text-align:center;padding:var(--stats-spacing-xl);color:var(--stats-text-secondary);font-style:italic}.stats-context-section{margin-bottom:var(--stats-spacing-xl);padding-bottom:var(--stats-spacing-xl);border-bottom:1px solid var(--stats-border-color)}.stats-context-section:last-of-type{border-bottom:none}.stats-context-section-header{display:flex;align-items:center;gap:var(--stats-spacing-sm);margin-bottom:var(--stats-spacing-lg)}.stats-context-icon{color:var(--stats-color-primary)}.stats-context-section-title{font-family:Cinzel,serif;font-size:1.2rem;color:var(--stats-color-primary);margin:0}.stats-context-grid{display:grid;gap:var(--stats-spacing-md)}.stats-context-grid-2{grid-template-columns:repeat(2,1fr)}.stats-context-grid-3{grid-template-columns:repeat(3,1fr)}.stats-context-grid-4{grid-template-columns:repeat(4,1fr)}.stats-context-grid-5{grid-template-columns:repeat(5,1fr)}.stats-context-grid-6{grid-template-columns:repeat(6,1fr)}.stats-context-card{background:var(--stats-bg-card);border:2px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-md);transition:all .2s ease}.stats-context-card:hover{box-shadow:var(--stats-shadow-md);transform:translateY(-2px)}.stats-context-label{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:var(--stats-color-primary);text-align:center;margin-bottom:var(--stats-spacing-sm);padding-bottom:var(--stats-spacing-xs);border-bottom:1px solid var(--stats-border-color);text-transform:uppercase;letter-spacing:.5px}.stats-context-metrics{display:flex;flex-direction:column;gap:var(--stats-spacing-xs)}.stats-context-metric{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.stats-context-metric-primary{padding:var(--stats-spacing-xs) 0;margin:var(--stats-spacing-xs) 0;border-top:1px solid rgba(139,105,20,.1);border-bottom:1px solid rgba(139,105,20,.1)}.stats-context-metric-label{color:var(--stats-text-secondary);font-weight:500}.stats-context-metric-value{color:var(--stats-text-primary);font-weight:700}.stats-context-record{font-family:Courier New,monospace;font-size:.8rem}.stats-context-excellent{color:#2e7d32!important}.stats-context-good{color:#4caf50!important}.stats-context-average{color:#ffc107!important}.stats-context-poor{color:#f44336!important}.stats-context-neutral{color:var(--stats-text-secondary)!important}.stats-context-empty-card{opacity:.6;cursor:default}.stats-context-empty-card:hover{transform:none;box-shadow:none}.stats-context-no-data{text-align:center;padding:var(--stats-spacing-lg) 0;color:var(--stats-text-tertiary);font-style:italic;font-size:.9rem}.stats-context-casual{border-color:#8bc34a}.stats-context-training{border-color:#03a9f4}.stats-context-scrim{border-color:#ff9800}.stats-context-solo{border-color:#9c27b0}.stats-context-team{border-color:#f44336}.stats-context-gt{border-color:#d4af37}.stats-context-first{border-color:#4caf50}.stats-context-second{border-color:#2196f3}.stats-context-l1{border-color:#f44336}.stats-context-l2{border-color:#ffc107}.stats-context-l3{border-color:#8bc34a}.stats-context-no-level{border-color:#9e9e9e}.stats-context-delta{margin-top:var(--stats-spacing-md);padding:var(--stats-spacing-md);background:#8b69140d;border-radius:var(--stats-border-radius);border-left:4px solid var(--stats-color-primary)}.stats-context-delta-text{margin:0;font-size:.95rem;color:var(--stats-text-secondary);text-align:center}.stats-context-delta-text strong{color:var(--stats-color-primary);font-weight:700}.stats-context-note{margin-top:var(--stats-spacing-lg);padding:var(--stats-spacing-md);background:#8b69140d;border-left:4px solid var(--stats-color-primary);border-radius:var(--stats-border-radius)}.stats-context-note p{margin:0;font-size:.85rem;color:var(--stats-text-secondary);line-height:1.6}.stats-context-note strong{color:var(--stats-color-primary);font-weight:600}@media(max-width:1024px){.stats-context-grid-6,.stats-context-grid-5{grid-template-columns:repeat(3,1fr)}.stats-context-grid-4,.stats-context-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-context-grid-6,.stats-context-grid-5,.stats-context-grid-4,.stats-context-grid-3,.stats-context-grid-2{grid-template-columns:repeat(2,1fr)}.stats-context-section-title{font-size:1rem}.stats-context-card{padding:var(--stats-spacing-sm)}.stats-context-label{font-size:.8rem}}@media(max-width:480px){.stats-context-grid-6,.stats-context-grid-5,.stats-context-grid-4,.stats-context-grid-3,.stats-context-grid-2{grid-template-columns:1fr}.stats-context-metric{font-size:.8rem}.stats-context-section-header{flex-direction:column;text-align:center}}.stats-detachment-performance{width:100%}.stats-detachment-empty{text-align:center;padding:var(--stats-spacing-xl);color:var(--stats-text-secondary);font-style:italic}.stats-detachment-table-container{width:100%;overflow-x:auto;border-radius:var(--stats-border-radius);border:1px solid var(--stats-border-color);background:var(--stats-bg-card)}.stats-detachment-table{width:100%;border-collapse:collapse;font-size:.9rem}.stats-detachment-table thead{background:linear-gradient(135deg,#8b69141a,#d4af371a);border-bottom:2px solid var(--stats-color-primary);position:sticky;top:0;z-index:10}.stats-detachment-table th{padding:var(--stats-spacing-md);text-align:left;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;color:var(--stats-color-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.stats-detachment-table th:hover{background:#d4af3726}.stats-detachment-th-content{display:flex;align-items:center;gap:var(--stats-spacing-xs);white-space:nowrap}.stats-detachment-th-record{cursor:default!important}.stats-detachment-th-record:hover{background:transparent!important}.stats-detachment-sort-icon{color:var(--stats-text-tertiary);transition:color .2s ease}.stats-detachment-sort-active{color:var(--stats-color-primary)}.stats-detachment-table tbody tr{border-bottom:1px solid rgba(139,105,20,.1);transition:background-color .2s ease}.stats-detachment-table tbody tr:last-child{border-bottom:none}.stats-detachment-table tbody tr:hover{background:#d4af370d}.stats-detachment-table td{padding:var(--stats-spacing-md);color:var(--stats-text-primary)}.stats-detachment-name{font-weight:600;color:var(--stats-text-primary)}.stats-detachment-faction{color:var(--stats-text-secondary);font-style:italic}.stats-detachment-games{text-align:center;font-weight:700}.stats-detachment-winrate{text-align:center;font-weight:700;font-size:1rem}.stats-detachment-score{text-align:center;font-weight:600}.stats-detachment-record{font-family:Courier New,monospace;font-size:.85rem;text-align:center}.stats-detachment-wr-excellent{color:#2e7d32!important}.stats-detachment-wr-good{color:#4caf50!important}.stats-detachment-wr-average{color:#ffc107!important}.stats-detachment-wr-poor{color:#f44336!important}.stats-detachment-note{margin-top:var(--stats-spacing-lg);padding:var(--stats-spacing-md);background:#8b69140d;border-left:4px solid var(--stats-color-primary);border-radius:var(--stats-border-radius)}.stats-detachment-note p{margin:0;font-size:.85rem;color:var(--stats-text-secondary);line-height:1.6}.stats-detachment-note strong{color:var(--stats-color-primary);font-weight:600}@media(max-width:1024px){.stats-detachment-table{font-size:.85rem}.stats-detachment-table th,.stats-detachment-table td{padding:var(--stats-spacing-sm)}.stats-detachment-th-content{font-size:.8rem}}@media(max-width:768px){.stats-detachment-table th,.stats-detachment-table td{padding:var(--stats-spacing-xs) var(--stats-spacing-sm)}.stats-detachment-table{font-size:.8rem}.stats-detachment-table-container:after{content:"← Scroll →";display:block;text-align:center;padding:var(--stats-spacing-xs);font-size:.75rem;color:var(--stats-text-tertiary);font-style:italic}}@media(max-width:480px){.stats-detachment-table{font-size:.75rem}.stats-detachment-winrate{font-size:.9rem}.stats-detachment-sort-icon{display:none}}.stats-competitive-tab{width:100%}.stats-competitive-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:var(--stats-spacing-lg);padding:var(--stats-spacing-xl)}.stats-competitive-empty-icon{color:var(--stats-color-primary);opacity:.5}.stats-competitive-empty h2{font-family:Cinzel,serif;font-size:2rem;color:var(--stats-text-primary);margin:0}.stats-competitive-empty p{font-size:1.1rem;color:var(--stats-text-secondary);margin:0;max-width:500px;line-height:1.6}.stats-competitive-kpi-grid{grid-template-columns:repeat(3,1fr)}.stats-competitive-events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--stats-spacing-lg)}.stats-competitive-event-card{background:var(--stats-bg-card);border:2px solid var(--stats-border-color);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-lg);transition:all .3s ease;display:flex;flex-direction:column;gap:var(--stats-spacing-md)}.stats-competitive-event-card:hover{box-shadow:var(--stats-shadow-lg);transform:translateY(-4px)}.stats-competitive-event-rank{display:flex;justify-content:center;align-items:center;min-height:40px}.stats-event-medal-gold{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.stats-event-medal-silver{color:silver;filter:drop-shadow(0 2px 4px rgba(192,192,192,.3))}.stats-event-medal-bronze{color:#cd7f32;filter:drop-shadow(0 2px 4px rgba(205,127,50,.3))}.stats-competitive-event-content{display:flex;flex-direction:column;gap:var(--stats-spacing-md)}.stats-competitive-event-name{font-family:Cinzel,serif;font-size:1.1rem;color:var(--stats-text-primary);margin:0;text-align:center;padding-bottom:var(--stats-spacing-sm);border-bottom:2px solid var(--stats-border-color)}.stats-competitive-event-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--stats-spacing-sm)}.stats-competitive-event-stat{display:flex;flex-direction:column;gap:var(--stats-spacing-xs);text-align:center;padding:var(--stats-spacing-sm);background:#8b69140d;border-radius:var(--stats-border-radius)}.stats-competitive-event-label{font-size:.75rem;font-weight:600;color:var(--stats-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-competitive-event-value{font-size:1.2rem;font-weight:700;color:var(--stats-text-primary)}.stats-competitive-event-record{font-family:Courier New,monospace;font-size:1rem}.stats-text-excellent{color:#2e7d32!important}.stats-text-good{color:#4caf50!important}.stats-text-average{color:#ffc107!important}.stats-text-poor{color:#f44336!important}.stats-competitive-no-events{text-align:center;padding:var(--stats-spacing-xl);background:#8b69140d;border-radius:var(--stats-border-radius);border:1px dashed var(--stats-border-color)}.stats-competitive-no-events p{margin:0;color:var(--stats-text-secondary);font-style:italic}.stats-competitive-matchup-card{background:linear-gradient(135deg,#8b69140d,#d4af370d);border:2px solid var(--stats-color-primary);border-radius:var(--stats-border-radius);padding:var(--stats-spacing-xl)}.stats-competitive-matchup-content{display:flex;align-items:center;gap:var(--stats-spacing-xl)}.stats-competitive-matchup-logo{width:120px;height:120px;object-fit:contain;border-radius:50%;padding:var(--stats-spacing-md);background:var(--stats-bg-card);border:3px solid var(--stats-color-primary);box-shadow:var(--stats-shadow-md)}.stats-competitive-matchup-details{flex:1;display:flex;flex-direction:column;gap:var(--stats-spacing-lg)}.stats-competitive-matchup-faction{font-family:Cinzel,serif;font-size:1.8rem;color:var(--stats-color-primary);margin:0}.stats-competitive-matchup-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--stats-spacing-md)}.stats-competitive-matchup-stat{display:flex;flex-direction:column;gap:var(--stats-spacing-xs);text-align:center;padding:var(--stats-spacing-md);background:var(--stats-bg-card);border-radius:var(--stats-border-radius);border:1px solid var(--stats-border-color)}.stats-competitive-matchup-label{font-size:.75rem;font-weight:600;color:var(--stats-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-competitive-matchup-value{font-size:1.5rem;font-weight:700;color:var(--stats-text-primary)}.stats-competitive-matchup-record{font-family:Courier New,monospace;font-size:1.2rem}.stats-competitive-no-matchup{text-align:center;padding:var(--stats-spacing-xl);background:#8b69140d;border-radius:var(--stats-border-radius);border:1px dashed var(--stats-border-color)}.stats-competitive-no-matchup p{margin:0;color:var(--stats-text-secondary);font-style:italic}.stats-competitive-note{margin-top:var(--stats-spacing-xl);padding:var(--stats-spacing-md);background:#8b69140d;border-left:4px solid var(--stats-color-primary);border-radius:var(--stats-border-radius)}.stats-competitive-note p{margin:0;font-size:.9rem;color:var(--stats-text-secondary);line-height:1.6}.stats-competitive-note strong{color:var(--stats-color-primary);font-weight:600}@media(max-width:1024px){.stats-competitive-events-grid,.stats-competitive-matchup-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-competitive-kpi-grid{grid-template-columns:1fr!important}.stats-competitive-events-grid{grid-template-columns:1fr}.stats-competitive-matchup-content{flex-direction:column;text-align:center}.stats-competitive-matchup-logo{width:100px;height:100px}.stats-competitive-matchup-faction{font-size:1.5rem}.stats-competitive-matchup-stats{grid-template-columns:repeat(2,1fr)}.stats-competitive-event-stats{grid-template-columns:1fr}}@media(max-width:480px){.stats-competitive-empty h2{font-size:1.5rem}.stats-competitive-empty p{font-size:.95rem}.stats-competitive-matchup-stats{grid-template-columns:1fr}.stats-competitive-matchup-value{font-size:1.2rem}.stats-competitive-event-value{font-size:1rem}}.stats-beta-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:2px solid #1d4ed8;padding:.75rem 2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:var(--stats-spacing-lg)}.stats-beta-banner-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.stats-beta-icon{color:#fff;flex-shrink:0}.stats-beta-text-container{flex:1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-width:200px}.stats-beta-badge{display:inline-block;padding:.25rem .6rem;background:#fff;color:#1d4ed8;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:4px;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.stats-beta-text{font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;color:#fff;line-height:1.4}.stats-beta-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#1d4ed8;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;flex-shrink:0;white-space:nowrap}.stats-beta-link:hover{background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@media(max-width:1024px){.stats-beta-banner{padding:.75rem 1.5rem}.stats-beta-text{font-size:.85rem}}@media(max-width:768px){.stats-beta-banner{padding:.75rem 1rem}.stats-beta-banner-content{justify-content:center;text-align:center}.stats-beta-icon{display:none}.stats-beta-text-container{flex-direction:column;align-items:center;gap:.5rem}.stats-beta-text{font-size:.8rem}.stats-beta-link{width:100%;justify-content:center}}@media(max-width:480px){.stats-beta-text{font-size:.75rem}.stats-beta-badge{font-size:.65rem}.stats-beta-link{font-size:.8rem;padding:.4rem .8rem}}.stats-tournament-performance{width:100%}.stats-tournament-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;color:var(--stats-text-muted);text-align:center}.stats-tournament-empty svg{color:var(--stats-primary);opacity:.5}.stats-tournament-table-container{overflow-x:auto;border-radius:var(--stats-border-radius);border:1px solid var(--stats-border);background:#fff}.stats-tournament-table{width:100%;border-collapse:collapse;font-size:.9rem}.stats-tournament-table thead{background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border-bottom:2px solid var(--stats-border)}.stats-tournament-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:var(--stats-text-primary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.stats-tournament-table th:hover{background-color:#00000005}.stats-tournament-th-content{display:flex;align-items:center;gap:.5rem}.stats-tournament-sort-icon{color:var(--stats-text-muted);opacity:.4;transition:opacity .2s}.stats-tournament-sort-icon.active{color:var(--stats-primary);opacity:1}.stats-tournament-table th:hover .stats-tournament-sort-icon{opacity:.7}.stats-tournament-table td{padding:.875rem .75rem;border-bottom:1px solid var(--stats-border-light)}.stats-tournament-row{transition:background-color .15s}.stats-tournament-row:hover{background-color:var(--stats-hover-bg)}.stats-tournament-name{font-weight:500;color:var(--stats-text-primary);min-width:200px}.stats-tournament-date{color:var(--stats-text-muted);font-size:.875rem}.stats-tournament-games{text-align:center;font-weight:500;color:var(--stats-text-primary)}.stats-tournament-winrate{text-align:center;font-weight:600}.stats-tournament-record{text-align:center;font-family:Courier New,monospace;font-size:.875rem;color:var(--stats-text-secondary)}.stats-tournament-score{text-align:center;font-weight:500;color:var(--stats-text-primary)}.stats-tournament-note{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-left:4px solid var(--stats-primary);border-radius:var(--stats-border-radius);font-size:.875rem;color:var(--stats-text-secondary)}.stats-tournament-note strong{color:var(--stats-text-primary)}.stats-evolution{width:100%}.stats-evolution-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;color:var(--stats-text-muted);text-align:center}.stats-evolution-empty svg{color:var(--stats-primary);opacity:.5}.stats-evolution-tooltip{background:#fff;border:1px solid var(--stats-border);border-radius:var(--stats-border-radius);padding:.75rem;box-shadow:0 4px 12px #0000001a}.stats-evolution-tooltip-month{font-weight:600;color:var(--stats-text-primary);margin-bottom:.5rem;font-size:.875rem}.stats-evolution-tooltip-stats{display:flex;flex-direction:column;gap:.25rem}.stats-evolution-tooltip-stat{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem}.stats-evolution-tooltip-label{color:var(--stats-text-muted)}.stats-evolution-tooltip-value{font-weight:600;color:var(--stats-text-primary)}.stats-evolution-summary{display:flex;justify-content:space-around;gap:2rem;margin-top:2rem;padding:1.5rem;background:linear-gradient(to bottom,#f8f9fa,#fff);border-radius:var(--stats-border-radius);border:1px solid var(--stats-border-light)}.stats-evolution-summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stats-evolution-summary-label{font-size:.8rem;color:var(--stats-text-muted);text-transform:uppercase;letter-spacing:.05em}.stats-evolution-summary-value{font-size:1.5rem;font-weight:700;color:var(--stats-primary)}.stats-evolution-note{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-left:4px solid #3B82F6;border-radius:var(--stats-border-radius);font-size:.875rem;color:var(--stats-text-secondary)}.stats-evolution-note strong{color:var(--stats-text-primary)}.stats-comparison{width:100%}.stats-comparison-empty{padding:3rem 1.5rem;text-align:center;color:var(--stats-text-muted);background:#f8f9fa;border-radius:var(--stats-border-radius)}.stats-comparison-insight{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--stats-border-radius);color:#fff;text-align:center}.stats-comparison-insight-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.stats-comparison-insight-text{margin:0;font-size:1rem;line-height:1.5;opacity:.95}.stats-comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:stretch}.stats-comparison-column{background:#fff;border-radius:var(--stats-border-radius);border:2px solid;padding:1.5rem;display:flex;flex-direction:column}.stats-comparison-competitive{border-color:#3b82f6}.stats-comparison-casual{border-color:#10b981}.stats-comparison-column-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:var(--stats-text-primary)}.stats-comparison-column-subtitle{margin:0 0 1.5rem;font-size:.85rem;color:var(--stats-text-muted)}.stats-comparison-stats{display:flex;flex-direction:column;gap:1.25rem;flex:1}.stats-comparison-stat{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--stats-border-light)}.stats-comparison-stat:last-child{border-bottom:none}.stats-comparison-stat-label{font-size:.875rem;color:var(--stats-text-muted);text-transform:uppercase;letter-spacing:.05em}.stats-comparison-stat-value{font-size:1.5rem;font-weight:700;color:var(--stats-text-primary)}.stats-comparison-stat-record{font-family:Courier New,monospace;font-size:1.25rem}.stats-comparison-delta-column{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:#f8f9fa;border-radius:var(--stats-border-radius)}.stats-comparison-delta-title{font-size:1.5rem;font-weight:700;color:var(--stats-text-muted);margin-bottom:1.5rem}.stats-comparison-deltas{display:flex;flex-direction:column;gap:1.25rem;flex:1;justify-content:space-around}.stats-comparison-delta{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 0}.stats-comparison-delta-spacer{height:2rem}.stats-comparison-delta-value{font-size:1.1rem;font-weight:700;font-family:Courier New,monospace}.stats-comparison-delta-value.positive{color:#4caf50}.stats-comparison-delta-value.negative{color:#f44336}.stats-comparison-delta-value.neutral{color:var(--stats-text-muted)}.stats-comparison-icon-up{color:#4caf50}.stats-comparison-icon-down{color:#f44336}.stats-comparison-icon-neutral{color:var(--stats-text-muted)}.stats-comparison-note{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-left:4px solid #6B7280;border-radius:var(--stats-border-radius);font-size:.875rem;color:var(--stats-text-secondary)}.stats-comparison-note strong{color:var(--stats-text-primary)}@media(max-width:1024px){.stats-tournament-table{font-size:.85rem}.stats-tournament-table th,.stats-tournament-table td{padding:.75rem .5rem}.stats-evolution-summary{gap:1rem}.stats-evolution-summary-value{font-size:1.25rem}.stats-comparison-grid{gap:1rem}.stats-comparison-stat-value{font-size:1.25rem}}@media(max-width:768px){.stats-tournament-table-container{overflow-x:scroll}.stats-tournament-table{min-width:600px;font-size:.8rem}.stats-evolution-summary{flex-direction:column;gap:1rem}.stats-comparison-grid{grid-template-columns:1fr;gap:1.5rem}.stats-comparison-delta-column{order:3;padding:1rem}.stats-comparison-deltas{flex-direction:row;justify-content:space-around}.stats-comparison-delta{flex-direction:row;gap:.5rem}.stats-comparison-delta-spacer{display:none}.stats-comparison-insight{padding:1.25rem}.stats-comparison-insight-title{font-size:1rem}.stats-comparison-insight-text{font-size:.9rem}}@media(max-width:480px){.stats-tournament-table{font-size:.75rem}.stats-tournament-table th,.stats-tournament-table td{padding:.5rem .35rem}.stats-tournament-note,.stats-evolution-note,.stats-comparison-note{font-size:.8rem;padding:.75rem}.stats-comparison-column{padding:1rem}.stats-comparison-stat-value{font-size:1.1rem}}