.h2h-ref{--bg:#080a0d;--bg2:#0e1118;--bg3:#151a22;--bg4:#1c2230;--line:#ffffff0f;--line2:#ffffff1a;--t1:#eef0f4;--t2:#7c8696;--t3:#3d4656;--orange:#f97316;--orange2:#fb923c;--og-dim:#f9731614;--blue:#60a5fa;--blue-dim:#60a5fa14;--green:#4ade80;--gn-dim:#4ade8014;--red:#f87171;--rd-dim:#f8717114;--purple:#a78bfa;--pu-dim:#a78bfa14;--r:6px;--r2:12px}.h2h-ref .wrap{max-width:1000px;margin:0 auto;padding:0 24px 100px}.h2h-ref nav.bc{color:var(--t3);letter-spacing:.04em;padding:22px 0 0;font-size:11px}.h2h-ref nav.bc ol{flex-wrap:wrap;align-items:center;gap:5px;list-style:none;display:flex}.h2h-ref nav.bc a:hover{color:var(--orange)}.h2h-ref nav.bc li:not(:last-child):after{content:"·";margin-left:5px}.h2h-ref .hero{border-bottom:1px solid var(--line);margin-bottom:36px;padding:36px 0 32px;position:relative;overflow:hidden}.h2h-ref .hero-bg-text{color:#f9731608;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.05em;font-family:Syne,sans-serif;font-size:130px;font-weight:800;line-height:1;position:absolute;top:-10px;right:-10px}.h2h-ref .hero-label{letter-spacing:.14em;color:var(--t3);text-transform:uppercase;margin-bottom:20px;font-family:JetBrains Mono,DM Mono,monospace;font-size:10px}.h2h-ref .vs-block{grid-template-columns:1fr 80px 1fr;align-items:center;gap:16px;margin-bottom:24px;display:grid}.h2h-ref .vs-player{align-items:center;gap:14px;display:flex}.h2h-ref .vs-player.right{text-align:right;justify-content:flex-end}.h2h-ref .vs-photo-wrap{border:1px solid var(--line2);border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.h2h-ref .vs-photo-wrap.p1{border-color:#f9731680}.h2h-ref .vs-photo-wrap.p2{border-color:#60a5fa80}.h2h-ref .vs-photo-wrap img{object-fit:cover;width:100%;height:100%}.h2h-ref .vs-name{color:var(--t1);letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:32px;font-weight:800;line-height:1}.h2h-ref .vs-name a:hover{color:var(--orange)}.h2h-ref .vs-name.p2 a:hover{color:var(--blue)}.h2h-ref .vs-sub{color:var(--t3);letter-spacing:.03em;margin-top:6px;font-size:11px}.h2h-ref .vs-center{text-align:center}.h2h-ref .vs-score-big{color:var(--t3);letter-spacing:.12em;margin-bottom:6px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;display:block}.h2h-ref .h2h-big{justify-content:center;align-items:center;gap:12px;font-family:Syne,sans-serif;font-size:48px;font-weight:800;line-height:1;display:flex}.h2h-ref .h2h-big .n1{color:var(--orange)}.h2h-ref .h2h-big .sep{color:var(--t3);font-size:28px}.h2h-ref .h2h-big .n2{color:var(--blue)}.h2h-ref .hero-tags{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.h2h-ref .tag{letter-spacing:.04em;background:var(--bg4);color:var(--t2);border:1px solid var(--line);border-radius:4px;padding:3px 9px;font-size:10px;font-weight:500}.h2h-ref .tag-p1{background:var(--og-dim);color:var(--orange2);border-color:#f9731633}.h2h-ref .tag-p2{background:var(--blue-dim);color:var(--blue);border-color:#60a5fa33}.h2h-ref section h2{color:var(--t3);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-family:Syne,sans-serif;font-size:11px;font-weight:600;display:flex}.h2h-ref section h2:after{content:"";background:var(--line);flex:1;height:1px}.h2h-ref section{margin-bottom:40px}.h2h-ref .surf-grid{background:var(--line);border:1px solid var(--line);border-radius:var(--r2);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:40px;display:grid;overflow:hidden}.h2h-ref .surf-card{background:var(--bg2);padding:12px 10px 10px;position:relative}.h2h-ref .surf-card:before{content:"";background:var(--line);height:2px;position:absolute;top:0;left:0;right:0}.h2h-ref .surf-card.clay:before{background:var(--orange)}.h2h-ref .surf-card.hard:before{background:var(--blue)}.h2h-ref .surf-card.grass:before{background:var(--green)}.h2h-ref .surf-card.indoor:before{background:var(--purple)}.h2h-ref .surf-name{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:6px;font-family:JetBrains Mono,DM Mono,monospace;font-size:9px}.h2h-ref .surf-score{color:var(--t1);margin-bottom:4px;font-family:Syne,sans-serif;font-size:20px;font-weight:700;line-height:1}.h2h-ref .surf-score .p1s{color:var(--orange)}.h2h-ref .surf-score .p2s{color:var(--blue)}.h2h-ref .surf-score .sepsm{color:var(--t3);margin:0 2px;font-size:14px}.h2h-ref .surf-detail{color:var(--t3);font-size:10px}.h2h-ref .next-match{background:var(--bg2);border-radius:var(--r2);border:1px solid #f9731633;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:40px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.h2h-ref .next-match:before{content:"";background:linear-gradient(to right,var(--orange),transparent);height:2px;position:absolute;top:0;left:0;right:0}.h2h-ref .next-match-label{letter-spacing:.14em;color:var(--orange);text-transform:uppercase;margin-bottom:6px;font-family:JetBrains Mono,DM Mono,monospace;font-size:9px}.h2h-ref .next-match-title{color:var(--t1);font-family:Syne,sans-serif;font-size:18px;font-weight:700}.h2h-ref .next-match-meta{color:var(--t3);margin-top:4px;font-size:12px}.h2h-ref .next-match-odds{text-align:right;margin-left:auto;font-family:JetBrains Mono,DM Mono,monospace}.h2h-ref .next-match-odds .odd-p1{color:var(--orange);font-size:22px;font-weight:500}.h2h-ref .next-match-odds .odd-p2{color:var(--blue);margin-top:2px;font-size:16px}.h2h-ref .next-match-odds .odd-label{color:var(--t3);font-size:10px}.h2h-ref .compare-block{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}.h2h-ref .compare-row{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 82px 1fr 80px;align-items:center;gap:8px;padding:8px 16px;display:grid}.h2h-ref .compare-row:last-child{border-bottom:none}.h2h-ref .compare-row.hdr{background:var(--bg3);padding:8px 16px}.h2h-ref .compare-row.hdr .cval{letter-spacing:.04em;font-size:9px}.h2h-ref .compare-row.hdr .cval.p1{color:var(--orange);font-family:JetBrains Mono,DM Mono,monospace}.h2h-ref .compare-row.hdr .cval.p2{color:var(--blue);text-align:right;font-family:JetBrains Mono,DM Mono,monospace}.h2h-ref .compare-row.hdr .cname{color:var(--t2);letter-spacing:.02em;text-align:center;font-size:8px}.h2h-ref .cname{color:var(--t2);text-align:center;letter-spacing:.02em;font-size:9px}.h2h-ref .cval{color:var(--t1);font-family:JetBrains Mono,DM Mono,monospace;font-size:13px;font-weight:500}.h2h-ref .cval.p1{color:var(--orange)}.h2h-ref .cval.p2{color:var(--blue);text-align:right}.h2h-ref .cbar-wrap{background:var(--bg4);border-radius:3px;align-items:center;height:6px;display:flex;overflow:hidden}.h2h-ref .cbar-p1{background:color-mix(in srgb,var(--orange)35%,transparent);border-radius:3px 0 0 3px;height:100%}.h2h-ref .cbar-p2{background:color-mix(in srgb,var(--blue)35%,transparent);border-radius:0 3px 3px 0;flex:1;height:100%}.h2h-ref .form-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.h2h-ref .form-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r2);padding:18px 20px}.h2h-ref .form-player{color:var(--t1);margin-bottom:14px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.h2h-ref .form-player a{color:var(--orange)}.h2h-ref .form-player.p2 a{color:var(--blue)}.h2h-ref .form-summary{color:var(--t2);margin-top:10px;font-size:12px}.h2h-ref .form-summary strong{color:var(--t1)}.h2h-ref .form-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:11px}.h2h-ref .form-table td{border-bottom:1px solid var(--line);color:var(--t2);padding:5px 0}.h2h-ref .form-table tbody tr:last-child td{border-bottom:none}.h2h-ref .ft-date{color:var(--t3);width:42px}.h2h-ref .ft-opp{width:80px}.h2h-ref .ft-score{color:var(--t1);font-family:JetBrains Mono,DM Mono,monospace;font-size:11px}.h2h-ref .v1{color:var(--t1);font-weight:500}.h2h-ref .lo{color:var(--orange)}.h2h-ref .lo:hover{color:var(--orange2)}.h2h-ref .lp{color:var(--blue)}.h2h-ref .lp:hover{color:var(--orange)}.h2h-ref .lm{color:var(--t2)}.h2h-ref .lm:hover{color:var(--orange)}.h2h-ref .rw{background:var(--gn-dim);color:var(--green);letter-spacing:.04em;border-radius:3px;align-items:center;padding:2px 8px;font-family:JetBrains Mono,DM Mono,monospace;font-size:10px;font-weight:500;display:inline-flex}.h2h-ref .rl{background:var(--rd-dim);color:var(--red);letter-spacing:.04em;border-radius:3px;align-items:center;padding:2px 8px;font-family:JetBrains Mono,DM Mono,monospace;font-size:10px;font-weight:500;display:inline-flex}.h2h-ref .tbl-wrap{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}.h2h-ref table{border-collapse:collapse;width:100%;font-size:12px}.h2h-ref caption{display:none}.h2h-ref thead th{color:var(--t3);letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--bg3);padding:10px 14px;font-family:JetBrains Mono,DM Mono,monospace;font-size:10px;font-weight:500}.h2h-ref td{border-bottom:1px solid var(--line);color:var(--t2);vertical-align:middle;padding:10px 14px}.h2h-ref tbody tr:last-child td{border-bottom:none}.h2h-ref tbody tr:hover td{background:#ffffff04}.h2h-ref .mono{font-family:JetBrains Mono,DM Mono,monospace}.h2h-ref .tag-clay-sm{background:var(--og-dim);color:var(--orange2);border-radius:3px;padding:1px 6px;font-size:10px}.h2h-ref .tag-hard-sm{background:var(--blue-dim);color:var(--blue);border-radius:3px;padding:1px 6px;font-size:10px}.h2h-ref .tag-grass-sm{background:var(--gn-dim);color:var(--green);border-radius:3px;padding:1px 6px;font-size:10px}.h2h-ref .tag-indoor-sm{background:var(--pu-dim);color:var(--purple);border-radius:3px;padding:1px 6px;font-size:10px}.h2h-ref .seo-block{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r2);padding:24px 28px}.h2h-ref .seo-block h3{color:var(--t1);margin-bottom:12px;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.h2h-ref .seo-block p{color:var(--t2);margin-bottom:12px;font-size:13px;line-height:1.7}.h2h-ref .seo-block p:last-child{margin-bottom:0}.h2h-ref .player-links{grid-template-columns:1fr 1fr;gap:12px;display:grid}.h2h-ref .player-link-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r2);align-items:center;gap:14px;padding:16px 20px;transition:border-color .15s;display:flex}.h2h-ref .player-link-card:hover{border-color:var(--line2)}.h2h-ref .pl-photo-wrap{border:1px solid var(--line2);border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.h2h-ref .pl-photo-wrap.p1{border-color:#f9731640}.h2h-ref .pl-photo-wrap.p2{border-color:#60a5fa40}.h2h-ref .pl-photo-wrap img{object-fit:cover;width:100%;height:100%}.h2h-ref .pl-name{color:var(--t1);font-family:Syne,sans-serif;font-size:13px;font-weight:700;line-height:1.2}.h2h-ref .pl-meta{color:var(--t3);margin-top:2px;font-size:11px}@media (max-width:640px){.h2h-ref .vs-block{grid-template-columns:1fr 50px 1fr}.h2h-ref .vs-name{font-size:20px}.h2h-ref .h2h-big{font-size:36px}.h2h-ref .surf-grid,.h2h-ref .form-2col{grid-template-columns:1fr}.h2h-ref .compare-row{grid-template-columns:60px 1fr 90px 1fr 60px;padding:10px 12px}.h2h-ref .player-links{grid-template-columns:1fr}}