:root{--navy-900:#0a194b;--navy-800:#14235f;--blue-950:#172554;--blue-900:#1e3a8a;--blue-800:#1e40af;--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--purple-950:#3b0764;--purple-900:#581c87;--purple-800:#6b21a8;--purple-700:#7e22ce;--purple-600:#9333ea;--purple-500:#a855f7;--purple-400:#c084fc;--red-950:#450a0a;--red-900:#7f1d1d;--red-800:#991b1b;--red-700:#b91c1c;--red-600:#dc2626;--red-500:#ef4444;--red-400:#f87171;--orange-950:#431407;--orange-900:#7c2d12;--orange-800:#9a3412;--orange-700:#c2410c;--orange-600:#ea580c;--orange-500:#f97316;--orange-400:#fb923c;--green-950:#052e16;--green-900:#14532d;--green-800:#166534;--green-700:#15803d;--green-600:#16a34a;--green-500:#22c55e;--green-400:#4ade80;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--white-05:#ffffff0d;--white-10:#ffffff1a;--white-20:#fff3;--black-20:#0003;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-blue:0 0 20px #3b82f64d;--tw-gradient-from:#172554;--tw-gradient-via:#1a1c2a;--tw-gradient-to:#1e3a8a;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to);--anim-duration-fast:.2s;--anim-duration-medium:.3s;--anim-duration-slow:.5s}*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body{color:#fff;background:linear-gradient(to bottom right,#172554,#1a1c2a,#1e3a8a);padding-top:65px;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.5}.stats-container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.hero-content{flex-direction:column;gap:.25rem;display:flex}.hero-section{text-align:center;margin-bottom:1rem}.hero-title{background:linear-gradient(135deg,#fff 0%,var(--blue-400)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.hero-info-wrapper{flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto 2rem;padding:0 1rem;display:flex}.latest-update-section{justify-content:center;align-items:center;display:flex}.latest-update-content{backdrop-filter:blur(12px);white-space:nowrap;background:#92fa151a;border-left:3px solid #92fa15;align-items:center;gap:.5rem;padding:.5rem 1.15rem;display:flex}.latest-update-label{color:#ffffffb3;font-size:1.07rem;font-weight:500}.latest-update-date{color:#92fa15;font-size:1.07rem;font-weight:700}.data-info-section{flex:1}.data-info-container{background:#22d3ee14;border:1px solid #22d3ee4d;border-radius:.75rem;transition:all .3s;overflow:hidden}.data-info-container.expanded{background:#22d3ee1f;border-color:#22d3ee80}.data-info-toggle{color:#67e8f9;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.data-info-toggle:hover{background:#22d3ee1a}.toggle-icon{color:#22d3ee;flex-shrink:0;align-items:center;display:flex}.toggle-text{text-align:left;flex:1;margin:0;font-size:.875rem}.toggle-arrow{flex-shrink:0;align-items:center;transition:transform .3s;display:flex}.data-info-container.expanded .toggle-arrow{transform:rotate(180deg)}.data-info-content{max-height:0;transition:max-height .3s;overflow:hidden}.data-info-container.expanded .data-info-content{max-height:500px}.data-info-content p{color:#ffffffe6;margin:0;padding:.5rem 1.5rem 1.25rem;font-size:.95rem;line-height:1.7}.data-info-content strong{color:#22d3ee;font-weight:700}.filters-compact-wrapper{backdrop-filter:blur(12px);background:#0f172acc;border:1px solid #3b82f633;border-radius:16px;margin-bottom:2rem;padding:1rem;box-shadow:0 4px 12px #0003}.filters-compact-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.filters-compact-title{align-items:center;gap:.6rem;display:flex}.filter-icon{font-size:1.4rem}.filters-compact-title h3{color:#fffffff2;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1.125rem;font-weight:700}.filters-clear-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:.4rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s}.filters-clear-btn:hover{color:#fff;background:#ef444426;border-color:#ef44444d}.filters-compact-content{flex-direction:column;gap:.75rem;display:flex}.filter-row-combined{order:1}.filter-group:has(.time-buttons){order:2}.custom-date-picker{order:3}.season-dropdown{order:4}.filter-group:has(.stats-buttons){order:5}.filter-row-combined{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.filter-group{align-items:flex-start;gap:.75rem;display:flex}.filter-group-label{color:#fae13c;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:65px;margin-bottom:.5rem;padding-top:.5rem;font-size:.875rem;font-weight:700}.filter-buttons{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.filter-btn{color:#fff;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#ffffff0d;border:1.5px solid #ffffff26;border-radius:8px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s}.filter-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.surface-btn.active[data-surface=All]{color:#fff;background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b728080;box-shadow:0 2px 8px #6b728066}.surface-btn.active[data-surface=Hard]{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f680;box-shadow:0 2px 8px #3b82f666}.surface-btn.active[data-surface=Clay]{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f9731680;box-shadow:0 2px 8px #f9731666}.surface-btn.active[data-surface=Grass]{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e80;box-shadow:0 2px 8px #22c55e66}.level-btn.active{color:#fff;background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#a855f780;box-shadow:0 2px 8px #a855f766}.time-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0ea5e980;box-shadow:0 2px 8px #0ea5e966}.stats-btn.active[data-category=Serve]{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc262680;box-shadow:0 2px 8px #dc262666}.stats-btn.active[data-category=Return]{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb80;box-shadow:0 2px 8px #2563eb66}.stats-btn.active[data-category=General]{color:#fff;background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#0891b280;box-shadow:0 2px 8px #0891b266}.stats-btn.active[data-category=Ratios]{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed80;box-shadow:0 2px 8px #7c3aed66}.stats-btn.active[data-category=Odds]{color:#fff;background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#ea580c80;box-shadow:0 2px 8px #ea580c66}.stats-btn.active[data-category=Pressure]{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a80;box-shadow:0 2px 8px #16a34a66}.badge-new{color:#fff;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;background:linear-gradient(135deg,#f59e0b,#dc2626);border-radius:3px;margin-left:.25rem;padding:.1rem .3rem;font-size:.6rem;font-weight:700;animation:2s ease-in-out infinite pulse-badge;display:inline-block}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.custom-date-picker{background:#0003;border-radius:8px;gap:.75rem;margin-top:.5rem;padding:.75rem;display:none}.custom-date-picker.show{flex-wrap:wrap;display:flex}.date-input-group{flex:1;min-width:150px}.date-input-group label{color:#fff9;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.35rem;font-size:.7rem;font-weight:600;display:block}.date-input{color:#fff;background:#ffffff0d;border:1.5px solid #ffffff26;border-radius:6px;width:100%;padding:.5rem;font-size:.85rem}.date-input:focus{background:#ffffff14;border-color:#3b82f680;outline:none}.date-input::-webkit-calendar-picker-indicator{filter:invert()brightness(.8);cursor:pointer}.apply-dates-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:6px;align-self:flex-end;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.apply-dates-btn:hover{background:linear-gradient(135deg,#0284c7,#0369a1)}.date-selects-row{gap:.5rem;display:flex}.month-select,.day-select,.year-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1.5px solid #ffffff26;border-radius:6px;flex:1;padding:.5rem;font-size:.85rem;transition:all .2s}.month-select{flex:2}.month-select:focus,.day-select:focus,.year-select:focus{background:#ffffff14;border-color:#3b82f680;outline:none}.month-select option,.day-select option,.year-select option{color:#fff;background:#172554}.season-dropdown{backdrop-filter:blur(12px);background:#0f1e3cf2;border:1px solid #00d4ff33;border-radius:12px;margin-top:.5rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.season-option{color:#fffc;cursor:pointer;border-bottom:1px solid #ffffff0d;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.season-option:last-child{border-bottom:none}.season-option:hover{color:#fff;background:#0ea5e926}.season-option.active{color:#0ea5e9;background:#0ea5e940;font-weight:600}.active-filters-badge{background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:12px;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;padding:14px 18px;display:flex}.badge-label{color:#ffffffb3;font-size:.875rem;font-weight:600}.player-card-info .flag-icon{object-fit:cover;border-radius:2px;flex-shrink:0;align-self:center;width:24px;height:18px}.player-card-rank{color:#ffffffb3;justify-content:center;align-items:center;min-width:38px;font-size:1.3rem;font-weight:700;line-height:1;display:inline-flex}#filter-badge-text{color:#0ea5e9;flex:1;font-size:.9rem;font-weight:600}.clear-filters-btn{color:#fca5a5;cursor:pointer;background:#dc262633;border:1px solid #dc262666;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.clear-filters-btn:hover{color:#fff;background:#dc26264d;border-color:#dc262699}.search-section{border-radius:.75rem;margin-bottom:1.5rem}.search-section[data-category=Ratios]{box-shadow:inset 0 -1px #581c8733}.search-section[data-category=Serve]{box-shadow:inset 0 -1px #b91c1c33}.search-section[data-category=Return]{box-shadow:inset 0 -1px #9333ea33}.search-section[data-category=General]{box-shadow:inset 0 -1px #0891b233}.search-section[data-category=Odds]{box-shadow:inset 0 -1px #ea580c33}.search-section[data-category=Pressure]{box-shadow:inset 0 -1px #16a34a33}.search-section[data-category=Ratios],.pagination[data-category=Ratios]{background-color:var(--purple-900);color:#fff}.search-section[data-category=Serve],.pagination[data-category=Serve]{background-color:var(--red-900);color:#fff}.search-section[data-category=Return],.pagination[data-category=Return]{background-color:var(--blue-900);color:#fff}.search-section[data-category=General],.pagination[data-category=General]{color:#fff;background-color:#155e75}.search-section[data-category=Odds],.pagination[data-category=Odds]{background-color:var(--orange-900);color:#fff}.search-section[data-category=Pressure],.pagination[data-category=Pressure]{background-color:var(--green-900);color:#fff}.search-section[data-category] .search-input::placeholder{color:#fffc}.search-section[data-category] .search-info{color:#fff}.search-section[data-category] .search-icon{color:#ffffffe6}.search-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;padding:1.25rem}.search-box{background:#ffffff0d;border:1px solid #ffffff26;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;display:flex;position:relative}.search-icon{color:#fff9;flex-shrink:0}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.25rem 0;font-size:1rem}.search-clear{cursor:pointer;color:#fff9;background:0 0;border:none;padding:.25rem;transition:color .15s}.search-clear:hover{color:var(--red-700)}.search-info-text{font-size:.875rem}.table-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;margin-bottom:2rem;padding:0;overflow:hidden}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll{min-width:100%}.stats-table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px}.stats-table[data-category=Serve] thead{background-color:var(--red-700)}.stats-table[data-category=Return] thead{background-color:var(--blue-700)}.stats-table[data-category=General] thead{background-color:#0e7490}.stats-table[data-category=Ratios] thead{background-color:var(--purple-700)}.stats-table[data-category=Odds] thead{background-color:var(--orange-700)}.stats-table[data-category=Pressure] thead{background-color:var(--green-700)}.stats-table thead th{color:#fff;text-align:center;border-right:1px solid #fff3;padding:1rem;font-size:.875rem;font-weight:600;position:relative}.stats-table thead th .header-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.stats-table thead th .column-label{flex-shrink:1;min-width:0}.stats-table thead th .sort-icon{opacity:.7;color:currentColor;flex-shrink:0;width:16px;height:16px;transition:all .2s}.stats-table thead th .sort-icon.active{opacity:1;color:#fff}.stats-table thead th .sort-icon.opacity-50{opacity:.5}.stats-table thead th:last-child{border-right:none}.stats-table thead th:hover{background-color:#0000001a}.stats-table thead th.sortable{cursor:pointer;user-select:none}.stats-table tbody{background:#fffffff2}.stats-table[data-surface=All] tbody tr:nth-child(2n){background-color:#f3f4f6f2}.stats-table[data-surface=All] tbody tr:nth-child(odd){background-color:#fafafcf2}.stats-table[data-surface=Hard] tbody tr:nth-child(2n){background-color:#b4d2f5f2}.stats-table[data-surface=Hard] tbody tr:nth-child(odd){background-color:#d2e6faf2}.stats-table[data-surface=Clay] tbody tr:nth-child(2n){background-color:#faebe6f2}.stats-table[data-surface=Clay] tbody tr:nth-child(odd){background-color:#fffaf5f2}.stats-table[data-surface=Grass] tbody tr:nth-child(2n){background-color:#e6fae6f2}.stats-table[data-surface=Grass] tbody tr:nth-child(odd){background-color:#f5fff5f2}.stats-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.stats-table tbody tr:hover .player-link{text-decoration:none;color:#fae13c!important}.stats-table td{color:#1f2937;text-align:center;border-right:1px solid #e5e7eb80;padding:1rem;font-size:.875rem;position:relative}.stats-table td:last-child{border-right:none}.stats-table .player-cell{text-align:left;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.stats-table .player-link{color:#2563eb;font-weight:500;text-decoration:none;transition:color .15s}.stats-table .flag-icon{object-fit:cover;border-radius:2px;width:20px;height:15px}.stats-table .stat-cell{position:relative}.view-toggle{background:#ffffff0d;border-radius:10px;gap:10px;margin:1rem;padding:10px;display:none}.toggle-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex:1;padding:10px 12px;font-size:12px;font-weight:600;transition:all .3s}.toggle-btn.active{background:linear-gradient(135deg,#00d4ff,#0891b2);border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d}.toggle-btn:hover:not(.active){background:#ffffff26;border-color:#ffffff4d}.mobile-view-container{display:none}.mobile-cards{padding:1rem}.pagination-top{background:#ffffff05;border-bottom:none;margin-bottom:0}@media (width>=1500px){.stats-table[data-category=General] thead th:not(:first-child):not(:nth-child(2)){width:140px;min-width:140px;max-width:140px}}@media (width>=1800px){.stats-table[data-category=General] thead th:not(:first-child):not(:nth-child(2)){width:200px;min-width:200px;max-width:200px}}@media (width<=1023px){.filter-row-combined{grid-template-columns:1fr;gap:.75rem}.filter-group{align-items:flex-start;gap:initial;flex-direction:column}.filter-group-label{margin-bottom:.25rem;padding-top:0}.filter-buttons{width:100%}.filter-btn{flex:calc(50% - .25rem);min-width:0}.surface-buttons .filter-btn,.level-buttons .filter-btn,.time-buttons .filter-btn,.stats-buttons .filter-btn{flex:calc(50% - .25rem)}}@media (width<=767px){.filters-compact-wrapper{padding:.75rem}.filter-row-combined{grid-template-columns:1fr;gap:.65rem}.filters-compact-header{margin-bottom:.75rem;padding-bottom:.5rem}.filters-compact-title h3{font-size:1rem}.filter-icon{font-size:1.25rem}.filters-clear-btn{padding:.35rem .75rem;font-size:.7rem}.filters-compact-content{gap:.65rem}.filter-group-label{min-width:52px;margin-bottom:.45rem;font-size:.8rem;font-weight:700}.filter-buttons{gap:.4rem}.filter-btn{padding:.5rem .85rem;font-size:.75rem}.surface-buttons .filter-btn,.level-buttons .filter-btn,.time-buttons .filter-btn{flex:calc(50% - .2rem)}.stats-buttons .filter-btn{flex:100%}.custom-date-picker{flex-direction:column}.date-input-group{min-width:100%}.apply-dates-btn{width:100%}}@media (width<=389px){.filters-compact-wrapper{padding:.6rem}.filter-btn{padding:.4rem .65rem;font-size:.68rem}.filter-group-label{min-width:48px;margin-bottom:.4rem;font-size:.72rem}#filter-badge-text{font-size:.72rem}.filters-compact-title h3{font-size:.95rem}.filter-icon{font-size:1.15rem}.player-card-rank{min-width:25px}}@media (width<=350px){.filter-btn{padding:.35rem .55rem;font-size:.62rem}.filter-group-label{min-width:45px;margin-bottom:.35rem;font-size:.68rem}#filter-badge-text{font-size:.68rem}}@media (width>=390px) and (width<=479px){.filter-btn{padding:.45rem .75rem;font-size:.72rem}.filter-group-label{margin-bottom:.425rem;font-size:.775rem}#filter-badge-text{font-size:.775rem}}@media (width>=480px) and (width<=768px){.filter-group-label{margin-bottom:.475rem;font-size:.825rem}.filter-btn{padding:.5rem .9rem;font-size:.775rem}.stats-buttons .filter-btn{flex:calc(50% - .2rem)}.player-card-rank{min-width:36px;font-size:1.2rem}.player-card-info .flag-icon{width:22px;height:16.5px}.player-card-name{font-size:.95rem}.faq-question{padding:1.1rem;font-size:.975rem}.faq-answer p{padding:0 1.1rem 1.1rem;font-size:.9rem}}@media (width>=769px) and (width<=1023px){.filters-compact-wrapper{padding:1rem 1.25rem}.filter-group-label{min-width:65px;margin-bottom:.5rem;font-size:.85rem}.filter-btn{padding:.52rem 1rem;font-size:.78rem}.stats-buttons .filter-btn{flex:calc(50% - .25rem)}.filter-row-combined{grid-template-columns:1fr 1.1fr;gap:1.5rem}}.player-card{background:#ffffff0d;border:1px solid #ffffff26;border-radius:.75rem;margin-bottom:.75rem;padding:1rem}@media (width<=768px){.player-card:first-child{border-radius:0 0 .75rem .75rem;margin-top:0}.player-card:last-child{margin-bottom:0}}.mobile-cards[data-category=Serve] .player-card{border-left:3px solid var(--red-700);background:linear-gradient(90deg,#b91c1c14,#ffffff0d)}.mobile-cards[data-category=Return] .player-card{border-left:3px solid var(--blue-700);background:linear-gradient(90deg,#1d4ed814,#ffffff0d)}.mobile-cards[data-category=General] .player-card{background:linear-gradient(90deg,#0891b214,#ffffff0d);border-left:3px solid #0e7490}.mobile-cards[data-category=Ratios] .player-card{border-left:3px solid var(--purple-700);background:linear-gradient(90deg,#7e22ce14,#ffffff0d)}.mobile-cards[data-category=Odds] .player-card{border-left:3px solid var(--orange-700);background:linear-gradient(90deg,#c2410c14,#ffffff0d)}.mobile-cards[data-category=Pressure] .player-card{border-left:3px solid var(--green-700);background:linear-gradient(90deg,#15803d14,#ffffff0d)}.player-card-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:.875rem;padding-bottom:.875rem;display:flex}.player-card-info{align-items:center;gap:.625rem;line-height:1;display:flex}.player-card-name{color:#60a5fa;align-items:center;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:color .2s;display:inline-flex}.player-card-name:hover{color:#93c5fd;text-decoration:underline}.player-card-stats{gap:.625rem;display:grid}.card-stat-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.card-stat-label{text-align:left;align-items:center;gap:.25rem;font-size:.8125rem;line-height:1.2;display:flex}.card-stat-tooltip{cursor:pointer;opacity:.6;pointer-events:auto;align-items:center;margin-left:.25rem;transition:opacity .2s;display:inline-flex}.card-stat-tooltip:hover{opacity:1}.card-stat-tooltip svg{color:#ffffffb3;transition:color .2s}.card-stat-tooltip:hover svg{color:#0ea5e9e6}.card-stat-value{justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.card-stat-bar{background:#ffffff1a;border-radius:3px;flex:0 0 120px;height:6px;overflow:hidden}.card-stat-fill{height:100%;transition:width .3s}.card-stat-number{text-align:right;font-variant-numeric:tabular-nums;min-width:45px;font-size:.875rem;font-weight:600}.pagination-section{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.pagination-bottom{background:#ffffff05;border-radius:0 0 .75rem .75rem}.pagination-info{font-size:.875rem}.pagination-controls{align-items:center;gap:.5rem;display:flex}.pagination-btn{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:.375rem;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;transition:all .15s;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--blue-500);background:#ffffff1a}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-input-group{align-items:center;gap:.5rem;display:flex}.pagination-input{text-align:center;color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:.375rem;width:60px;padding:.5rem;font-size:.875rem}.pagination-total{color:#fffc;font-size:.875rem}.pagination-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.pagination-select option{color:#e5e7eb;background-color:#1e293b;padding:.5rem;font-size:.875rem}.pagination-select option:hover{background-color:#334155}.pagination-select option:checked{color:#fff;background-color:#0ea5e9;font-weight:600}#rows-per-page-top option{color:#e5e7eb;background-color:#1e293b}#rows-per-page-top option:checked{color:#fff;background-color:#0ea5e9}#player-search{color:#fff;outline:none;flex:1;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}#player-search:focus{outline:none}.loading-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.loading-spinner{border:4px solid #ffffff1a;border-top-color:var(--blue-500);border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state svg{color:#ffffff80;margin-bottom:1rem}.empty-state h3{margin-bottom:.5rem;font-size:1.25rem}.empty-state p{color:#ffffffb3}.understanding-section,.faq-section{margin-bottom:2rem}.section-title{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;display:flex}.title-icon{font-size:2rem}.understanding-card{background:#ffffff0d;border:1px solid #ffffff26;border-radius:.75rem;padding:1.5rem;transition:all .2s}.understanding-card:hover{background:#ffffff14;transform:translateY(-2px)}.understanding-card h3{color:var(--blue-400);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;display:flex}.understanding-card .card-icon{font-size:1.5rem}.understanding-card .paragraph{color:#fffc;margin-bottom:.75rem;font-size:.95rem;line-height:1.7}.understanding-card ul{margin-top:1rem;padding-left:0;list-style:none}.highlight-alt{color:var(--blue-400);font-weight:600}.faq-container{gap:1rem;display:grid}.faq-item{background:#ffffff0d;border:1px solid #ffffff26;border-radius:.75rem;overflow:hidden}.faq-question{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.25rem;font-size:1.05rem;font-weight:600;transition:all .15s;display:flex}.faq-question:hover{background:#ffffff0d}.faq-icon{flex-shrink:0;transition:transform .2s}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{color:#fffc;padding:.5rem 1.25rem 1rem;font-size:.95rem;line-height:1.7}@media (width>=381px) and (width<=479px){.player-card-rank{min-width:30px;font-size:1.15rem;line-height:1}.player-card-info .flag-icon{width:21px;height:16px}.player-card-name{font-size:.9rem;line-height:1.2}}@media (width<=380px){.player-card{margin-bottom:.625rem;padding:.75rem}.player-card-rank{font-size:1.1rem;line-height:1}.player-card-info .flag-icon{align-self:center;width:20px;height:15px}.player-card-name{font-size:.875rem;line-height:1.2}.player-card-header{margin-bottom:.75rem;padding-bottom:.75rem}.player-card-stats{gap:.5rem}.card-stat-row{gap:.375rem}.card-stat-tooltip svg{width:11px;height:11px}.card-stat-label{font-size:.75rem}.card-stat-bar{flex:0 0 115px}.card-stat-number{min-width:38px;font-size:.75rem}.faq-question{padding:.875rem;font-size:.9rem}.faq-answer p{padding:0 .875rem .875rem;font-size:.825rem;line-height:1.6}}@media (width<=420px){.card-stat-tooltip svg{width:12px;height:12px}.card-stat-label{font-size:.76rem}}@media (width<=480px){.pagination-section{gap:.75rem;padding:.75rem 1rem}.pagination-info{text-align:center;order:3;width:100%;font-size:.75rem}.pagination-controls{justify-content:center;gap:.375rem;width:100%}.pagination-btn{width:32px;height:32px}.pagination-input{width:50px;padding:.375rem;font-size:.8125rem}.pagination-total{font-size:.75rem}.pagination-select{padding:.375rem .5rem;font-size:.75rem}}@media (width<=350px){.card-stat-bar{flex:0 0 100px}.card-stat-label{font-size:.72rem}}@media (width>=1200px){.stats-container{max-width:98%;padding:2rem 1rem}}@media (width>=769px){.hero-title{font-size:2rem}.hero-info-wrapper{flex-direction:row;align-items:flex-start;gap:1.5rem;padding:0 2rem}.latest-update-section{flex-shrink:0}.latest-update-content{gap:.75rem;padding:.7rem 1.75rem}.latest-update-label,.latest-update-date{font-size:1.14rem}.data-info-toggle{padding:1rem 1.5rem;font-size:.95rem}.toggle-text{font-size:.95rem}}@media (width>=1024px){.data-info-toggle,.toggle-text{font-size:1rem}}@media (width>=1280px){.hero-info-wrapper{gap:2rem;max-width:1400px}.latest-update-content{padding:.75rem 1.8rem}.data-info-toggle{padding:1.125rem 1.75rem;font-size:1.05rem}.toggle-text{font-size:1.25rem}}@media (width<=768px){.hero-title{font-size:1.75rem}.hero-info-wrapper{flex-direction:column;gap:1rem;padding:0 1rem}.category-grid{grid-template-columns:repeat(2,1fr)}.category-btn:nth-child(5){grid-column:1/-1}.filters-row.compact-row{grid-template-columns:1fr}.filter-subtitle{display:none}.time-primary,.time-secondary,.level-grid{grid-template-columns:1fr}.desktop-table{display:none}.mobile-cards{display:block}.pagination-section{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}.understanding-grid{grid-template-columns:1fr}.empty-state h3{font-size:1.1rem!important}.empty-state p{max-width:300px!important;font-size:.9rem!important}}@media (width<=480px){.hero-title{font-size:1.5rem}.hero-info-wrapper{gap:.875rem;padding:0 .75rem}.stats-container{padding:1.5rem .75rem}.latest-update-content{gap:.375rem;padding:.55rem 1.25rem}.latest-update-label,.latest-update-date{font-size:.85rem}.data-info-toggle{gap:.5rem;padding:.875rem 1rem;font-size:.8rem}.toggle-text{font-size:.9rem}.data-info-content p{padding:.5rem 1rem 1rem;font-size:.75rem}.filter-section{padding:16px}.category-grid,.surface-grid{grid-template-columns:1fr;gap:8px}.category-btn:nth-child(5){grid-column:auto}.active-filters-badge{flex-direction:column;align-items:stretch;gap:.25rem}.badge-label{font-size:.75rem}.clear-filters-btn{justify-content:center;width:100%}.custom-date-picker{flex-direction:column}.date-input-group{width:100%;min-width:100%}.apply-dates-btn{width:100%}.faq-question{padding:1rem;font-size:.95rem}.faq-answer p{padding:.5rem 1rem .75rem;font-size:.875rem}.empty-state h3{font-size:1rem!important}.empty-state p{font-size:.8rem!important}}@media (width<=400px){.toggle-text{font-size:.85rem}}@media (width<=380px){.toggle-text{font-size:.75rem}}@media (width<=350px){.toggle-text{font-size:.7rem}}@media (width<=338px){.hero-title{font-size:1.4rem}.hero-info-wrapper{gap:.75rem;padding:0 .5rem}.latest-update-label,.latest-update-date{font-size:.8rem}.data-info-toggle{gap:.375rem;padding:.75rem .875rem;font-size:.75rem}.toggle-text{font-size:.75rem;line-height:1.3}.toggle-icon svg,.toggle-arrow svg{width:16px;height:16px}}@media (width>=390px) and (width<=480px){.category-grid,.surface-grid{grid-template-columns:repeat(2,1fr)}.category-btn:nth-child(5){grid-column:1/-1}}@media (width>=769px) and (width<=1023px){.filters-row.compact-row{grid-template-columns:1fr 1fr}.level-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1400px){.stats-table{font-size:1rem}.understanding-grid{grid-template-columns:repeat(4,1fr)}.category-grid{grid-template-columns:repeat(5,1fr)}.category-btn:nth-child(4),.category-btn:nth-child(5){grid-column:auto}.filters-row.compact-row{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.numeric-value{border-radius:4px;width:calc(100% - 12px);padding:4px 6px;font-weight:500;display:inline-block}.stats-table th.sortable{cursor:pointer;user-select:none;padding-right:28px;transition:background-color .15s;position:relative}.stats-table th.sortable:hover{background-color:#ffffff1a}.stats-table th .header-content{justify-content:center;align-items:center;gap:.3rem;display:inline-flex}.stats-table th .info-icon{opacity:.65;cursor:help;color:currentColor;flex-shrink:0;width:14px;height:14px;transition:opacity .2s,transform .2s}.stats-table th .info-icon:hover{opacity:1;transform:scale(1.15)}.stats-table th .info-icon circle{stroke:currentColor;fill:none;stroke-width:2px}.stats-table th .info-icon path,.stats-table th .info-icon line{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round}.stat-tooltip{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pagination-section{transition:background-color .3s,border-color .3s}.table-section[data-category=Serve] .stats-table thead{background:linear-gradient(135deg,var(--red-700),var(--red-800))!important}.table-section[data-category=Serve] .pagination-section{background:linear-gradient(135deg,var(--red-700),var(--red-800))!important;border-top-color:var(--red-600)!important}.table-section[data-category=Return] .stats-table thead{background:linear-gradient(135deg,var(--blue-700),var(--blue-800))!important}.table-section[data-category=Return] .pagination-section{background:linear-gradient(135deg,var(--blue-700),var(--blue-800))!important;border-top-color:var(--blue-600)!important}.table-section[data-category=Ratios] .stats-table thead{background:linear-gradient(135deg,var(--purple-700),var(--purple-800))!important}.table-section[data-category=Ratios] .pagination-section{background:linear-gradient(135deg,var(--purple-700),var(--purple-800))!important;border-top-color:var(--purple-600)!important}.table-section[data-category=Odds] .stats-table thead{background:linear-gradient(135deg,var(--orange-700),var(--orange-800))!important}.table-section[data-category=Odds] .pagination-section{background:linear-gradient(135deg,var(--orange-700),var(--orange-800))!important;border-top-color:var(--orange-600)!important}.table-section[data-category=Pressure] .stats-table thead{background:linear-gradient(135deg,var(--green-700),var(--green-800))!important}.table-section[data-category=Pressure] .pagination-section{background:linear-gradient(135deg,var(--green-700),var(--green-800))!important;border-top-color:var(--green-600)!important}.stats-table thead th{color:#fff;text-shadow:0 1px 2px #0003;font-weight:600}.stats-table th.sortable.sort-asc,.stats-table th.sortable.sort-desc{background-color:#ffffff26}@media (width<=768px){.stats-table th .info-icon{width:12px;height:12px}}@media (width<=480px){.stats-table th .header-content{gap:.2rem}.stats-table th .info-icon{width:11px;height:11px}}.stats-table th.sortable:focus-visible{outline-offset:-2px;background-color:#ffffff26;outline:2px solid #fff}@media (prefers-contrast:high){.stats-table th .info-icon{opacity:1}}@media (prefers-reduced-motion:reduce){.stats-table th .info-icon:hover{transform:none}}.today-matches-section{padding:1rem 0 2rem}.today-matches-section .container{margin:0 auto}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-header h2{color:#fff;text-shadow:0 2px 4px #0003;margin:0;font-size:1.75rem;font-weight:700}@media (width<=768px){.section-header h2{font-size:1.35rem}.data-info-content p{font-size:.85rem}}.filter-tabs{backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;gap:.5rem;padding:.25rem;display:flex}.tab-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:#fff;background:#fff3}.tab-btn.active{color:#667eea;background:#fff;box-shadow:0 2px 8px #00000026}.matches-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.match-card{cursor:pointer;background:#fff;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000001a}.match-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.match-card.live{border:2px solid #ef4444;box-shadow:0 4px 16px #ef44444d}.tournament-info{border-bottom:1px solid #e5e7eb;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.tournament-badge{color:#fff;text-transform:uppercase;background:#667eea;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.tournament-badge.grand-slam{background:#f59e0b}.tournament-badge.wta{background:#8b5cf6}.tournament-badge.atp{background:#3b82f6}.tournament-badge.challengers{background:#10b981}.tournament-badge.itf{background:#6b7280}.surface-badge{color:#374151;background:#f3f4f6;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.surface-badge:before{content:"";border-radius:50%;width:8px;height:8px;display:inline-block}.surface-badge.hard:before{background:#3b82f6}.surface-badge.clay:before{background:#f59e0b}.surface-badge.grass:before{background:#10b981}.tournament-name{color:#8a2be2;flex:1;font-size:.85rem;font-weight:600}.match-details{margin-bottom:1rem}.match-time{background:#f9fafb;border-radius:6px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem;display:flex}.match-time span{color:#374151;font-size:.85rem;font-weight:500}.compare-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-top:.75rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s}.compare-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.load-more-container{grid-column:1/-1;justify-content:center;padding:2rem 0 1rem;display:flex}.load-more-btn{color:var(--text-primary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:.875rem 2rem;font-size:.95rem;font-weight:500;transition:all .3s}.load-more-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.loading-state{text-align:center;color:#fff;padding:3rem}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}.loading-state p{color:#ffffffe6;font-size:.9rem}.empty-state{text-align:center;color:#fff;padding:3rem}.empty-state p{margin-bottom:.5rem;font-size:1.1rem}.empty-state small{color:#ffffffb3;font-size:.85rem}.players{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0;display:flex}.player{flex:1;align-items:center;display:flex}.player:first-child{justify-content:flex-start}.player:last-child{justify-content:flex-end}.player-info{align-items:center;gap:.75rem;display:flex}.player-avatar{object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;width:40px;height:40px}.player-details{flex-direction:column;gap:.25rem;display:flex}.player-name-row,.player-rank-row{align-items:center;gap:.5rem;display:flex}.player-name{color:#111827;font-size:.95rem;font-weight:600;line-height:1.2}.country-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:15px}.player-rank{color:#6b7280;font-size:.8rem;font-weight:500}.vs-divider{text-align:center;color:#9ca3af;flex-shrink:0;padding:0 .5rem;font-size:.85rem;font-weight:700}@media (width<=480px){.players{flex-direction:column;gap:.5rem}.player{width:100%;justify-content:flex-start!important}.vs-divider{padding:.25rem 0}}@media (width>=481px) and (width<=599px){.matches-container{grid-template-columns:1fr;gap:1.25rem}.match-card{padding:1.25rem}.players{flex-direction:row;gap:.875rem}.player-avatar{width:42px;height:42px}.player-name{font-size:.9375rem}.vs-divider{font-size:.8125rem}}@media (width>=600px) and (width<=768px){.matches-container{grid-template-columns:repeat(2,1fr);gap:1rem}.match-card{padding:1rem}.players{flex-direction:column;align-items:stretch;gap:.625rem}.player{width:100%;justify-content:flex-start!important}.player-info{gap:.625rem}.player-avatar{width:36px;height:36px}.player-name{font-size:.875rem}.player-rank{font-size:.75rem}.vs-divider{padding:.375rem 0;font-size:.75rem}.tournament-info{gap:.5rem;margin-bottom:.75rem;padding-bottom:.625rem}.tournament-name{font-size:.8rem}.compare-btn{padding:.625rem 1rem;font-size:.8125rem}}@media (width<=599px){.section-header{flex-direction:column;align-items:flex-start}.filter-tabs{justify-content:space-between;width:100%}.tab-btn{flex:1;padding:.5rem .75rem;font-size:.85rem}.matches-container{grid-template-columns:1fr;gap:1rem}.match-card{padding:1.25rem}}@media (width<=480px){.tournament-info{flex-wrap:wrap}.player-name{font-size:.95rem}.player-rank{font-size:.8rem}}@media (width<=400px){.section-header h2,.section-title{font-size:1.25rem}}@media (width<=575px){.view-toggle{display:flex!important}.table-section{flex-direction:column;display:flex}.view-toggle{order:1}.desktop-table{order:2}.mobile-view-container{order:3;display:block}.pagination-bottom{order:4}#desktop-table{display:none}#mobile-cards{display:block}.table-section.table-view-active #desktop-table{display:block!important}.table-section.table-view-active #mobile-cards,.table-section.table-view-active .mobile-view-container{display:none!important}}@media (width>=381px) and (width<=400px){.card-stat-bar{flex:0 0 130px}}@media (width>=401px) and (width<=420px){.card-stat-bar{flex:0 0 140px}}@media (width>=421px) and (width<=480px){.card-stat-bar{flex:0 0 120px}}@media (width>=481px) and (width<=520px){.card-stat-bar{flex:0 0 170px}}@media (width>=521px) and (width<=575px){.card-stat-bar{flex:0 0 210px}}@media (width<=1199px){@supports ((-moz-appearance:none)){.stats-table thead th:first-child,.stats-table tbody td:first-child,.stats-table thead th:nth-child(2),.stats-table tbody td:nth-child(2){box-shadow:none!important;position:static!important;left:auto!important}}.stats-table thead th:first-child,.stats-table tbody td:first-child{z-index:20;background:inherit;width:60px;min-width:60px;max-width:60px;position:sticky;left:0}.stats-table thead th:nth-child(2),.stats-table tbody td:nth-child(2){z-index:20;background:inherit;min-width:180px;position:sticky;left:60px}.stats-table[data-category=Serve] thead th:first-child,.stats-table[data-category=Serve] thead th:nth-child(2){background-color:var(--red-700)}.stats-table[data-category=Return] thead th:first-child,.stats-table[data-category=Return] thead th:nth-child(2){background-color:var(--blue-700)}.stats-table[data-category=General] thead th:first-child,.stats-table[data-category=General] thead th:nth-child(2){background-color:#0e7490}.stats-table[data-category=Ratios] thead th:first-child,.stats-table[data-category=Ratios] thead th:nth-child(2){background-color:var(--purple-700)}.stats-table[data-category=Odds] thead th:first-child,.stats-table[data-category=Odds] thead th:nth-child(2){background-color:var(--orange-700)}.stats-table[data-category=Pressure] thead th:first-child,.stats-table[data-category=Pressure] thead th:nth-child(2){background-color:var(--green-700)}.stats-table[data-surface=All] tbody tr:nth-child(2n) td:first-child,.stats-table[data-surface=All] tbody tr:nth-child(2n) td:nth-child(2){background-color:#f3f4f6f2}.stats-table[data-surface=All] tbody tr:nth-child(odd) td:first-child,.stats-table[data-surface=All] tbody tr:nth-child(odd) td:nth-child(2){background-color:#fafafcf2}.stats-table[data-surface=Hard] tbody tr:nth-child(2n) td:first-child,.stats-table[data-surface=Hard] tbody tr:nth-child(2n) td:nth-child(2){background-color:#b4d2f5f2}.stats-table[data-surface=Hard] tbody tr:nth-child(odd) td:first-child,.stats-table[data-surface=Hard] tbody tr:nth-child(odd) td:nth-child(2){background-color:#d2e6faf2}.stats-table[data-surface=Clay] tbody tr:nth-child(2n) td:first-child,.stats-table[data-surface=Clay] tbody tr:nth-child(2n) td:nth-child(2){background-color:#faebe6f2}.stats-table[data-surface=Clay] tbody tr:nth-child(odd) td:first-child,.stats-table[data-surface=Clay] tbody tr:nth-child(odd) td:nth-child(2){background-color:#fffaf5f2}.stats-table[data-surface=Grass] tbody tr:nth-child(2n) td:first-child,.stats-table[data-surface=Grass] tbody tr:nth-child(2n) td:nth-child(2){background-color:#e6fae6f2}.stats-table[data-surface=Grass] tbody tr:nth-child(odd) td:first-child,.stats-table[data-surface=Grass] tbody tr:nth-child(odd) td:nth-child(2){background-color:#f5fff5f2}.stats-table tbody td:nth-child(2):after,.stats-table thead th:nth-child(2):after{content:"";pointer-events:none;width:8px;position:absolute;top:0;bottom:0;right:0}.stats-table tbody tr:hover td{color:#fff!important;background-color:#1f2937!important}}@media (width>=576px) and (width<=1199px){.view-toggle{display:none!important}.desktop-table{display:block!important}.mobile-view-container{display:none!important}}@media (width>=1024px){.filters-compact-wrapper{padding:1.25rem 1.5rem}.filters-compact-title h3{font-size:1.25rem}.filter-icon{font-size:1.5rem}.filter-group-label{min-width:70px;margin-bottom:.55rem;font-size:.9rem}.filter-btn{padding:.55rem 1.1rem;font-size:.8rem}.filter-row-combined{grid-template-columns:1fr 1.2fr;gap:2rem}.stats-buttons{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.stats-buttons .filter-btn{flex:none}}@media (width>=1200px){.filters-compact-wrapper{padding:1.5rem 2rem}.filter-btn{padding:.6rem 1.2rem;font-size:.825rem}.filter-row-combined{grid-template-columns:1fr 1.3fr;gap:2.5rem}#desktop-table{display:block!important}#mobile-cards{display:none!important}.stats-table tbody tr:hover{background-color:#1f2937!important}.stats-table tbody tr:hover td{color:#fff!important}}@media (width>=576px) and (width<=1199px){.search-container{padding:1.125rem}.search-box{padding:.625rem .875rem}.search-input{font-size:.9375rem}.stats-table th,.stats-table td{padding:.625rem .375rem;font-size:.8125rem}.stats-table thead th{font-size:.8125rem}}@media (width>=500px) and (width<=575px){.search-container{padding:1rem}.search-box{padding:.625rem .875rem}.search-input{font-size:.9375rem}.stats-table th,.stats-table td{padding:.5rem .3rem;font-size:.75rem}.stats-table thead th{font-size:.75rem}}@media (width<=500px){.search-container{margin-bottom:1rem;padding:.75rem}.search-box{gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem}.search-input{font-size:.875rem}.search-info-text{font-size:.75rem}.search-icon{width:18px;height:18px}.stats-table th,.stats-table td{padding:.5rem .25rem;font-size:.7rem}.stats-table thead th{font-size:.75rem}.stats-table th .header-content{gap:.25rem;line-height:1.2;white-space:normal!important}.stats-table th .column-label{font-size:.7rem;line-height:1.2;white-space:normal!important}.stats-table thead th .sort-icon,.stats-table th .info-icon{width:12px;height:12px}.stats-table .player-cell{gap:.4rem;padding:.75rem}.stats-table .flag-icon{width:16px;height:12px}.stats-table .player-link{white-space:normal;max-width:110px;font-size:.7rem;overflow:hidden}.stats-table thead th:first-child,.stats-table tbody td:first-child{width:50px;min-width:50px;max-width:50px;padding:.5rem .15rem}.stats-table thead th:nth-child(2),.stats-table tbody td:nth-child(2){width:150px;min-width:150px;max-width:150px;left:50px}}.understanding-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.info-card{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:.75rem;padding:1.5rem;transition:transform .3s,box-shadow .3s,background-color .3s;box-shadow:0 4px 12px #0000001a}.info-card:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 12px 20px -3px #00000026,0 4px 8px -4px #00000026}.info-card h3{color:#fffffff2;letter-spacing:-.01em;border-bottom:1px solid #ffffff1a;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700;display:flex}.info-card h3:before{content:"";opacity:.9;background-repeat:no-repeat;background-size:contain;width:1.5rem;height:1.5rem;margin-right:.75rem;display:inline-block}.info-card:first-child h3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 7h8m0 0v8m0-8l-8 8-4-4-6 6'%3E%3C/path%3E%3C/svg%3E")}.info-card:nth-child(2) h3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E")}.info-card:nth-child(3) h3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'%3E%3C/path%3E%3C/svg%3E")}.info-card:nth-child(4) h3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 10V3L4 14h7v7l9-11h-7z'%3E%3C/path%3E%3C/svg%3E")}.info-card p{color:#ffffffd9;margin-bottom:.5rem;font-size:.95rem;line-height:1.6}.info-card .highlight{color:#a5f3fc;font-weight:500}.info-card .highlight-alt{color:#c4b5fd;font-weight:500}.info-card .paragraph{margin-bottom:.75rem}.info-card .note{opacity:.8;border-top:1px dashed #ffffff1a;margin-top:.75rem;padding-top:.5rem;font-style:italic}.info-card .example{background:#ffffff1a;border-radius:.25rem;margin:.75rem 0;padding:.75rem;font-size:.9rem}.info-card .example strong{color:#a5f3fc;font-weight:600}.info-card .highlight-list{margin-top:.75rem;padding-left:0;list-style:none}.info-card .highlight-list li{color:#fffc;margin-bottom:.5rem;padding-left:1.5rem;font-size:.9rem;position:relative}.info-card .highlight-list li:before{content:"•";color:var(--blue-400);font-weight:700;position:absolute;left:.5rem}.pressure-points-feature{margin-top:2rem}.pp-hero{background:linear-gradient(135deg,#ef44441a 0%,#f59e0b1a 100%);border:2px solid #ef44444d;border-radius:1rem;padding:2rem;box-shadow:0 8px 24px #ef444426}.pp-header{border-bottom:2px solid #ffffff26;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.pp-icon{filter:drop-shadow(0 4px 8px #ef44444d);font-size:2rem;line-height:1}.pp-title-group h3{color:#fffffff2;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.pp-subtitle{color:#ffffffd9;margin:.25rem 0 0;font-size:.95rem;font-weight:400}.pp-content{flex-direction:column;gap:2rem;display:flex}.pp-definition{background:#0003;border-left:4px solid #ef4444;border-radius:.75rem;padding:1.5rem}.pp-lead{color:#ffffffe6;margin:0;font-size:.95rem;line-height:1.7}.pp-scores h4{color:#fffffff2;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.score-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem;max-width:800px;display:grid}.score-badge{text-align:center;letter-spacing:.05em;border-radius:.5rem;padding:.625rem .875rem;font-family:Courier New,monospace;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0003}.score-badge:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.score-badge.critical{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%)}.score-badge.danger{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.score-badge.warning{color:#1a1f2e;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.pp-insights{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.insight-card{background:#0003;border:1px solid #ffffff1a;border-radius:.75rem;align-items:flex-start;gap:.625rem;padding:1.25rem;transition:transform .2s,background .2s;display:flex}.insight-card:hover{background:#0000004d;transform:translateY(-2px)}.insight-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.insight-content{flex:1}.insight-content strong{color:#fffffff2;margin-bottom:.5rem;font-size:.95rem;display:block}.insight-content p{color:#fffc;margin:0;font-size:.875rem;line-height:1.6}.stat-highlight{color:#fbbf24;font-size:1.05em;font-weight:700}.pp-footer{background:#0000004d;border-top:2px solid #ef44444d;border-radius:.75rem;padding:1.5rem}.pp-footer p{color:#ffffffd9;margin:0;font-size:.9rem;line-height:1.7}.pp-footer strong{color:#fbbf24;font-weight:600}@media (width<=1024px) and (width>=577px){.section-title{font-size:1.5rem}.title-icon{font-size:1.75rem}.understanding-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.info-card h3{font-size:1.15rem}.info-card p,.info-card .paragraph{font-size:.9rem}.pp-hero{padding:1.75rem}.pp-header{gap:1.25rem;margin-bottom:1.5rem}.pp-icon{font-size:1.75rem}.pp-title-group h3{font-size:1.35rem}.pp-subtitle,.pp-lead{font-size:.875rem}.score-grid{grid-template-columns:repeat(4,1fr);gap:.625rem}.score-badge{padding:.5rem .625rem;font-size:.9rem}.pp-insights{grid-template-columns:1fr;gap:1rem}.insight-icon{font-size:1.35rem}.insight-content strong{font-size:.875rem}.insight-content p,.pp-footer p{font-size:.8125rem}}@media (width<=576px){.section-title{font-size:1.35rem}.title-icon{font-size:1.5rem}.understanding-grid{grid-template-columns:1fr;gap:1rem}.info-card{padding:1.25rem}.info-card h3{font-size:1.1rem}.info-card h3:before{width:1.25rem;height:1.25rem;margin-right:.5rem}.info-card p,.info-card .paragraph{font-size:.875rem;line-height:1.5}.info-card .example{padding:.625rem;font-size:.875rem}.info-card .highlight-list li{font-size:.875rem}.pp-hero{padding:1.25rem}.pp-header{gap:.875rem;margin-bottom:1rem;padding-bottom:1rem}.pp-icon{font-size:1.5rem}.pp-title-group h3{font-size:1.25rem}.pp-subtitle{font-size:.8125rem}.pp-content{gap:1.25rem}.pp-definition{padding:1rem}.pp-lead{font-size:.8125rem;line-height:1.6}.pp-scores h4{font-size:.95rem}.score-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.score-badge{padding:.5rem;font-size:.8125rem}.pp-insights{grid-template-columns:1fr;gap:1rem}.insight-card{gap:.5rem;padding:1rem}.insight-icon{font-size:1.35rem}.insight-content strong{font-size:.875rem}.insight-content p{font-size:.8125rem}.pp-footer{padding:1rem}.pp-footer p{font-size:.8125rem}}@media (width<=389px){.section-title,.pp-title-group h3{font-size:1.2rem}}.match-modal-overlay{backdrop-filter:blur(4px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:none;position:fixed;inset:0}.match-modal-overlay.active{display:flex}.match-modal-container{background:var(--card-bg,#1a1f2e);border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.match-modal-header{border-bottom:1px solid var(--border-color,#ffffff1a);flex-shrink:0;align-items:center;gap:1rem;padding:1.5rem;display:flex}.match-modal-title{flex:1;min-width:0}.match-modal-title h3{color:var(--text-primary,#e6edf3);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;font-weight:600;overflow:hidden}.match-modal-subtitle{color:#ffffffbf;letter-spacing:.3px;margin-top:.375rem;font-size:.9375rem;font-weight:500}.modal-nav-btn{border:1px solid var(--border-color,#ffffff1a);width:40px;height:40px;color:var(--text-primary,#e6edf3);cursor:pointer;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-nav-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.modal-nav-btn:disabled{opacity:.3;cursor:not-allowed}.modal-close-btn{color:#dc3545;cursor:pointer;background:#dc35451a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.modal-close-btn:hover{background:#dc354533}.match-modal-content{flex:1;padding:2rem 1.5rem;overflow-y:auto}.match-modal-content::-webkit-scrollbar{width:8px}.match-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.match-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.match-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-loading{flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.modal-loading .spinner{border:4px solid #ffffff1a;border-top-color:var(--primary-cyan,#17a2b8);border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:.8s linear infinite spin}.modal-loading p{color:var(--text-secondary,#8b949e);font-size:.95rem}.modal-error{text-align:center;padding:4rem 2rem}.modal-error p{color:var(--primary-red,#dc3545);margin-bottom:.5rem;font-size:1rem}.modal-error small{color:var(--text-secondary,#8b949e)}.comparison-sections{flex-direction:column;gap:1rem;display:flex}.comparison-section{border:1px solid var(--border-color,#ffffff1a);background:#ffffff08;border-radius:12px;padding:1.5rem}.modal-section-title{color:#ff0;margin:0 0 1.5rem;font-size:1.1rem;font-weight:600}.modal-chart-container{justify-content:center;align-items:center;min-height:400px;display:flex}.spider-comparison-bars{width:100%}.spider-legend{border-bottom:1px solid var(--border-color,#ffffff1a);justify-content:center;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.legend-item{color:var(--text-primary,#e6edf3);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.legend-color{border-radius:3px;width:16px;height:16px}.spider-stat-row{margin-bottom:1.25rem}.spider-stat-label{color:var(--text-secondary,#8b949e);margin-bottom:.5rem;font-size:.85rem;font-weight:500}.spider-stat-bars{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.spider-bar-wrapper{align-items:center;gap:.5rem;display:flex}.spider-bar{border-radius:6px;min-width:3px;height:28px;transition:width .6s}.spider-bar.player1{background:linear-gradient(90deg,#00d4ff,#09c)}.spider-bar.player2{background:linear-gradient(90deg,#ff6b6b,#c55)}.spider-value{color:var(--text-primary,#e6edf3);min-width:50px;font-size:.85rem;font-weight:600}.comparison-rows{flex-direction:column;gap:.5rem;display:flex}.stats-comparison-legend{background:#00d4ff08;border:1px solid #00d4ff1a;border-radius:6px;justify-content:space-around;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:10px 16px;font-size:14px;display:flex}.stats-comparison-legend .legend-item{color:var(--text-primary,#e6edf3);align-items:center;gap:8px;font-weight:600;display:flex}.stats-comparison-legend .legend-dot{border-radius:50%;width:12px;height:12px}.stats-category-separator{color:#00e4ff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff1a;margin:1rem 0 .5rem;padding-bottom:.5rem;font-size:.85rem;font-weight:600}.stats-category-separator:first-child{margin-top:0}.stat-label{color:#ffffffe6;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.stat-values{grid-template-columns:1fr;gap:.5rem;display:none}.player-stat{position:relative}.stat-values-desktop{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.player-stat-desktop{position:relative}.stat-bar-wrapper{background:#ffffff0d;border-radius:12px;width:100%;height:24px;position:relative;overflow:hidden}.stat-bar{border-radius:12px;justify-content:flex-start;align-items:center;min-width:50px;height:100%;padding:0 10px;transition:width .5s;display:flex}.stat-bar .stat-value{color:#fff;text-shadow:0 0 2px #0000004d;white-space:nowrap;font-size:11px;font-weight:700}.profile-links{justify-content:center;gap:1rem;padding-top:1rem;display:flex}.profile-link{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.profile-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.comparison-stat-row{margin:.25rem 0}@media (width<=1024px){.match-modal-container{max-width:95%}.circular-progress{width:80px;height:80px}}@media (width>=769px){.stat-values{display:none}.stat-values-desktop{display:grid}.player-stat-desktop.main-player .stat-bar-wrapper{border:1px solid #00d4ff26}.player-stat-desktop.compare-player .stat-bar-wrapper{border:1px solid #ff6b6b26}.stat-bar-wrapper{height:26px}.stat-bar .stat-value{font-size:12px}.comparison-stat-row .stat-label{margin-bottom:5px;font-size:13px}.stats-comparison-legend{text-transform:uppercase;padding:10px 16px;font-size:16px;display:none}.stats-comparison-legend .legend-dot{display:none}}@media (width>=1400px){.stat-bar-wrapper{height:28px}.stats-comparison-legend{padding:12px 20px;font-size:18px}}@media (width<=768px){.stat-values{display:grid}.stat-values-desktop{display:none}.player-stat.main-player{border-left:2px solid #00d4ff;padding-left:6px}.player-stat.compare-player{border-left:2px solid #ff6b6b;padding-left:6px}.match-modal-overlay{align-items:flex-start;padding:0}.match-modal-container{border-radius:0;max-width:100%;height:100vh;max-height:100vh}.match-modal-header{gap:.5rem;padding:1rem}.match-modal-title h3{font-size:1rem}.match-modal-subtitle{font-size:.75rem}.modal-nav-btn,.modal-close-btn{width:36px;height:36px}.modal-nav-btn svg,.modal-close-btn svg{width:20px;height:20px}.match-modal-content{padding:1.5rem 1rem}.comparison-section{padding:1rem}.modal-section-title{margin-bottom:1rem;font-size:1rem}.modal-chart-container{min-height:300px}.profile-links{flex-direction:column}.profile-link{text-align:center;width:100%}.stat-values{grid-template-columns:1fr;gap:.5rem}.stat-bar-wrapper{height:32px}.stat-bar .stat-value{font-size:.8rem}}@media (width<=390px){.match-modal-title h3{font-size:.9rem}.circular-progress{width:75px;height:75px}.progress-value{font-size:.9375rem}.progress-label,.progress-sublabel{font-size:.6875rem}.stat-bar-wrapper{height:22px}.stat-bar .stat-value{padding:0 8px;font-size:10px}.stats-comparison-legend{gap:1rem;padding:6px 10px;font-size:12px}.stats-comparison-legend .legend-dot{width:10px;height:10px}}.match-modal-container .comparison-header{background:linear-gradient(135deg,#00d4ff0d,#667eea0d);border:1px solid #00d4ff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.match-modal-container .player-profile-card{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px;display:flex}.match-modal-container .player-profile-pic{object-fit:cover;border:3px solid #667eea4d;border-radius:50%;width:80px;height:80px;box-shadow:0 4px 12px #0000004d}.match-modal-container .player-profile-info{align-items:center;gap:1rem;display:flex}.match-modal-container .player-main-info{flex:1;min-width:0}.match-modal-container .player-name{color:var(--text-primary,#e6edf3);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.125rem;font-weight:600;overflow:hidden}.match-modal-container .player-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.match-modal-container .player-flag{border-radius:2px;width:20px;height:auto}.match-modal-container .player-category{color:#ffffffb3;background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.match-modal-container .player-rank{color:#00d4ffe6;white-space:nowrap;font-size:.8125rem;font-weight:600}.match-modal-container .vs-divider{color:#00d4ff;letter-spacing:1px;background:#00d4ff1a;border:2px solid #00d4ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:.875rem;font-weight:700;display:flex}.match-modal-container .view-profile-btn{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;width:auto;min-width:200px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.match-modal-container .view-profile-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (width>=500px) and (width<=599px){.match-modal-container .comparison-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem}.match-modal-container .player-profile-card{flex:1;gap:.5rem;min-width:0}.match-modal-container .player-profile-info{gap:.5rem;min-width:0}.match-modal-container .player-profile-pic{border-width:2px;flex-shrink:0;width:52px;height:52px}.match-modal-container .player-text-info{flex:1;min-width:0}.match-modal-container .player-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8125rem;line-height:1.2;overflow:hidden}.match-modal-container .player-meta{flex-wrap:wrap;gap:.375rem;font-size:.6875rem}.match-modal-container .player-category{padding:1px 5px;font-size:.625rem}.match-modal-container .player-rank{font-size:.6875rem}.match-modal-container .vs-divider{flex-shrink:0;width:36px;height:36px;font-size:.6875rem}.match-modal-container .view-profile-btn{white-space:nowrap;min-width:80px;padding:.375rem .5rem;font-size:.6875rem}.match-modal-container .filter-info-badge{gap:.375rem;padding:.5rem .625rem;font-size:.6875rem}.match-modal-container .filter-info-badge svg{width:14px;height:14px}.match-modal-title h3{font-size:1rem}.match-modal-subtitle{font-size:.75rem}}@media (width>=600px) and (width<=699px){.match-modal-container .comparison-header{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem}.match-modal-container .player-profile-card{flex:1;gap:.625rem;min-width:0}.match-modal-container .player-profile-info{gap:.625rem;min-width:0}.match-modal-container .player-profile-pic{border-width:2px;flex-shrink:0;width:64px;height:64px}.match-modal-container .player-text-info{flex:1;min-width:0}.match-modal-container .player-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9375rem;line-height:1.2;overflow:hidden}.match-modal-container .player-meta{flex-wrap:wrap;gap:.375rem;font-size:.75rem}.match-modal-container .player-category{padding:2px 6px;font-size:.6875rem}.match-modal-container .player-rank{font-size:.75rem}.match-modal-container .vs-divider{flex-shrink:0;width:44px;height:44px;font-size:.75rem}.match-modal-container .view-profile-btn{white-space:nowrap;min-width:100px;padding:.4rem .625rem;font-size:.75rem}.match-modal-container .filter-info-badge{gap:.4rem;padding:.625rem .75rem;font-size:.75rem}.match-modal-container .filter-info-badge svg{width:15px;height:15px}.match-modal-title h3{font-size:1.0625rem}.match-modal-subtitle{font-size:.8125rem}}@media (width>=700px) and (width<=768px){.match-modal-container .comparison-header{flex-direction:row;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem}.match-modal-container .player-profile-card{flex:1;gap:.75rem;min-width:0}.match-modal-container .player-profile-info{gap:.75rem;min-width:0}.match-modal-container .player-profile-pic{border-width:2.5px;flex-shrink:0;width:72px;height:72px}.match-modal-container .player-text-info{flex:1;min-width:0}.match-modal-container .player-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.0625rem;line-height:1.2;overflow:hidden}.match-modal-container .player-meta{flex-wrap:wrap;gap:.4rem;font-size:.8125rem}.match-modal-container .player-category{padding:2px 7px;font-size:.75rem}.match-modal-container .player-rank{font-size:.8125rem}.match-modal-container .vs-divider{flex-shrink:0;width:48px;height:48px;font-size:.8125rem}.match-modal-container .view-profile-btn{white-space:nowrap;min-width:110px;padding:.5rem .75rem;font-size:.8125rem}.match-modal-container .filter-info-badge{gap:.5rem;padding:.625rem .875rem;font-size:.8rem}.match-modal-container .filter-info-badge svg{width:16px;height:16px}.match-modal-title h3{font-size:1.125rem}.match-modal-subtitle{font-size:.8125rem}}@media (width>=769px){.match-modal-container .comparison-header{flex-direction:row;justify-content:space-between;align-items:center}.match-modal-container .player-profile-card{flex:1;max-width:none}.match-modal-container .view-profile-btn{min-width:120px}}@media (width>=1024px){.match-modal-container .comparison-header{gap:2rem;padding:2rem}.match-modal-container .player-profile-pic{width:100px;height:100px}.match-modal-container .player-name{font-size:1.25rem}.match-modal-container .player-rank{font-size:.875rem}.match-modal-container .vs-divider{width:56px;height:56px;font-size:1rem}}.match-modal-container .filter-info-badge{color:#ff0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.match-modal-container .filter-info-badge svg{color:#ff0;flex-shrink:0}@media (width<=600px){.match-modal-container .player-profile-pic{border-width:2px;width:60px;height:60px}.match-modal-container .view-profile-btn{padding:.5rem .75rem;font-size:.8125rem}.match-modal-container .filter-info-badge{padding:.625rem .875rem;font-size:.8125rem}}@media (width<=500px){.match-modal-container .player-name{font-size:1rem}}@media (width<=480px){.match-modal-container .comparison-header{gap:1rem;padding:1rem}.match-modal-container .player-profile-info{gap:.75rem}.match-modal-container .player-profile-pic{width:50px;height:50px}.match-modal-container .player-name{font-size:.9375rem}.match-modal-container .vs-divider{width:40px;height:40px}}.modal-pressure-circular-grid{justify-content:space-around;align-items:flex-start;gap:2.5rem;width:100%;display:flex}.modal-pressure-player-section{flex-direction:column;flex:1;align-items:center;gap:1.5rem;max-width:450px;display:flex}.modal-pressure-player-section h5{text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.125rem;font-weight:700}.modal-pressure-player-section:first-child h5{color:#00d4ff}.modal-pressure-player-section:last-child h5{color:#ff6b6b}.modal-pressure-stats-group{justify-content:center;align-items:flex-start;gap:2.5rem;width:100%;display:flex}.modal-pressure-stat-block{flex-direction:column;flex:1;align-items:center;gap:.75rem;display:flex}.modal-pressure-stat-block .circular-progress-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.modal-pressure-stat-block .circular-progress-wrapper svg{display:block}.modal-pressure-stat-block .circular-progress-wrapper .progress-text{color:var(--text-primary,#e6edf3);text-align:center;font-size:1.125rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-pressure-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:.75rem;font-weight:600;line-height:1.3}.modal-pressure-counter{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:.375rem;min-width:100px;margin-top:.75rem;padding:.75rem 1rem;display:flex}.modal-pressure-counter-number{font-size:2.25rem;font-weight:800;line-height:1}.modal-pressure-stat-block:first-child .modal-pressure-counter-number{color:khaki}.modal-pressure-stat-block:last-child .modal-pressure-counter-number{color:plum}.modal-pressure-counter-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.3px;text-align:center;font-size:.6875rem;font-weight:500;line-height:1.3}@media (width<=900px){.modal-pressure-circular-grid{flex-direction:column;align-items:center;gap:2.5rem}.modal-pressure-player-section{width:100%;max-width:500px}}@media (width<=600px){.modal-pressure-stats-group{gap:1.5rem}.modal-pressure-player-section h5{font-size:1rem}.modal-pressure-counter-number{font-size:1.75rem}.modal-pressure-label{font-size:.6875rem}.modal-pressure-counter{min-width:80px;padding:.625rem .75rem}.modal-pressure-stat-block .circular-progress-wrapper{transform:scale(.9)}}@media (width<=480px){.modal-pressure-circular-grid{gap:2rem}.modal-pressure-stats-group{gap:1rem}.modal-pressure-player-section h5{font-size:.9375rem}.modal-pressure-counter-number{font-size:1.5rem}.modal-pressure-counter{min-width:70px;padding:.5rem .625rem}.modal-pressure-stat-block .circular-progress-wrapper{transform:scale(.8)}}