@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary-50:#f0fdfe;--color-primary-100:#d0f8fb;--color-primary-200:#a2f0f5;--color-primary-300:#5de3eb;--color-primary-400:#22cdd6;--color-primary-500:#0bb4be;--color-primary-600:#0995a0;--color-primary-700:#0c7882;--color-primary-800:#106069;--color-primary-900:#134f57;--color-accent-400:#ff5cbf;--color-accent-500:#ff3fa4;--color-accent-600:#e0268b;--color-orange-400:#f7b640;--color-orange-500:#f5a623;--color-orange-600:#d98d0e;--color-neutral-50:#fff;--color-neutral-100:#f8f9fa;--color-neutral-200:#eef0f2;--color-neutral-300:#d8dce1;--color-neutral-400:#a8adb5;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-elite:#0bb4be;--color-special:#ff3fa4;--color-good:#f5a623;--color-dont-bother:#e03535;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014, 0 2px 6px #0000000d;--shadow-lg:0 8px 24px #0000001a, 0 4px 10px #0000000f;--transition:.2s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-neutral-100);color:var(--color-neutral-800);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-neutral-900);line-height:1.2}#root{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{background:var(--color-primary-700);border-bottom:3px solid var(--color-accent-500);z-index:100;position:sticky;top:0;box-shadow:0 2px 12px #0003}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{flex-direction:column;gap:0;text-decoration:none;display:flex}.nav-brand-title{font-family:var(--font-display);color:#fff;letter-spacing:.02em;font-size:1.1rem;font-weight:700;line-height:1.2}.nav-brand-sub{color:#ffffffbf;letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:500}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:#ffffffe0;border-radius:var(--radius-md);transition:background var(--transition), color var(--transition);letter-spacing:.02em;padding:7px 13px;font-size:.83rem;font-weight:500;text-decoration:none}.nav-link:hover{color:#fff;background:#fff3}.nav-link.active{background:var(--color-accent-500);color:#fff}.hero{background:linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary-600) 50%, var(--color-accent-600) 100%);text-align:center;padding:72px 24px 64px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.06;background:url(https://images.pexels.com/photos/1409015/pexels-photo-1409015.jpeg?auto=compress&cs=tinysrgb&w=1600) 50%/cover no-repeat;position:absolute;inset:0}.hero-content{z-index:1;max-width:720px;margin:0 auto;position:relative}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9;margin-bottom:16px;font-size:.72rem;font-weight:600}.hero h1{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 12px #00000026;margin-bottom:16px;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.hero-sub{color:#ffffffe6;max-width:560px;margin:0 auto 36px;font-size:1rem;line-height:1.75}.hero-stats{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px #00000026;font-size:2.2rem;font-weight:700;line-height:1}.hero-stat-label{color:#ffffffbf;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:.7rem}.page{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.page-header{margin-bottom:32px}.page-header h2{color:var(--color-neutral-900);margin-bottom:8px;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.page-header p{color:var(--color-neutral-500);max-width:600px;font-size:.95rem;line-height:1.65}.tier-badge{letter-spacing:.04em;white-space:nowrap;border:1px solid;border-radius:100px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.tier-Elite{color:#0c7882;background:#ccf8fa;border-color:#5de3eb}.tier-Special{color:#c01478;background:#ffe0f3;border-color:#ff9ddb}.tier-Good{color:#a06000;background:#fff3d0;border-color:#f7c660}.tier-DontBother{color:#b91c1c;background:#ffe0e0;border-color:#fca5a5}.leaderboard{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);background:#fff;overflow:hidden}.lb-header{background:var(--color-primary-700);color:#ffffffe6;text-transform:uppercase;letter-spacing:.08em;grid-template-columns:48px 1fr 80px 80px 80px 80px 80px 110px;align-items:center;gap:8px;padding:11px 20px;font-size:.68rem;font-weight:600;display:grid}.lb-row{border-bottom:1px solid var(--color-neutral-100);cursor:pointer;transition:background var(--transition);color:inherit;grid-template-columns:48px 1fr 80px 80px 80px 80px 80px 110px;align-items:center;gap:8px;padding:13px 20px;text-decoration:none;display:grid}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:var(--color-primary-50)}.lb-rank{color:var(--color-neutral-400);font-size:.9rem;font-weight:700}.lb-rank.gold{color:#d98d0e}.lb-rank.silver{color:#71717a}.lb-rank.bronze{color:#b45309}.lb-name{color:var(--color-primary-700);font-size:.92rem;font-weight:600;line-height:1.3}.lb-name-sub{color:var(--color-neutral-400);margin-top:1px;font-size:.72rem;font-weight:400}.lb-score{text-align:center;font-size:.95rem;font-weight:700}.lb-score.elite{color:var(--color-elite)}.lb-score.special{color:var(--color-primary-600)}.lb-score.good{color:var(--color-good)}.lb-score.dont{color:var(--color-dont-bother)}.lb-cell{text-align:center;color:var(--color-neutral-600);font-size:.83rem}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-btn{border:1px solid var(--color-neutral-300);color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition);background:#fff;border-radius:100px;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:500}.filter-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.filter-btn.active{background:var(--color-primary-700);border-color:var(--color-primary-700);color:#fff}.score-bar-wrap{align-items:center;gap:8px;display:flex}.score-bar{background:var(--color-neutral-100);border-radius:3px;flex:1;height:5px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg, var(--color-primary-400), var(--color-primary-600));border-radius:3px;height:100%;transition:width .6s}.score-bar-val{color:var(--color-neutral-700);text-align:right;min-width:28px;font-size:.78rem;font-weight:600}.attr-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.attr-card{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:12px 14px}.attr-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-500);margin-bottom:8px;font-size:.67rem;font-weight:600}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:36px;display:grid}.summary-card{border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);background:#fff;padding:18px 20px}.summary-card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-500);margin-bottom:6px;font-size:.7rem;font-weight:600}.summary-card-value{font-family:var(--font-display);color:var(--color-primary-700);font-size:1.9rem;font-weight:700;line-height:1}.summary-card-sub{color:var(--color-neutral-500);margin-top:4px;font-size:.75rem}.profile-header{background:linear-gradient(135deg, var(--color-primary-800), var(--color-primary-600));color:#fff;border-radius:var(--radius-xl);margin-bottom:32px;padding:40px;position:relative;overflow:hidden}.profile-header:before{content:"";background:#ffffff0d;border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.profile-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-title{font-family:var(--font-display);color:#fff;margin-bottom:6px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.profile-meta{color:var(--color-primary-200);font-size:.82rem}.profile-scores{flex-wrap:wrap;gap:32px;margin-top:24px;display:flex}.profile-score-item{text-align:center}.profile-score-label{color:#ffffffbf;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.67rem}.profile-score-value{font-family:var(--font-display);color:#fff;font-size:2.2rem;font-weight:700}.profile-score-rank{color:#ffffffbf;margin-top:2px;font-size:.78rem}.field-notes{background:var(--color-neutral-50);border-left:4px solid var(--color-orange-500);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-neutral-700);padding:18px 22px;font-size:.93rem;font-style:italic;line-height:1.75}.section-title{color:var(--color-neutral-700);border-bottom:1px solid var(--color-neutral-200);letter-spacing:.02em;margin-bottom:14px;padding-bottom:8px;font-size:1rem;font-weight:600}.data-table{border-collapse:collapse;width:100%;font-size:.88rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#ffffffe6;background:var(--color-primary-700);padding:11px 16px;font-size:.68rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-neutral-100);vertical-align:middle;padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-primary-50);cursor:pointer}.data-table .rank-cell{color:var(--color-neutral-400);font-weight:700}.info-box{border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);background:#f0fdfe;margin-bottom:20px;padding:20px 24px}.info-box h4{color:var(--color-primary-700);margin-bottom:6px;font-size:.95rem;font-weight:600}.info-box p{color:var(--color-primary-800);font-size:.88rem;line-height:1.65}.weight-table{border-collapse:collapse;width:100%;font-size:.87rem}.weight-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-500);border-bottom:2px solid var(--color-neutral-200);padding:9px 14px;font-size:.68rem;font-weight:600}.weight-table td{border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700);padding:9px 14px}.weight-table tr:last-child td{border-bottom:none}.weight-table .wt-cell{color:var(--color-primary-600);font-weight:600}.tabs{border-bottom:2px solid var(--color-neutral-200);gap:2px;margin-bottom:28px;display:flex}.tab{color:var(--color-neutral-500);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:9px 16px;font-family:inherit;font-size:.83rem;font-weight:500}.tab:hover{color:var(--color-primary-500)}.tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-500);font-weight:600}.back-btn{color:var(--color-primary-600);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-family:inherit;font-size:.83rem;font-weight:500;text-decoration:none;display:inline-flex}.back-btn:hover{color:var(--color-primary-800)}.loading{min-height:300px;color:var(--color-neutral-400);justify-content:center;align-items:center;font-size:.9rem;display:flex}.footer{background:var(--color-neutral-900);color:var(--color-neutral-500);text-align:center;border-top:3px solid var(--color-primary-600);margin-top:auto;padding:28px 24px;font-size:.78rem;line-height:1.65}.footer strong{color:var(--color-neutral-300)}.public-badge{color:var(--color-neutral-400);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);vertical-align:middle;border-radius:100px;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:400}.racquet-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.racquet-card{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);text-align:center;padding:14px 16px}.racquet-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-500);margin-bottom:6px;font-size:.68rem;font-weight:600}.racquet-score{font-family:var(--font-display);color:var(--color-primary-700);font-size:1.8rem;font-weight:700}.racquet-sub{color:var(--color-neutral-400);margin-top:2px;font-size:.72rem}.data-quality-badge{border-radius:100px;padding:2px 8px;font-size:.67rem;font-weight:500}.dq-confirmed{color:#0b5558;background:#d0f5f6}.dq-estimated{color:#a06000;background:#fff3d0}.divider{background:var(--color-neutral-200);height:1px;margin:36px 0}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);background:#fff;overflow:hidden}.lb-row.highlight{background:#fff8e6}@media (width<=900px){.lb-header,.lb-row{grid-template-columns:40px 1fr 72px 72px 72px 110px}.lb-hide-md{display:none}}@media (width<=600px){.lb-header,.lb-row{grid-template-columns:36px 1fr 68px 100px}.lb-hide-sm{display:none}.hero{padding:48px 20px 40px}.profile-header{padding:24px 20px}.grid-2,.grid-3{grid-template-columns:1fr}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.nav-link span{display:none}}