*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,SF Pro Text,Inter,sans-serif;background:#f2f2f7;color:#1d1d1f;padding-top:44px;font-size:13px;-webkit-font-smoothing:antialiased}.page{max-width:860px;margin:0 auto;padding:40px 40px 80px}.back{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#6e6e73;text-decoration:none;margin-bottom:28px;transition:color .15s}.back:hover{color:#0071e3}.hero{background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 1px 3px #00000012,0 4px 16px #0000000a;margin-bottom:12px}.hero-top{display:flex;align-items:center;gap:28px;margin-bottom:16px}.avatar-ring{flex-shrink:0;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px}.avatar{width:74px;height:74px;border-radius:50%;background:#e8e8ed;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:#6e6e73;letter-spacing:-.5px}.hero-info{flex:1;min-width:0}.hero-name{font-size:24px;font-weight:600;letter-spacing:-.4px;color:#1d1d1f;margin-bottom:8px}.hero-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:0}.tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;letter-spacing:.02em;text-decoration:none;display:inline-flex;align-items:center;transition:opacity .15s,transform .12s;cursor:pointer}.tag:hover{opacity:.75;transform:translateY(-1px)}.bio-grid{display:flex;gap:20px;flex-wrap:wrap}.bio-item{display:flex;flex-direction:column;gap:1px}.bio-label{font-size:10px;font-weight:600;color:#aeaeb2;letter-spacing:.05em;text-transform:uppercase}.bio-value{font-size:13px;color:#1d1d1f;font-weight:500}.ovr-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.ovr-badge{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1}.ovr-label{font-size:10px;font-weight:600;color:#aeaeb2;letter-spacing:.06em;text-transform:uppercase}.compare-btn{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:11px;font-weight:600;color:#0071e3;background:transparent;border:1px solid #0071e3;border-radius:8px;padding:4px 10px;cursor:pointer;transition:background .14s,color .14s;letter-spacing:.02em;white-space:nowrap}.compare-btn:hover{background:#0071e3;color:#fff}.teams-strip{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.teams-strip-label{font-size:10px;font-weight:700;color:#aeaeb2;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;margin-right:2px}.team-chip{display:inline-flex;align-items:center;gap:7px;text-decoration:none;background:#fff;border:1px solid #e5e5ea;border-radius:20px;padding:5px 12px 5px 8px;transition:border-color .15s,box-shadow .15s,transform .12s}.team-chip:hover{border-color:#0071e3;box-shadow:0 0 0 3px #0071e314;transform:translateY(-1px)}.team-chip-logo{width:18px;height:18px;object-fit:contain;flex-shrink:0}.team-chip-text{font-size:11.5px;font-weight:600;color:#1d1d1f;white-space:nowrap}.team-chip-badge{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:.04em;margin-left:1px}.badge-nat{background:#eef4ff;color:#0071e3}.badge-club{background:#f5f0e8;color:#b07800}.badge-decade{background:#f3eeff;color:#7a3fc0}.badge-continent{background:#efffee;color:#1a7a1a}.stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.stat-card{background:#fff;border-radius:12px;padding:14px 12px;text-align:center;box-shadow:0 1px 3px #0000000f}.stat-card .sv{font-size:20px;font-weight:600;color:#1d1d1f;letter-spacing:-.5px}.stat-card .sl{font-size:9.5px;font-weight:600;color:#aeaeb2;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.viz-row{display:grid;grid-template-columns:220px 1fr;gap:12px;margin-bottom:20px;align-items:start}.heatmap-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.viz-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px}.viz-title{font-size:10px;font-weight:700;color:#aeaeb2;letter-spacing:.07em;text-transform:uppercase}.viz-note{font-size:9px;color:#c7c7cc;font-weight:500;font-style:italic}.heatmap-svg{width:100%;height:auto;display:block}.radar-card{background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column}.radar-svg-wrap{display:flex;align-items:center;justify-content:center;padding:0 8px 12px}.radar-svg{width:100%;max-width:260px;height:auto}.gauge-section{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.gauge-item{background:#fff;border-radius:14px;padding:22px 16px 16px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;align-items:center}.gauge-item svg{width:100%;max-width:140px;overflow:visible}.gauge-label{font-size:10px;font-weight:700;color:#aeaeb2;letter-spacing:.07em;text-transform:uppercase;margin-top:6px;text-align:center}.gk-gauge-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px}.gk-gauge-item{background:#fff;border-radius:14px;padding:22px 16px 16px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;align-items:center}.gk-gauge-item svg{width:100%;max-width:140px;overflow:visible}.gk-gauge-label{font-size:10px;font-weight:700;color:#aeaeb2;letter-spacing:.07em;text-transform:uppercase;margin-top:6px;text-align:center}.gk-spectrum-item{background:#fff;border-radius:14px;padding:20px 18px 18px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;align-items:center;justify-content:center}.gk-type-label{font-size:15px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.gk-type-desc{font-size:10px;font-weight:600;color:#aeaeb2;letter-spacing:.04em;margin-bottom:16px;text-align:center}.gk-spectrum-track{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#fee2e2,#dbeafe);position:relative;margin-bottom:10px}.gk-spectrum-dot{width:16px;height:16px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 1px 4px #0000002e;position:absolute;top:50%;transform:translate(-50%,-50%)}.gk-spectrum-ends{display:flex;justify-content:space-between;width:100%}.gk-spectrum-end{font-size:9px;font-weight:700;color:#aeaeb2;letter-spacing:.04em;text-transform:uppercase}.gk-scores-row{display:flex;justify-content:space-between;width:100%;margin-top:10px}.gk-score-item{text-align:center}.gk-score-val{font-size:18px;font-weight:700;letter-spacing:-.5px}.gk-score-sub{font-size:9px;font-weight:600;color:#aeaeb2;letter-spacing:.05em;text-transform:uppercase;margin-top:1px}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.skill-card{background:#fff;border-radius:14px;padding:20px 20px 16px;box-shadow:0 1px 3px #0000000f}.skill-card.full-width{grid-column:1/-1}.skill-cat{font-size:11px;font-weight:700;color:#aeaeb2;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}.skill-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.skill-row:last-child{margin-bottom:0}.skill-abbr{font-size:10px;font-weight:700;color:#6e6e73;letter-spacing:.04em;text-transform:uppercase;min-width:38px}.skill-bar-wrap{flex:1;height:5px;background:#f0f0f5;border-radius:3px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:3px}.skill-val{font-size:12px;font-weight:600;color:#1d1d1f;min-width:24px;text-align:right;font-variant-numeric:tabular-nums}.traits-section{margin-top:14px;background:#fff;border-radius:14px;padding:20px 24px 24px;box-shadow:0 1px 3px #0000000f}.traits-title{font-size:11px;font-weight:700;color:#aeaeb2;letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px}.traits-grid{display:grid;grid-template-columns:repeat(6,60px);gap:12px;justify-content:start}.trait-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:relative;cursor:default;transition:transform .18s}.trait-icon:hover{transform:scale(1.07)}.trait-icon img{width:60px;height:60px;display:block;object-fit:contain}.trait-icon[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#1d1d1f;color:#fff;font-size:10px;font-weight:600;white-space:nowrap;padding:4px 9px;border-radius:6px;pointer-events:none;z-index:20}.trait-icon[data-tip]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1d1d1f;pointer-events:none;z-index:20}.see-also{margin-top:40px}.see-also-label{font-size:11px;font-weight:700;color:#aeaeb2;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;padding-left:2px}.see-also-grid{display:flex;gap:10px;flex-wrap:wrap}.see-also-card{text-decoration:none;display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 1px 3px #0000000f;transition:box-shadow .15s,transform .15s;flex:1;min-width:160px;max-width:calc(20% - 8px)}.see-also-card:hover{box-shadow:0 3px 12px #0000001a;transform:translateY(-1px)}.sa-avatar{width:36px;height:36px;border-radius:50%;background:#e8e8ed;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#6e6e73;flex-shrink:0}.sa-body{flex:1;min-width:0}.sa-name{font-size:12.5px;font-weight:600;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-bottom:4px}.sa-meta{display:flex;align-items:center;gap:6px}.sa-role{font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:4px;letter-spacing:.04em}.sa-ovr{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.cmp-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:none;align-items:flex-end;justify-content:center}.cmp-overlay.open{display:flex}@media(min-width:640px){.cmp-overlay{align-items:center}}.cmp-sheet{background:#f2f2f7;border-radius:20px 20px 0 0;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 32px #0000002e}@media(min-width:640px){.cmp-sheet{border-radius:20px;max-height:85vh}}.cmp-handle{width:36px;height:4px;background:#d1d1d6;border-radius:2px;margin:10px auto 0}.cmp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #e5e5ea}.cmp-title{font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px}.cmp-close{background:none;border:none;font-size:18px;color:#aeaeb2;cursor:pointer;line-height:1;padding:4px;transition:color .12s}.cmp-close:hover{color:#1d1d1f}.cmp-search-phase{display:flex;flex-direction:column;flex:1;overflow:hidden}.cmp-search-wrap{padding:14px 20px 10px}.cmp-search-input{width:100%;font-family:inherit;font-size:14px;padding:10px 14px;border:1.5px solid #e5e5ea;border-radius:12px;background:#fff;color:#1d1d1f;outline:none;transition:border-color .15s}.cmp-search-input:focus{border-color:#0071e3}.cmp-search-hint{font-size:11px;color:#aeaeb2;padding:0 20px 8px}.cmp-list{flex:1;overflow-y:auto;padding:0 12px 16px}.cmp-player-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;cursor:pointer;transition:background .12s}.cmp-player-row:hover{background:#fff}.cmp-p-init{width:34px;height:34px;border-radius:50%;background:#e8e8ed;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#6e6e73;flex-shrink:0}.cmp-p-name{flex:1;font-size:13px;font-weight:500;color:#1d1d1f}.cmp-p-role{font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px}.cmp-p-ovr{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.cmp-compare-phase{display:none;flex-direction:column;flex:1;overflow:hidden}.cmp-compare-phase.active{display:flex}.cmp-players-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid #e5e5ea;background:#fff}.cmp-ph-player{display:flex;flex-direction:column;align-items:center;gap:3px}.cmp-ph-name{font-size:12px;font-weight:600;color:#1d1d1f;text-align:center;line-height:1.2}.cmp-ph-role-badge{font-size:9px;font-weight:700;padding:1px 6px;border-radius:4px}.cmp-ph-ovr{font-size:22px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.cmp-vs{font-size:11px;font-weight:700;color:#aeaeb2;letter-spacing:.05em}.cmp-score-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;background:#f9f9fb;border-bottom:1px solid #e5e5ea}.cmp-score-num{font-size:18px;font-weight:700;letter-spacing:-.3px}.cmp-score-label{font-size:10px;font-weight:600;color:#aeaeb2;letter-spacing:.05em}.cmp-score-sep{font-size:14px;color:#aeaeb2}.cmp-back-btn{background:none;border:none;font-size:11px;font-weight:600;color:#0071e3;cursor:pointer;padding:0;font-family:inherit;display:flex;align-items:center;gap:4px}.cmp-back-btn:hover{opacity:.7}.cmp-skills-scroll{flex:1;overflow-y:auto;padding:12px 16px 24px}.cmp-section-title{font-size:10px;font-weight:700;color:#aeaeb2;letter-spacing:.07em;text-transform:uppercase;margin:14px 4px 8px}@media(max-width:767px){.page{padding:16px 14px 80px}.back{font-size:12px;margin-bottom:16px}.hero{padding:16px;border-radius:14px;margin-bottom:10px}.hero-top{gap:12px;align-items:flex-start;margin-bottom:14px}.avatar-ring{width:62px;height:62px}.avatar{width:56px;height:56px;font-size:17px}.hero-name{font-size:17px;margin-bottom:6px;letter-spacing:-.3px}.hero-tags{gap:5px}.tag{font-size:10px;padding:2px 7px}.ovr-col{gap:4px}.ovr-badge{font-size:28px}.ovr-label{font-size:9px}.compare-btn{font-size:10px;padding:4px 8px;gap:4px}.bio-grid{gap:10px 18px}.bio-label{font-size:9px}.bio-value{font-size:12px}.teams-strip{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;gap:6px}.teams-strip::-webkit-scrollbar{display:none}.team-chip{padding:4px 10px 4px 6px}.team-chip-text{font-size:11px}.team-chip-badge{font-size:9px}.stats-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stat-card{padding:10px 8px;border-radius:10px}.stat-card .sv{font-size:16px}.stat-card .sl{font-size:9px}.viz-row{grid-template-columns:1fr;gap:10px;margin-bottom:14px}.heatmap-card{display:none}.radar-card{border-radius:12px}.radar-svg{max-width:220px}.gauge-section{gap:8px;margin-bottom:14px}.gauge-item{padding:14px 6px 10px;border-radius:12px}.gauge-item svg{max-width:100px}.gauge-label{font-size:9px;margin-top:4px}.gk-gauge-section{gap:8px;margin-bottom:14px}.gk-gauge-item{padding:14px 8px 10px;border-radius:12px}.gk-gauge-item svg{max-width:100px}.gk-gauge-label{font-size:9px;margin-top:4px}.gk-spectrum-item{padding:14px 12px;border-radius:12px}.gk-type-label{font-size:13px}.gk-type-desc{font-size:9px;margin-bottom:12px}.gk-score-val{font-size:15px}.gk-score-sub{font-size:8px}.skills-grid{grid-template-columns:1fr;gap:10px}.skill-card.full-width{grid-column:auto}.skill-card{padding:16px 14px 12px;border-radius:12px}.skill-cat{margin-bottom:12px}.skill-row{margin-bottom:8px;gap:8px}.skill-abbr{min-width:34px;font-size:9.5px}.skill-val{font-size:11px;min-width:22px}.traits-section{padding:16px 14px 18px;border-radius:12px}.traits-grid{grid-template-columns:repeat(5,50px);gap:10px}.trait-icon,.trait-icon img{width:50px;height:50px}.see-also{margin-top:28px}.see-also-grid{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;gap:8px}.see-also-grid::-webkit-scrollbar{display:none}.see-also-card{min-width:152px;max-width:152px;flex-shrink:0;padding:12px 14px;border-radius:12px}.sa-avatar{width:32px;height:32px;font-size:11px}.sa-name{font-size:11.5px}}