:root{--navy-900:rgb(10, 25, 75);--navy-800:rgb(20, 35, 95);--blue-950:rgb(23, 37, 84);--blue-900:rgb(30, 58, 138);--blue-800:rgb(30, 64, 175);--blue-700:rgb(29, 78, 216);--blue-600:rgb(37, 99, 235);--blue-500:rgb(59, 130, 246);--blue-400:rgb(96, 165, 250);--purple-950:rgb(59, 7, 100);--purple-900:rgb(88, 28, 135);--purple-800:rgb(107, 33, 168);--purple-700:rgb(126, 34, 206);--purple-600:rgb(147, 51, 234);--purple-500:rgb(168, 85, 247);--purple-400:rgb(192, 132, 252);--red-950:rgb(69, 10, 10);--red-900:rgb(127, 29, 29);--red-800:rgb(153, 27, 27);--red-700:rgb(185, 28, 28);--red-600:rgb(220, 38, 38);--red-500:rgb(239, 68, 68);--red-400:rgb(248, 113, 113);--orange-950:rgb(67, 20, 7);--orange-900:rgb(124, 45, 18);--orange-800:rgb(154, 52, 18);--orange-700:rgb(194, 65, 12);--orange-600:rgb(234, 88, 12);--orange-500:rgb(249, 115, 22);--orange-400:rgb(251, 146, 60);--green-950:rgb(5, 46, 22);--green-900:rgb(20, 83, 45);--green-800:rgb(22, 101, 52);--green-700:rgb(21, 128, 61);--green-600:rgb(22, 163, 74);--green-500:rgb(34, 197, 94);--green-400:rgb(74, 222, 128);--gray-500:#64748B;--gray-600:#475569;--gray-700:#334155;--gray-800:#1E293B;--gray-900:#0F172A;--white-05:rgba(255, 255, 255, 0.05);--white-10:rgba(255, 255, 255, 0.1);--white-20:rgba(255, 255, 255, 0.2);--black-20:rgba(0, 0, 0, 0.2);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--shadow-blue:0 0 20px rgba(59, 130, 246, 0.3);--tw-gradient-from:rgb(23, 37, 84);--tw-gradient-via:#1a1c2a;--tw-gradient-to:rgb(30, 58, 138);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to);--anim-duration-fast:0.2s;--anim-duration-medium:0.3s;--anim-duration-slow:0.5s}body,html{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden}body{position:relative;background:linear-gradient(to bottom right,#172554,#1a1c2a,#1e3a8a);color:#fff;line-height:1.5;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";padding-top:60px}.content-body{width:100%;display:flex;flex-direction:column-reverse;position:relative}.background-effects{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;min-height:100vh}.gradient-layer-1{position:absolute;inset:0;background:linear-gradient(to top left,rgba(30,64,175,.3) 0,transparent 50%,rgba(88,28,135,.2) 100%)}.gradient-layer-2{position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(29,78,216,.2) 0,transparent 70%)}.gradient-layer-3{position:absolute;inset:0;background:radial-gradient(ellipse at bottom left,rgba(49,46,129,.2) 0,transparent 70%)}.animated-gradient{position:absolute;inset:0;background:linear-gradient(to right,rgba(37,99,235,.05),transparent 50%,rgba(30,64,175,.05));animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;opacity:.07}.content-wrapper{position:relative;z-index:1;min-height:100vh;margin:0 auto;padding:0 1rem}.tennis-stats-container{position:relative;padding-top:1rem;padding-bottom:2rem;min-height:100vh;width:100%;color:#fff}@keyframes pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.content-wrapper{position:relative;z-index:1;margin:0 auto;padding:0 1rem}.stats-header{position:relative;backdrop-filter:blur(8px);padding:0}.stats-header::before{content:'';position:absolute;inset-x:0;top:0;height:1px;background:linear-gradient(to right,transparent,var(--blue-400),transparent);opacity:.5}.header-content{margin:0 auto;padding:2rem 0}.header-title{font-size:1.2rem;font-weight:700;margin-bottom:2rem;letter-spacing:-.025em;transition:opacity var(--anim-duration-medium) ease}.header-top-row{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:2rem}.latest-update-section{margin:0;padding:0}.latest-update-wrapper{display:flex;align-items:center;gap:1rem;position:relative}.latest-update-content{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:rgba(146,250,21,.1);border:none;border-left:3px solid #92fa15;border-radius:0;backdrop-filter:blur(12px);white-space:nowrap;position:relative;overflow:hidden}.latest-update-label{color:rgba(255,255,255,.7);font-size:.875rem;font-weight:500;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin-top:-2.2px}.latest-update-date{color:#92fa15;font-size:.875rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}@media (max-width:1024px){.latest-update-date,.latest-update-label{font-size:1rem}}@media (max-width:319px){.latest-update-date,.latest-update-label{font-size:.9rem}}.mobile-only{display:flex;align-items:center;margin:0 0 2rem}@media (min-width:1024px){.desktop-only{display:flex}.mobile-only{display:none}.header-top-row{margin-bottom:.5rem}.latest-update-section{margin:0}.latest-update-content{padding:.625rem 1.5rem}}@media (min-width:1280px){.latest-update-content{padding:.75rem 2rem;gap:.75rem}.latest-update-date,.latest-update-label{font-size:1rem}}@media (max-width:480px){.latest-update-content{padding:.5rem 1.25rem;gap:.375rem}}@media (min-width:640px) and (max-width:1023px){.latest-update-content{padding:.625rem 1.75rem;gap:.5rem}}.category-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.category-title,.surface-title{display:flex;flex-direction:column;gap:.5rem}.category-title{margin-bottom:1.5rem}.category-title h2{font-size:1.125rem;font-weight:600;margin:0;color:#ff0}.category-title span{font-size:.875rem;opacity:.6}.category-button{padding:.75rem 1rem;border-radius:9999px;border:none;font-size:.875rem;font-weight:500;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;text-align:center;height:42px;display:flex;align-items:center;justify-content:center}.category-button::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);opacity:0}.category-button:hover{background:var(--white-20)}.category-button:active{transform:scale(.95)}.category-button.active{transform:scale(1.05)}.category-button:not(.active):hover::after{animation:buttonGlow .6s forwards}@keyframes buttonGlow{0%{transform:translateX(-100%);opacity:0}30%{opacity:1}100%{transform:translateX(100%);opacity:0}}.category-button.active[data-category=Overall]{background-color:var(--purple-600);box-shadow:0 4px 6px -1px rgba(139,92,246,.3)}.category-button.active[data-category=Serve]{background-color:var(--red-600);box-shadow:0 4px 6px -1px rgba(185,28,28,.3)}.category-button.active[data-category=Return]{background-color:var(--blue-600);box-shadow:0 4px 6px -1px rgba(37,99,235,.3)}.category-button.active[data-category=Odds]{background-color:var(--orange-600);box-shadow:0 4px 6px -1px rgba(234,88,12,.3)}.category-button.active[data-category="Pressure Points"]{background-color:var(--green-600);box-shadow:0 4px 6px -1px rgba(22,163,74,.3)}.surface-title{margin-bottom:1.5rem}.surface-title h2{color:#ff0;font-size:1.125rem;font-weight:600;margin:0}.surface-title span{font-size:.875rem;opacity:.6}.surface-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.surface-button{padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease;text-align:center;min-width:90px;height:42px;display:flex;align-items:center;justify-content:center}.category-button:hover,.surface-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.category-button:active,.surface-button:active{transform:translateY(1px)}.category-button.active,.surface-button.active{transform:scale(1.03);font-weight:600}.surface-button::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:0;background-color:currentColor;transition:width var(--anim-duration-medium) ease}.surface-button::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);opacity:0}.surface-button:not(.active):hover::before{animation:buttonGlow .6s forwards}.surface-button:active{transform:scale(.95)}.surface-button.active{transform:scale(1.02)}.surface-button:hover{background:var(--white-10)}.surface-button.active{background:var(--blue-500);border-color:transparent;box-shadow:var(--shadow-blue)}.surface-button.loading{position:relative;opacity:.8}.surface-button.loading::before{content:'';position:absolute;inset:0;background-color:currentColor;opacity:.1;border-radius:inherit;animation:pulse 1.5s infinite}.surface-button.loading::after{content:'';position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background-color:#fff;animation:pulse 1.5s infinite}.surface-button.active::after{width:100%}.surface-button[data-surface=All].active{background:var(--gray-500);box-shadow:0 4px 6px -1px rgba(100,116,139,.3);border-color:transparent}.surface-button[data-surface=Hard].active{background:var(--blue-600)}.surface-button[data-surface=Clay].active{background:var(--orange-600)}.surface-button[data-surface=Grass].active{background:var(--green-600)}.surface-button[data-surface=All]:hover:not(.active){background-color:rgba(100,116,139,.15)}.surface-button[data-surface=Hard]:hover:not(.active){background-color:rgba(37,99,235,.15)}.surface-button[data-surface=Clay]:hover:not(.active){background-color:rgba(220,38,38,.15)}.surface-button[data-surface=Grass]:hover:not(.active){background-color:rgba(22,163,74,.15)}.stats-info-bar{background:var(--white-05);backdrop-filter:blur(8px);border-top:1px solid var(--white-10);border-bottom:1px solid var(--white-10);border-radius:.5rem}.info-toggle{width:100%;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;background:0 0;border:none;color:#fff;cursor:pointer}.info-toggle .toggle-icon,.info-toggle i{transition:transform var(--anim-duration-medium) ease}.info-toggle.expanded .toggle-icon,.info-toggle.expanded i{transform:rotate(180deg)}.info-toggle:hover:not(.expanded) i{transform:translateY(2px)}.info-toggle:hover{background:var(--white-05)}.info-content{overflow:hidden;height:0;opacity:0;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease;padding:0}.info-content.expanded{height:auto;opacity:1;transform:translateY(0);padding:1.5rem;transition:opacity .4s ease,transform .4s ease}.info-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:var(--white-10);padding:1.5rem;border-radius:.75rem;transition:transform var(--anim-duration-medium) ease,box-shadow var(--anim-duration-medium) ease,background-color var(--anim-duration-medium) ease;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px rgba(0,0,0,.1)}.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px -3px rgba(0,0,0,.15),0 4px 8px -4px rgba(0,0,0,.15);background:rgba(255,255,255,.15)}.info-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:rgba(255,255,255,.95);letter-spacing:-.01em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem;display:flex;align-items:center}.info-card h3::before{content:'';display:inline-block;width:1.5rem;height:1.5rem;margin-right:.75rem;background-size:contain;background-repeat:no-repeat;opacity:.9}.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{font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.85);margin-bottom:.5rem}.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{font-style:italic;opacity:.8;margin-top:.75rem;padding-top:.5rem;border-top:1px dashed rgba(255,255,255,.1);font-size:.85rem}.info-card ul{margin:.75rem 0;padding-left:1.5rem}.info-card li{margin-bottom:.5rem;position:relative}.info-card li::marker{color:rgba(255,255,255,.7)}.info-card .example{background:rgba(255,255,255,.1);border-radius:.25rem;padding:.75rem;margin:.75rem 0;font-size:.9rem}.ratio-info-bar{background-color:rgba(255,255,255,.05);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.ratio-info-toggle{width:100%;padding:.75rem 1.25rem;color:rgba(255,255,255,.9);background:0 0;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s}.ratio-info-toggle:hover{background-color:rgba(255,255,255,.05)}.ratio-info-content{padding:1.25rem;display:none}.ratio-info-content.expanded{display:block}.stat-card{background-color:rgba(255,255,255,.1);border-radius:.5rem;padding:1.25rem;margin-bottom:1.25rem}.stat-card:last-child{margin-bottom:0}.stat-card h3{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.75rem}.stat-card p{color:rgba(255,255,255,.7);line-height:1.6;font-size:.875rem}.stats-table-wrapper{position:relative;background:0 0;border-radius:.75rem;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1),0 20px 25px -5px rgba(0,0,0,.2);backdrop-filter:blur(8px);margin:1.5rem auto;overflow:hidden;width:100%;max-width:100%}.stats-table tbody tr{transition:background-color .3s ease,transform .3s ease,opacity .3s ease}.stats-table td{transition:background-color .3s ease,color .2s ease}.stats-table thead th{transition:background-color var(--anim-duration-medium) ease}.stats-table[data-surface=Clay] td,.stats-table[data-surface=Grass] td,.stats-table[data-surface=Hard] td{border-right-color:rgba(0,0,0,.05)}@keyframes updateCell{0%{background-color:rgba(255,255,255,.3)}100%{background-color:transparent}}.cell-updated{animation:updateCell .7s ease}.category-changing thead{animation:headerColorChange .4s ease forwards}@keyframes headerColorChange{0%{filter:saturate(1)}50%{filter:saturate(1.5) brightness(1.1)}100%{filter:saturate(1)}}@keyframes valueChange{0%{transform:translateY(-5px);opacity:0}100%{transform:translateY(0);opacity:1}}.numeric-value.changing{animation:valueChange .3s ease forwards}@keyframes columnHighlight{0%{background-color:rgba(255,255,255,0)}40%{background-color:rgba(255,255,255,.15)}100%{background-color:rgba(255,255,255,0)}}.stats-table td.highlight-column{animation:columnHighlight .6s ease}@keyframes surfaceColorTransition{0%{opacity:.7;filter:hue-rotate(0deg)}100%{opacity:1;filter:hue-rotate(var(--hue-rotate, 0deg))}}.stats-table.surface-changing{animation:surfaceColorTransition .4s ease forwards}.stats-table[data-surface=Hard].surface-changing{--hue-rotate:-10deg}.stats-table[data-surface=Clay].surface-changing{--hue-rotate:30deg}.stats-table[data-surface=Grass].surface-changing{--hue-rotate:-30deg}.stats-table tbody tr:hover{background-color:#1f2937!important;color:#fff}.stats-table tbody tr:hover .player-name{color:#fff}.stats-table tbody tr:hover td{color:#fff!important}.stats-table tbody tr:hover .numeric-value{color:#fff!important}.stats-table tbody tr:last-child{border-bottom:none}@keyframes rowFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-table.animate-in tbody tr{animation:rowFadeIn .4s forwards;animation-delay:calc(var(--row-index) * .03s);opacity:0}@keyframes surfaceTransition{0%{opacity:.7;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}.stats-table.animate-surface{animation:surfaceTransition .4s forwards}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.shimmer-effect{background:linear-gradient(to right,rgba(255,255,255,0) 8%,rgba(255,255,255,.2) 18%,rgba(255,255,255,0) 33%);background-size:800px 104px;animation:shimmer 1.5s linear infinite;position:relative;overflow:hidden}.surface-indicator{position:absolute;top:10px;right:10px;padding:4px 10px;font-size:12px;font-weight:600;border-radius:4px;background-color:rgba(255,255,255,.2);backdrop-filter:blur(4px);color:#fff;opacity:.8;transition:background-color var(--anim-duration-medium) ease,opacity var(--anim-duration-medium) ease}.surface-indicator:hover{opacity:1}.surface-indicator[data-surface=All]{background-color:rgba(100,116,139,.4)}.surface-indicator[data-surface=Hard]{background-color:rgba(37,99,235,.4)}.surface-indicator[data-surface=Clay]{background-color:rgba(220,38,38,.4)}.surface-indicator[data-surface=Grass]{background-color:rgba(22,163,74,.4)}.numeric-value{font-variant-numeric:tabular-nums;display:block;width:100%;text-align:center;font-weight:500;transition:color var(--anim-duration-fast) ease}.search-section{position:relative;z-index:5;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);backdrop-filter:blur(8px);width:100%;box-sizing:border-box;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;transition:background-color var(--anim-duration-medium) ease}.search-box{position:relative;margin-bottom:1rem;width:100%}.search-input{width:100%;box-sizing:border-box;padding:.75rem 1rem .75rem 3rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;font-size:.875rem;color:#fff;transition:all var(--anim-duration-fast) ease}.search-input:focus{outline:0;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.search-input::placeholder{color:rgba(255,255,255,.5)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.5);transition:color var(--anim-duration-fast) ease}.search-info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;color:rgba(255,255,255,.7);font-size:.875rem;width:100%;justify-content:space-between}.search-right-container{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:.5rem}.timeframe-indicator{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.15);padding:.35rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:rgba(255,255,255,.95);transition:background-color .2s ease}.timeframe-indicator svg{opacity:.8}.pagination{position:relative;z-index:5;padding:.75rem 1rem;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);width:100%;box-sizing:border-box;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;transition:background-color var(--anim-duration-medium) ease}.table-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;min-height:200px}.stats-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;transition:opacity var(--anim-duration-medium) ease,transform var(--anim-duration-medium) ease,filter var(--anim-duration-medium) ease;will-change:transform,opacity;text-rendering:optimizeSpeed;font-smooth:never;-webkit-font-smoothing:subpixel-antialiased}.stats-table[data-category="Pressure Points"] thead th:first-child,.stats-table[data-category="Pressure Points"] thead th:nth-child(2),.stats-table[data-category=Odds] thead th:first-child,.stats-table[data-category=Odds] thead th:nth-child(2),.stats-table[data-category=Overall] thead th:first-child,.stats-table[data-category=Overall] thead th:nth-child(2),.stats-table[data-category=Return] thead th:first-child,.stats-table[data-category=Return] thead th:nth-child(2),.stats-table[data-category=Serve] thead th:first-child,.stats-table[data-category=Serve] thead th:nth-child(2){background-clip:padding-box;border-right:1px solid rgba(255,255,255,.2)}.stats-table tbody tr td:first-child,.stats-table tbody tr td:nth-child(2){background-clip:padding-box}.stats-table tbody tr:hover td:first-child,.stats-table tbody tr:hover td:nth-child(2){background-color:#1f2937!important;color:#fff!important;z-index:5}.stats-table thead{background-color:var(--blue-900);border-top:1px solid rgba(255,255,255,.1);transition:background-color var(--anim-duration-medium) ease}.stats-table thead th:first-child{padding-left:1.5rem}.stats-table thead th:last-child{padding-right:1.5rem}.stats-table[data-category=Overall] thead{background-color:var(--purple-700)}.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=Odds] thead{background-color:var(--orange-700)}.stats-table[data-category="Pressure Points"] thead{background-color:var(--green-700)}.stats-table tbody{background:rgba(255,255,255,.95);backdrop-filter:blur(8px)}.stats-table tbody tr td{background-color:inherit!important}.stats-table tbody tr:nth-child(2n) td:first-child,.stats-table tbody tr:nth-child(2n) td:nth-child(2),.stats-table tbody tr:nth-child(odd) td:first-child,.stats-table tbody tr:nth-child(odd) td:nth-child(2){background-color:inherit!important}.stats-table tbody tr:hover td{background-color:#1f2937!important;color:#fff!important}.stats-table[data-surface=All] tbody tr,.stats-table[data-surface=Clay] tbody tr,.stats-table[data-surface=Grass] tbody tr,.stats-table[data-surface=Hard] tbody tr{transition:background-color .3s ease}.stats-table[data-surface=Hard] tbody tr:nth-child(2n){background-color:rgba(230,235,250,.95)}.stats-table[data-surface=Hard] tbody tr:nth-child(odd){background-color:rgba(245,250,255,.95)}.stats-table[data-surface=Clay] tbody tr:nth-child(2n){background-color:rgba(250,235,230,.95)}.stats-table[data-surface=Clay] tbody tr:nth-child(odd){background-color:rgba(255,250,245,.95)}.stats-table[data-surface=Grass] tbody tr:nth-child(2n){background-color:rgba(230,250,230,.95)}.stats-table[data-surface=Grass] tbody tr:nth-child(odd){background-color:rgba(245,255,245,.95)}.stats-table[data-surface=All] tbody tr:nth-child(2n){background-color:rgba(243,244,246,.95)}.stats-table[data-surface=All] tbody tr:nth-child(odd){background-color:rgba(250,250,252,.95)}.stats-table[data-surface=All].surface-changing{--hue-rotate:0deg}.stats-table[data-surface=Hard] tbody tr:hover{background-image:linear-gradient(to right,rgba(37,99,235,.1),rgba(37,99,235,.05))}.stats-table[data-surface=Clay] tbody tr:hover{background-image:linear-gradient(to right,rgba(220,38,38,.1),rgba(220,38,38,.05))}.stats-table[data-surface=Grass] tbody tr:hover{background-image:linear-gradient(to right,rgba(22,163,74,.1),rgba(22,163,74,.05))}.stats-table::before{content:attr(data-surface) " Court";position:absolute;top:-1.5rem;right:1rem;font-size:.75rem;font-weight:600;opacity:.7;text-transform:uppercase;letter-spacing:.05em;transition:opacity .3s ease}.stats-table[data-surface=All]::before{content:"All Courts"}.stats-table td,.stats-table th,.stats-table tr{transition:background-color .4s ease,color .3s ease,opacity .3s ease,transform .3s ease}.search-section[data-category=Overall]{box-shadow:inset 0 -1px 0 0 rgba(88,28,135,.2)}.search-section[data-category=Serve]{box-shadow:inset 0 -1px 0 0 rgba(185,28,28,.2)}.search-section[data-category=Return]{box-shadow:inset 0 -1px 0 0 rgba(147,51,234,.2)}.search-section[data-category=Odds]{box-shadow:inset 0 -1px 0 0 rgba(234,88,12,.2)}.search-section[data-category="Pressure Points"]{box-shadow:inset 0 -1px 0 0 rgba(22,163,74,.2)}.pagination[data-category=Overall],.search-section[data-category=Overall]{background-color:var(--purple-900);color:#fff}.pagination[data-category=Serve],.search-section[data-category=Serve]{background-color:var(--red-900);color:#fff}.pagination[data-category=Return],.search-section[data-category=Return]{background-color:var(--blue-900);color:#fff}.pagination[data-category=Odds],.search-section[data-category=Odds]{background-color:var(--orange-900);color:#fff}.pagination[data-category="Pressure Points"],.search-section[data-category="Pressure Points"]{background-color:var(--green-900);color:#fff}.search-section[data-category] .search-input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.search-section[data-category] .search-input::placeholder{color:rgba(255,255,255,.8)}.search-section[data-category] .search-info{color:#fff}.search-section[data-category] .search-icon{color:rgba(255,255,255,.9)}.stats-table th{padding:1rem;color:#fff;font-weight:600;text-align:center;font-size:.875rem;white-space:nowrap;position:relative;transition:background-color var(--anim-duration-fast) ease}.stats-table th:nth-child(2){text-align:left}.stats-table th:hover{background-color:rgba(0,0,0,.1)}.stats-table th.cursor-pointer{cursor:pointer}.stats-table th.cursor-pointer:hover{background-color:rgba(0,0,0,.1)}.stats-table th .flex{display:flex;align-items:center;gap:.5rem}.stats-table th .select-none{user-select:none}.column-header{display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;line-height:1.2}.column-header .text-xs{display:none}.stats-table th:nth-child(2) .column-header{justify-content:flex-start}.select-none{user-select:none}.stats-table th .info-icon{width:14px;height:14px;opacity:.7;transition:opacity .2s ease,transform .2s ease;cursor:pointer}.stats-table th .info-icon:hover{opacity:1;transform:scale(1.2)}.stats-table th .icon-container{display:inline-flex;align-items:center;margin-left:.25rem}.stats-table td{padding:1rem;font-size:.875rem;color:#1f2937;border-bottom:1px solid #f3f4f6;text-align:center}.stats-table tbody tr:last-child td{border-bottom:none}.stats-table td:nth-child(2){text-align:left}.stats-table td .numeric-value,.stats-table td[data-type=numeric]{text-align:center;font-variant-numeric:tabular-nums}.stats-table td,.stats-table th{border-right:1px solid rgba(229,231,235)}.stats-table td:last-child,.stats-table th:last-child{border-right:none}.stats-table th{border-right-color:rgba(255,255,255,.5)}.stats-table tbody tr:hover td{border-right-color:rgba(255,255,255,.5)}.fade-out{opacity:.5}.sort-icon{width:16px;height:16px;opacity:.7;transition:all var(--anim-duration-fast) ease;display:inline-block;vertical-align:middle;color:currentColor}.sort-icon.active{opacity:1;color:#fff}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(0)}75%{transform:rotate(-3deg)}100%{transform:rotate(0)}}.sort-icon.sorting{animation:wiggle .4s ease}th:hover .sort-icon{opacity:1}.player-cell{display:flex;align-items:center;gap:.75rem}.country-flag{width:20px;height:auto;border-radius:2px}.player-name{color:#2563eb;font-weight:500;text-decoration:none;transition:color var(--anim-duration-fast)}.player-name:hover{color:#1d4ed8;text-decoration:underline}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);color:#fff;font-size:.875rem}.pagination-info{display:flex;align-items:center;gap:.25rem;font-size:.875rem;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.page-input-wrapper{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.pagination-button{padding:.5rem;border:none;background:0 0;cursor:pointer;border-radius:.375rem;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all var(--anim-duration-fast);position:relative;overflow:hidden}.pagination-button::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 70%);opacity:0;transition:opacity var(--anim-duration-fast)}.pagination-button:not(:disabled):hover::after{opacity:1}.pagination-button:not(:disabled):hover{background:#e5e7eb}.pagination-button:active:not(:disabled)::after{background:radial-gradient(circle,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 70%)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-input{padding:.25rem;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;font-size:.875rem;background:rgba(255,255,255,.1);color:#fff;box-sizing:border-box;transition:border-color var(--anim-duration-fast),background-color var(--anim-duration-fast)}.pagination[data-category]{border-top:1px solid rgba(255,255,255,.1)}.pagination[data-category] .page-input-wrapper,.pagination[data-category] .pagination-info{color:rgba(255,255,255)}.pagination[data-category] .pagination-input,.pagination[data-category] .rows-per-page{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.pagination-input,.rows-per-page,.search-input{box-shadow:0 1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1)}.pagination-input:focus,.rows-per-page:focus,.search-input:focus{box-shadow:0 0 0 2px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.pagination[data-category] .pagination-button{color:rgba(255,255,255,.95)}.pagination[data-category] .pagination-button:hover:not(:disabled){background:rgba(255,255,255,.1)}.pagination[data-category] .pagination-button:disabled{color:rgba(255,255,255,.3)}.pagination-info span{margin:0;padding:0}#end-row,#start-row,#total-rows{margin:0;padding:0}.rows-per-page{padding:.25rem;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;font-size:.875rem;background:rgba(255,255,255,.1);color:#fff;box-sizing:border-box;transition:border-color var(--anim-duration-fast),background-color var(--anim-duration-fast)}.mobile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.mobile-header .rank{font-size:.875rem;font-weight:600;color:#4b5563}.mobile-header .player-link{color:#2563eb;font-weight:500;font-size:.875rem;text-decoration:none;display:flex;align-items:center;gap:.5rem;flex:1}.mobile-row{padding:1rem;border-bottom:1px solid #e5e7eb}.mobile-row:last-child{border-bottom:none}.mobile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.mobile-header .player-link:hover{color:#1d4ed8;text-decoration:underline}.mobile-header .flag-img{width:1rem;height:auto;border-radius:2px}.mobile-stat{min-width:0}.mobile-stat-label{color:#6b7280;font-size:.75rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-stat-value{color:#111827;font-size:.875rem;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (max-width:576px){.pagination{flex-direction:column;align-items:flex-start;gap:.75rem}.pagination-controls{width:100%;justify-content:space-between}.rows-per-page{margin-left:auto}}@media (min-width:450px){.header-title{font-size:1.2rem}.category-button{min-width:120px}}@media (max-width:500px){.search-right-container{flex-direction:column;gap:.5rem;align-items:flex-start}.profile-button,.timeframe-indicator{width:100%;justify-content:center;text-align:center}.category-button{font-size:.8rem}.stats-table th .info-icon{display:none!important}}@media (min-width:500px){.mobile-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.mobile-header .rank{font-size:1rem}.mobile-header .player-link{font-size:1rem}.header-title{font-size:1.5rem}}@media (min-width:700px){.mobile-stats{grid-template-columns:repeat(5,1fr)}.header-title{font-size:1.8rem}}@media (max-width:768px){.scroll-hint-container{display:block}.category-nav{display:grid;grid-template-columns:repeat(2,1fr)}.surface-buttons{display:grid;grid-template-columns:repeat(2,1fr)}.desktop-table{display:none}.mobile-table{display:block;background:#fff}.stats-table-wrapper{margin:1rem 0;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.stats-table td:first-child,.stats-table th:first-child{left:0;width:80px;min-width:80px;max-width:80px}.stats-table td:nth-child(2),.stats-table th:nth-child(2){left:80px;width:180px;min-width:180px;max-width:180px}.sort-icon{width:14px;height:14px}.pagination,.search-section{padding:.75rem}.pagination{border-top:1px solid #e5e7eb;padding:.75rem 1rem;font-size:.75rem}.page-input-wrapper{display:flex;align-items:center;gap:.5rem}.scroll-hint{opacity:1}.scroll-hint.hidden{opacity:0!important;visibility:hidden;pointer-events:none}.search-info{padding-bottom:.5rem}.desktop-table{display:table!important}.mobile-table{display:none!important}.stats-table td,.stats-table th{padding:.625rem .375rem;font-size:.8125rem}.pagination-controls{flex-wrap:wrap;gap:.5rem}@media (max-width:500px){.player-cell{gap:.4rem}.country-flag{width:16px}.player-name{white-space:normal;overflow:hidden;max-width:110px;text-overflow:wrap}.stats-table th .column-header{white-space:normal;font-size:.75rem;line-height:1.2;padding:0}.stats-table td,.stats-table th{padding:.5rem .25rem;font-size:.7rem}.stats-table td:nth-child(2),.stats-table th:nth-child(2){left:80px;width:140px;min-width:140px;max-width:140px}.pagination,.search-section{padding:.5rem}}}@media (min-width:769px){.mobile-table{display:none}.scroll-hint-container{display:none}.search-info{flex-direction:row;align-items:center;flex-wrap:wrap}.search-right-container{margin-left:auto;margin-top:0;flex-direction:row-reverse}.stats-table-wrapper{margin:1.5rem auto}.header-title{font-size:1.8rem}.category-button,.surface-button{font-size:.8rem}.info-toggle{font-size:.925rem}.column-header .text-xs{display:inline;vertical-align:middle;margin-bottom:0;transform:translateY(0);line-height:1;position:relative;top:.5px}@media (max-width:1600px){.stats-table td:first-child,.stats-table th:first-child{left:0;width:90px;min-width:90px;max-width:90px}.stats-table td:nth-child(2),.stats-table th:nth-child(2){left:90px;width:200px;min-width:200px;max-width:200px}}}@media (min-width:1280px){.header-title{font-size:2rem}.category-title,.surface-title{display:flex;flex-direction:row;align-items:center;gap:1rem}.category-title h2,.surface-title h2{font-size:1.3rem}.category-title span,.surface-title span{font-size:.9rem;margin-top:-.1rem}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.opacity-75{opacity:.75}.whitespace-nowrap{white-space:nowrap}.profile-button{padding:.5rem 1rem;background-color:rgba(0,0,0,.2);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.1);border-radius:.375rem;font-size:.875rem;cursor:pointer;position:relative;overflow:hidden;transition:all var(--anim-duration-medium) ease}.profile-button:hover{background-color:rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)}.profile-button::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.1);transform:translateX(-100%);transition:transform var(--anim-duration-medium) ease}.profile-button:hover::after{transform:translateX(0)}.tooltip{position:absolute;z-index:1000;padding:.5rem .75rem;background-color:rgba(0,0,0,.9);color:#fff;border-radius:.375rem;font-size:.75rem;max-width:250px;pointer-events:none;white-space:normal;line-height:1.4;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1)}.tooltip.visible{opacity:1;transform:translateY(0)}.info-icon{width:14px;height:14px;color:rgba(255,255,255,.7);transition:color var(--anim-duration-fast)}.info-icon:hover{color:#fff}@media (min-width:769px){.content-wrapper{max-width:95%}}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-x:auto;overflow-y:hidden;will-change:transform;max-width:100%;margin:0;padding:0;width:100%;position:relative;z-index:2}.table-scroll-wrapper::-webkit-scrollbar{height:8px;-webkit-appearance:none}.table-scroll-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(255,255,255,.2);border:1px solid rgba(0,0,0,.2)}.table-scroll-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.stats-table td:first-child,.stats-table td:nth-child(2),.stats-table th:first-child,.stats-table th:nth-child(2){position:sticky;z-index:5;transform:translateZ(0);backface-visibility:hidden;will-change:transform;background-clip:padding-box}.stats-table thead th:first-child,.stats-table thead th:nth-child(2){z-index:10}.stats-table[data-category] thead th:first-child,.stats-table[data-category] thead th:nth-child(2){position:sticky!important;z-index:10!important;background-attachment:fixed!important}.table-scroll-wrapper::-webkit-scrollbar{height:8px;-webkit-appearance:none}.table-scroll-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(255,255,255,.2);border:1px solid rgba(0,0,0,.2)}.table-scroll-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}#stats-table-container{position:relative;min-width:100%;width:100%}.scroll-hint-container{position:relative;height:40px;min-height:40px;max-height:40px;margin-bottom:4px;width:100%}.scroll-hint{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;color:rgba(255,255,255,.8);font-size:.75rem;background:rgba(30,41,59,.4);backdrop-filter:blur(4px);border-radius:.375rem;transition:opacity .3s ease;z-index:10;border:1px solid rgba(255,255,255,.1)}.scroll-hint svg{margin-left:.5rem;animation:scrollHint 1.5s ease-in-out infinite}@keyframes scrollHint{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}.desktop-table{width:100%;min-width:800px}.stats-table thead th:first-child,.stats-table thead th:nth-child(2){z-index:6}.stats-table[data-category=Overall] thead th:first-child,.stats-table[data-category=Overall] thead th:nth-child(2){background-color:var(--purple-700)}.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=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 Points"] thead th:first-child,.stats-table[data-category="Pressure Points"] thead th:nth-child(2){background-color:var(--green-700)}.stats-table tbody tr:nth-child(2n){background:rgba(237,238,251,.95)}.stats-table tbody tr:nth-child(2n) td:first-child,.stats-table tbody tr:nth-child(2n) td:nth-child(2){background:rgba(237,238,251,.95)}.stats-table tbody tr:nth-child(odd) td:first-child,.stats-table tbody tr:nth-child(odd) td:nth-child(2){background:#fff}.stats-table tbody tr:hover td:first-child,.stats-table tbody tr:hover td:nth-child(2){background-color:#1f2937!important;color:#fff!important}.stats-table-wrapper::-webkit-scrollbar{height:8px}.stats-table-wrapper::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.stats-table-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.stats-table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.table-scroll-container::-webkit-scrollbar{height:8px}.table-scroll-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.search-section[data-category=Overall] .timeframe-indicator{background:rgba(147,51,234,.25)}.search-section[data-category=Serve] .timeframe-indicator{background:rgba(220,38,38,.25)}.search-section[data-category=Return] .timeframe-indicator{background:rgba(37,99,235,.25)}.search-section[data-category=Odds] .timeframe-indicator{background:rgba(234,88,12,.25)}.search-section[data-category="Pressure Points"] .timeframe-indicator{background:rgba(22,163,74,.25)}.category-button,.info-toggle,.pagination-button,.profile-button,.surface-button{outline:0!important;box-shadow:none!important;border:none!important;appearance:none;-webkit-appearance:none;-moz-appearance:none}.category-button:active,.category-button:focus,.info-toggle:active,.info-toggle:focus,.pagination-button:active,.pagination-button:focus,.profile-button:active,.profile-button:focus,.surface-button:active,.surface-button:focus{outline:0!important;box-shadow:none!important;border:none!important}.category-button:active:focus,.info-toggle:active:focus,.pagination-button:active:focus,.profile-button:active:focus,.surface-button:active:focus{background-image:none!important;outline:0!important;box-shadow:none!important}.category-button,.info-toggle,.pagination-button,.profile-button,.surface-button{transition:all var(--anim-duration-medium) ease!important}.category-button:focus-visible,.info-toggle:focus-visible,.pagination-button:focus-visible,.profile-button:focus-visible,.surface-button:focus-visible{outline:0!important;box-shadow:none!important}.filters-wrapper{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:5;padding:1.5rem;border-radius:.75rem;background:rgba(30,41,59,.4);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px -4px rgba(0,0,0,.2)}.filters-wrapper::before{content:none}.category-filter,.surface-filter{position:relative;transition:transform .3s ease,box-shadow .3s ease}.filters-wrapper:hover .category-filter:not(:hover),.filters-wrapper:hover .surface-filter:not(:hover){opacity:.9}.category-title h2,.surface-title h2{display:flex;align-items:center}.category-title h2::before,.surface-title h2::before{content:'';display:inline-block;width:.5rem;height:.5rem;margin-right:.5rem;background:#ff0;border-radius:50%}@media (min-width:992px){.filters-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:3rem}.category-filter,.surface-filter{flex:1}.category-filter::after{content:'';position:absolute;right:-1.5rem;top:10%;height:80%;width:1px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.15),rgba(255,255,255,0))}.category-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:0}.surface-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (min-width:1200px){.filters-wrapper{padding:2rem}.category-filter{max-width:50%}.surface-filter{max-width:50%}.category-button,.surface-button{font-size:.9375rem}.category-nav{grid-template-columns:repeat(3,minmax(120px,1fr));max-width:100%}.surface-buttons{grid-template-columns:repeat(2,minmax(90px,1fr));max-width:100%}}.category-title,.surface-title{margin-bottom:1.25rem}.category-title h2,.surface-title h2{position:relative;font-size:1.125rem;font-weight:600;margin:0 0 .25rem 0;color:#fde047;display:inline-block}.category-title h2::after,.surface-title h2::after{content:'';position:absolute;left:0;bottom:-.5rem;width:2rem;height:2px;background:linear-gradient(to right,#fde047,transparent)}.category-title span,.surface-title span{font-size:.875rem;opacity:.8}.category-button.active[data-category=Overall]{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 12px rgba(147,51,234,.3);border:none}.category-button.active[data-category=Serve]{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px rgba(220,38,38,.3);border:none}.category-button.active[data-category=Return]{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(37,99,235,.3);border:none}.category-button.active[data-category=Odds]{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px rgba(234,88,12,.3);border:none}.category-button.active[data-category="Pressure Points"]{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px rgba(22,163,74,.3);border:none}.surface-button.active{border:none}.surface-button[data-surface=All].active{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px rgba(100,116,139,.3)}.surface-button[data-surface=Hard].active{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(37,99,235,.3)}.surface-button[data-surface=Clay].active{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px rgba(234,88,12,.3)}.surface-button[data-surface=Grass].active{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px rgba(22,163,74,.3)}.stats-table td:first-child,.stats-table td:nth-child(2),.stats-table th:first-child,.stats-table th:nth-child(2){position:sticky!important;background-clip:padding-box!important;box-shadow:1px 0 0 rgba(255,255,255,.2)}.stats-table thead th:first-child,.stats-table thead th:nth-child(2){z-index:20!important}.stats-table[data-category=Overall] thead th:first-child,.stats-table[data-category=Overall] thead th:nth-child(2){background-color:var(--purple-700)!important}.stats-table[data-category=Serve] thead th:first-child,.stats-table[data-category=Serve] thead th:nth-child(2){background-color:var(--red-700)!important}.stats-table[data-category=Return] thead th:first-child,.stats-table[data-category=Return] thead th:nth-child(2){background-color:var(--blue-700)!important}.stats-table[data-category=Odds] thead th:first-child,.stats-table[data-category=Odds] thead th:nth-child(2){background-color:var(--orange-700)!important}.stats-table[data-category="Pressure Points"] thead th:first-child,.stats-table[data-category="Pressure Points"] thead th:nth-child(2){background-color:var(--green-700)!important}.structured-data-table{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none;user-select:none}.info-toggle{width:100%;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(34,211,238,.35),rgba(103,232,249,.4));border:2px solid rgba(34,211,238,.7);color:#f8fafc;cursor:pointer;border-radius:.75rem;transition:all .3s ease;font-size:1rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(34,211,238,.25);text-shadow:0 1px 2px rgba(0,0,0,.2)}.info-toggle:hover{background:linear-gradient(135deg,rgba(34,211,238,.5),rgba(103,232,249,.55));border-color:rgba(34,211,238,.85);transform:translateY(-2px);box-shadow:0 8px 25px rgba(34,211,238,.35);color:#fff}.info-toggle span::before{content:"💡";margin-right:.75rem;font-size:1.2em;filter:brightness(1.1)}.info-toggle .toggle-icon{transition:transform .4s cubic-bezier(.4, 0, .2, 1);font-size:1.3em;color:rgba(255,255,255,.9);filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3));font-weight:700}.info-toggle.expanded .toggle-icon{transform:rotate(180deg) scale(1.1);color:#fff}.info-toggle:hover .toggle-icon{color:#fff;transform:scale(1.05)}.stats-intro-banner{background:linear-gradient(135deg,rgba(34,211,238,.25),rgba(103,232,249,.2));border:2px solid rgba(34,211,238,.5);border-radius:.75rem;padding:1.75rem 2rem;margin-bottom:1.5rem;text-align:center;box-shadow:0 4px 15px rgba(34,211,238,.2)}.stats-intro-banner h2{color:#67e8f9;font-size:1.2rem;margin-bottom:.75rem;font-weight:800}.stats-intro-banner p{color:#fff;font-size:.9rem;max-width:825px;margin:0 auto;font-weight:500}.stats-intro-banner p strong{color:#22d3ee;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)}.stats-intro-banner:hover{background:linear-gradient(135deg,rgba(34,211,238,.3),rgba(103,232,249,.25));border-color:rgba(34,211,238,.7);box-shadow:0 6px 20px rgba(34,211,238,.25);transition:all .3s ease}@media (max-width:768px){.stats-intro-banner{padding:1.5rem 1.25rem;margin-bottom:1.25rem}.stats-intro-banner h2{font-size:1.3rem;margin-bottom:1rem}.stats-intro-banner p{font-size:.9rem;line-height:1.5}}@media (max-width:480px){.stats-intro-banner{padding:1.25rem 1rem}.stats-intro-banner h2{font-size:1.2rem}.stats-intro-banner p{font-size:.85rem}}@media (max-width:450px){.stats-intro-banner h2{max-width:250px;font-size:1.3rem;margin-left:auto;margin-right:auto}}@media (max-width:400px){.info-toggle{font-size:.9rem}}@media (max-width:335px){.info-toggle span::before{display:none}}