.container{max-width:var(--container-width);padding:0 var(--space-5);margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,to{box-shadow:0 0 #10b98140}50%{box-shadow:0 0 18px 4px #10b9811f}}@keyframes vsGlow{0%,to{box-shadow:0 0 12px #6366f14d,0 0 24px #6366f11a}50%{box-shadow:0 0 20px #6366f180,0 0 40px #6366f126}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.h2h-header{text-align:center;border-bottom:1px solid var(--border);background:radial-gradient(at 50% -20%,#6366f126 0%,#0000 70%);padding:4rem 0 3rem;position:relative;overflow:hidden}.h2h-header h1{font-family:var(--font-display);font-size:var(--text-5xl);color:var(--text);letter-spacing:-.5px;margin-bottom:.5rem;font-weight:800;animation:.5s fadeInUp}.h2h-header p{font-size:var(--text-lg);color:var(--text-3);animation:.5s .1s both fadeInUp}.pro-badge-inline{background:linear-gradient(135deg,var(--accent),var(--accent),var(--accent),var(--accent));color:var(--surface);font-size:var(--text-2xs);border-radius:var(--radius-xs);letter-spacing:.8px;vertical-align:middle;text-shadow:0 1px 2px #0003;background-size:200%;align-items:center;margin-left:8px;padding:3px 8px;font-weight:800;animation:3s linear infinite shimmer;display:inline-flex}.athlete-selection{grid-template-columns:1fr auto 1fr;align-items:end;gap:1.2rem;max-width:820px;margin:1.8rem auto;animation:.4s .15s both fadeInUp;display:grid}.athlete-selector{position:relative}.athlete-selector label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);margin-bottom:.5rem;font-weight:700;display:block}.athlete-selector input{border:1.5px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);width:100%;color:var(--text);font-size:var(--text-xl);box-sizing:border-box;background:#0f162966;outline:none;padding:1rem 1.25rem;font-family:inherit;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.athlete-selector input::placeholder{color:var(--text-3)}.athlete-selector input:focus{border-color:var(--indigo);background:var(--surface-2);box-shadow:0 0 0 3px #6366f11f,0 4px 16px #6366f114}.athlete-selector input.has-selection{border-color:var(--green);background:#10b98114;box-shadow:0 0 0 3px #10b98114}.autocomplete-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-height:300px;z-index:var(--z-sticky);box-shadow:0 12px 36px #00000026,0 0 0 1px var(--border);margin-top:6px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-dropdown.open{animation:.2s fadeInUp;display:block}.autocomplete-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.6rem .9rem;transition:all .15s;display:flex}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--surface-2)}.autocomplete-item .name{font-weight:600;font-size:var(--text-md);color:var(--text)}.autocomplete-item .nation{font-size:var(--text-xs);color:var(--indigo);border-radius:var(--radius-xs);background:#6366f11f;padding:2px 7px;font-weight:500}.vs-divider{background:linear-gradient(135deg,var(--indigo),var(--indigo));width:48px;height:48px;color:var(--surface);font-size:var(--text-md);letter-spacing:1px;border-radius:50%;justify-content:center;align-self:center;align-items:center;margin:0 auto;padding:0;font-weight:800;animation:2.5s ease-in-out infinite vsGlow;display:flex}.compare-btn{background:linear-gradient(135deg,var(--indigo),var(--indigo-light));max-width:380px;color:var(--surface);border-radius:var(--radius-lg);font-size:var(--text-xl);cursor:pointer;letter-spacing:.5px;border:none;margin:2rem auto 0;padding:1rem 3rem;font-family:inherit;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 4px 12px #6366f133}.compare-btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .3s;position:absolute;inset:0}.compare-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #4f46e559}.compare-btn:hover:not(:disabled):after{opacity:1}.compare-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--text-3)}.selected-athlete{border-radius:var(--radius);background:#10b98114;border:1px solid #10b98133;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .7rem;animation:.25s fadeInUp;display:none}.selected-athlete.visible{display:flex}.selected-athlete .sa-name{font-weight:600;font-size:var(--text-base);color:var(--green);flex:1}.selected-athlete .sa-nation{font-size:var(--text-xs);color:var(--text-2)}.selected-athlete .sa-clear{color:var(--text-3);cursor:pointer;font-size:var(--text-md);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;transition:all .2s}.selected-athlete .sa-clear:hover{color:var(--red);background:#ef44441f}.h2h-summary{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:740px;margin:0 auto 2rem;animation:.4s fadeInUp;display:grid}.h2h-player-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:1.3rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.h2h-player-card:before{content:"";background:linear-gradient(90deg,var(--border),var(--border),var(--border));height:3px;transition:all .3s;position:absolute;top:0;left:0;right:0}.h2h-player-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.h2h-player-card.winner{border-color:var(--green);animation:3s ease-in-out infinite subtlePulse;box-shadow:0 4px 20px #10b9811f}.h2h-player-card.winner:before{background:linear-gradient(90deg,var(--green),var(--green),var(--green))}.h2h-player-name{font-size:var(--text-xl);color:var(--text);margin-bottom:.2rem;font-weight:700}.h2h-player-nation{font-size:var(--text-sm);color:var(--text-2);margin-bottom:.75rem}.h2h-wins{font-size:var(--text-4xl);margin-bottom:.25rem;font-weight:800;line-height:1}.h2h-wins.green{color:var(--green)}.h2h-wins.blue{color:var(--indigo-light)}.h2h-wins-label{font-size:var(--text-2xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;font-weight:700}.h2h-avg{font-size:var(--text-base);color:var(--text-2);font-variant-numeric:tabular-nums;margin-top:.5rem}.h2h-avg span{color:var(--text);font-weight:700}.h2h-vs-center{text-align:center}.h2h-total-badge{border-radius:var(--radius-md);background:#f59e0b14;border:1.5px solid #f59e0b40;flex-direction:column;align-items:center;padding:.75rem 1rem;display:inline-flex;box-shadow:0 2px 12px #f59e0b14}.h2h-total-number{font-size:var(--text-3xl);background:linear-gradient(135deg,var(--amber),var(--amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.h2h-total-label{font-size:var(--text-2xs);color:var(--amber);text-transform:uppercase;letter-spacing:.8px;margin-top:.25rem;font-weight:600}.h2h-ties-label{font-size:var(--text-xs);color:var(--text-3);margin-top:.4rem}.h2h-comp-group{margin-bottom:1rem;animation:.3s fadeInUp}.h2h-comp-header{background:var(--surface-2);border-radius:var(--radius-md)12px 0 0;border:1.5px solid var(--border);border-bottom:none;align-items:center;gap:.6rem;padding:.55rem .85rem;display:flex}.h2h-comp-name{font-weight:700;font-size:var(--text-md);color:var(--text);flex:1}.h2h-comp-season{font-size:var(--text-xs);color:var(--indigo-light);border-radius:var(--radius-xs);background:#6366f11f;padding:2px 8px;font-weight:600}.h2h-segment-table{border-collapse:collapse;width:100%;font-size:var(--text-base);background:var(--surface);border:1.5px solid var(--border);border-top:none;border-radius:0 0 12px 12px;overflow:hidden}.h2h-segment-table th{background:var(--table-header-bg);color:var(--text-3);font-weight:600;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.5px;text-align:center;border-bottom:1.5px solid var(--border);padding:.4rem .6rem}.h2h-segment-table th:first-child{text-align:left}.h2h-segment-table td{text-align:center;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text-2);padding:.5rem .6rem;transition:all .15s}.h2h-segment-table td:first-child{text-align:left;color:var(--text);font-weight:500}.h2h-segment-table td a{color:var(--text);text-decoration:none;transition:color .2s}.h2h-segment-table td a:hover{color:var(--indigo-light);text-decoration:underline}.h2h-segment-table tbody tr{transition:all .2s}.h2h-segment-table tbody tr:hover{background:var(--table-row-hover)}.score-winner{font-weight:700;color:var(--green)!important}.rank-winner{font-weight:800;color:var(--green)!important}.rank-loser{color:var(--text-3)}.h2h-segment-table .comp-total-row td{border-top:2px solid var(--border);font-weight:700;font-size:var(--text-base);background:var(--surface-2);padding-top:.55rem;padding-bottom:.55rem}.h2h-filter-tabs{background:var(--surface-2);border-radius:var(--radius);gap:.35rem;margin-bottom:.75rem;padding:3px;display:flex}.h2h-filter-tab{border-radius:var(--radius);color:var(--text-3);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:.4rem 1rem;font-family:inherit;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.h2h-filter-tab:hover{color:var(--text);background:#0000000a}.h2h-filter-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0003}.h2h-segment-stats{grid-template-columns:1fr 1fr;gap:.75rem;max-width:740px;margin:1rem auto 2rem;display:grid}.h2h-seg-stat-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.85rem 1rem;transition:all .25s}.h2h-seg-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.h2h-seg-stat-title{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.6px;color:var(--indigo-light);align-items:center;gap:.4rem;margin-bottom:.6rem;font-weight:700;display:flex}.h2h-seg-stat-title:before{content:"";background:linear-gradient(180deg,var(--indigo),var(--indigo-light));border-radius:2px;width:3px;height:12px;display:inline-block}.h2h-seg-stat-row{font-size:var(--text-base);color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.15rem 0;display:flex}.h2h-seg-stat-row .val{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.h2h-seg-stat-row .val.higher{color:var(--green)}.h2h-empty{text-align:center;padding:4rem 1rem;animation:.4s fadeInUp}.h2h-empty .icon{font-size:var(--text-5xl);margin-bottom:1rem}.h2h-empty h3{color:var(--text);font-size:var(--text-xl);margin-bottom:.4rem}.h2h-empty p{color:var(--text-3);font-size:var(--text-md)}.h2h-match-history-title{color:var(--text);font-size:var(--text-lg);margin:0;font-weight:700}@media (max-width:640px){.h2h-header{padding:1.8rem 0 1.5rem}.athlete-selection{grid-template-columns:1fr;gap:.5rem}.vs-divider{width:36px;height:36px;font-size:var(--text-xs);margin:.3rem auto}.h2h-header h1{font-size:var(--text-2xl)}.h2h-summary{grid-template-columns:1fr;gap:.6rem}.h2h-vs-center{order:-1}.h2h-segment-table{font-size:var(--text-xs)}.h2h-segment-table th,.h2h-segment-table td{padding:.3rem .35rem}.h2h-comp-header{flex-wrap:wrap}.h2h-player-card{border-radius:var(--radius-md);padding:1rem .8rem}.h2h-player-name{font-size:var(--text-md)}.h2h-wins{font-size:var(--text-3xl)}.h2h-segment-stats{grid-template-columns:1fr}.h2h-filter-tabs{flex-wrap:wrap}}.h2h-section-top{padding-top:1rem;padding-bottom:.5rem}.h2h-section-pt{padding-top:.5rem}.h2h-seg-stat-row--divider{border-top:1px solid var(--border);margin-top:.3rem;padding-top:.3rem}.h2h-match-history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.h2h-winner-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.h2h-winner-badge--1{color:var(--green)}.h2h-winner-badge--2{color:var(--blue)}.h2h-winner-badge--draw{color:var(--text-3);font-weight:400}.h2h-pricing-btn{margin-top:1rem;text-decoration:none;display:inline-block}