.chart-wrap{width:100%;position:relative;overflow:hidden}.bar-chart{flex-direction:column;gap:6px;width:100%;display:flex}.bar-row{grid-template-columns:180px 1fr 56px;align-items:center;gap:10px;min-height:36px;display:grid}.bar-row--sm{grid-template-columns:140px 1fr 46px;min-height:28px}.bar-label{font-family:var(--font-body,sans-serif);font-size:var(--fs-sm,14px);text-transform:uppercase;letter-spacing:.02em;color:var(--hwr-ink,#0f0f21);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;min-width:0;font-weight:700;display:flex;overflow:hidden}.bar-label img{object-fit:contain;border:1px solid var(--hwr-ink,#0f0f21);border-radius:0;flex-shrink:0;width:20px;height:20px}.bar-label--sm img{width:16px;height:16px}.bar-track{background:var(--hwr-paper,#f4f2ec);border:2px solid var(--hwr-ink,#0f0f21);border-radius:0;height:28px;position:relative;overflow:hidden}.bar-track--sm{height:22px}.bar-fill{height:100%;box-shadow:inset -2px 0 0 var(--hwr-ink,#0f0f21);border-radius:0;transition:width .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.bar-fill--roar{background:var(--hwr-roar,#fe3b00)}.bar-fill--ink{background:var(--hwr-ink,#0f0f21)}.bar-fill--league{background:var(--bar-lc,var(--hwr-roar,#fe3b00));opacity:1}.bar-value{font-family:var(--font-display,sans-serif);font-size:var(--fs-xl,31px);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--hwr-ink,#0f0f21);text-align:right;white-space:nowrap;letter-spacing:-.02em;transform:skewX(var(--skew,-8deg));transform-origin:100%;font-weight:800;line-height:1}.bar-value--sm{font-size:var(--fs-md,20px)}.bar-rank{background:var(--hwr-paper,#f4f2ec);border:2px solid var(--hwr-ink,#0f0f21);min-width:18px;height:18px;font-family:var(--font-display,sans-serif);font-variant-numeric:tabular-nums;color:var(--hwr-ink,#0f0f21);pointer-events:none;justify-content:center;align-items:center;padding:0 3px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.bar-sublabel{background:var(--hwr-ink,#0f0f21);height:16px;color:var(--hwr-paper,#f4f2ec);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;pointer-events:none;align-items:center;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.donut-wrap{align-items:center;gap:18px;display:flex}.donut-svg{flex:none;overflow:visible}.donut-track{fill:none;stroke:var(--hwr-soft,#ece9e1)}.donut-fill{fill:none;stroke-linecap:butt;transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1)}.donut-center-text{font-family:var(--font-display,sans-serif);font-variant-numeric:tabular-nums;fill:var(--hwr-ink,#0f0f21);dominant-baseline:central;text-anchor:middle;font-weight:800}.donut-meta{flex:1}.donut-pct{font-family:var(--font-display,sans-serif);font-size:var(--fs-3xl,49px);font-variant-numeric:tabular-nums;color:var(--hwr-roar,#fe3b00);letter-spacing:-.02em;font-weight:800;line-height:1}.donut-label{font-family:var(--font-body,sans-serif);font-size:var(--fs-sm,14px);text-transform:uppercase;letter-spacing:.04em;color:var(--hwr-ink,#0f0f21);margin-top:4px;font-weight:700}.scatter-bars{flex-direction:column;gap:8px;width:100%;display:flex}.scatter-row{grid-template-columns:150px 1fr 1fr;align-items:center;gap:8px;min-height:32px;display:grid}.scatter-label{font-family:var(--font-body,sans-serif);font-size:var(--fs-sm,14px);text-transform:uppercase;letter-spacing:.02em;color:var(--hwr-ink,#0f0f21);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:700;display:flex;overflow:hidden}.scatter-label img{object-fit:contain;border:1px solid var(--hwr-ink,#0f0f21);border-radius:0;flex-shrink:0;width:18px;height:18px}.scatter-pair{align-items:center;gap:6px;display:flex}.scatter-bar{background:var(--hwr-paper,#f4f2ec);border:2px solid var(--hwr-ink,#0f0f21);border-radius:0;flex:1;height:22px;position:relative;overflow:hidden}.scatter-bar-fill{border-radius:0;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0}.scatter-bar-fill--gf{background:var(--hwr-roar,#fe3b00);left:0}.scatter-bar-fill--ga{background:var(--hwr-ink,#0f0f21);left:0}.scatter-val{font-family:var(--font-display,sans-serif);font-variant-numeric:tabular-nums;color:var(--hwr-ink,#0f0f21);text-align:right;min-width:28px;font-size:14px;font-weight:800}.compete-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.compete-card{background:var(--hwr-white,#fff);border:2px solid var(--hwr-ink,#0f0f21);box-shadow:6px 6px 0 var(--hwr-ink,#0f0f21);border-radius:0;flex-direction:column;gap:9px;padding:14px 16px;display:flex}.compete-name{font-family:var(--font-display,sans-serif);font-size:var(--fs-base,16px);text-transform:uppercase;letter-spacing:.01em;color:var(--hwr-ink,#0f0f21);align-items:center;gap:8px;font-weight:800;display:flex}.compete-dot{border:2px solid var(--hwr-ink,#0f0f21);border-radius:50%;flex-shrink:0;width:12px;height:12px}.compete-spread-bar{background:var(--hwr-paper,#f4f2ec);border:2px solid var(--hwr-ink,#0f0f21);border-radius:0;height:12px;position:relative;overflow:hidden}.compete-spread-fill{background:var(--bar-lc,var(--hwr-roar,#fe3b00));border-radius:0;height:100%;position:absolute;top:0;left:0}.compete-stats{font-size:var(--fs-xs,12px);color:var(--hwr-ink,#0f0f21);text-transform:uppercase;letter-spacing:.03em;gap:14px;font-weight:600;display:flex}.compete-stats strong{font-family:var(--font-display,sans-serif);font-variant-numeric:tabular-nums;color:var(--hwr-ink,#0f0f21);font-weight:800}.chart-legend{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.legend-item{font-size:var(--fs-xs,12px);color:var(--hwr-ink,#0f0f21);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-weight:800;display:flex}.legend-swatch{border:2px solid var(--hwr-ink,#0f0f21);border-radius:0;flex-shrink:0;width:14px;height:14px}.chart-insight{background:var(--hwr-soft,#ece9e1);border:2px solid var(--hwr-ink,#0f0f21);border-left-width:6px;border-left-color:var(--hwr-roar,#fe3b00);font-size:var(--fs-sm,14px);color:var(--hwr-ink,#0f0f21);line-height:var(--lh-normal,1.5);border-radius:0;margin-top:14px;padding:12px 16px}.chart-insight strong{color:var(--hwr-ink,#0f0f21);font-weight:800}.analitica-hero{background:var(--hwr-ink,#0f0f21);color:var(--hwr-paper,#f4f2ec);border-bottom:6px solid var(--hwr-roar,#fe3b00);padding:48px 0 40px;position:relative;overflow:hidden}.analitica-hero:before{content:"";background:var(--hwr-roar,#fe3b00);border:6px solid var(--hwr-paper,#f4f2ec);pointer-events:none;width:260px;height:260px;position:absolute;top:-60px;right:-60px;transform:rotate(45deg)}.analitica-hero .kicker{background:var(--hwr-roar,#fe3b00);color:var(--hwr-paper,#f4f2ec);border:2px solid var(--hwr-paper,#f4f2ec);font-size:var(--fs-xs,12px);letter-spacing:var(--tracking-caps,.08em);text-transform:uppercase;margin-bottom:14px;padding:4px 10px;font-weight:800;display:inline-block;position:relative}.analitica-hero h1{font-family:var(--font-display,sans-serif);font-size:clamp(32px,6vw,64px);font-weight:800;line-height:var(--lh-tight,1.02);letter-spacing:var(--tracking-display,-.02em);text-transform:uppercase;margin-bottom:10px;position:relative}.analitica-hero h1 em{color:var(--hwr-roar,#fe3b00);font-style:normal}.analitica-hero .sub{font-size:var(--fs-base,16px);color:var(--hwr-paper,#f4f2ec);opacity:.85;max-width:560px;line-height:var(--lh-normal,1.5);position:relative}.analitica-body{padding:32px 0 64px}.analitica-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.analitica-full{grid-column:1/-1}.chart-panel{background:var(--hwr-white,#fff);border:2px solid var(--hwr-ink,#0f0f21);box-shadow:6px 6px 0 var(--hwr-ink,#0f0f21);border-radius:0;padding:22px 24px 20px}.chart-panel-head{border-bottom:2px solid var(--hwr-ink,#0f0f21);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:18px;padding-bottom:10px;display:flex}.chart-panel-head h3{font-family:var(--font-display,sans-serif);font-size:var(--fs-lg,25px);letter-spacing:var(--tracking-display,-.02em);text-transform:uppercase;color:var(--hwr-ink,#0f0f21);align-items:center;gap:10px;font-weight:800;line-height:1;display:inline-flex}.chart-panel-head h3 .acc{background:var(--hwr-roar,#fe3b00);border:2px solid var(--hwr-ink,#0f0f21);border-radius:0;width:10px;height:22px;display:inline-block;transform:skew(-10deg)}.chart-panel-head .tag{font-size:var(--fs-xs,12px);text-transform:uppercase;letter-spacing:var(--tracking-caps,.08em);color:var(--hwr-paper,#f4f2ec);background:var(--hwr-ink,#0f0f21);white-space:nowrap;padding:3px 8px;font-weight:800}@media (max-width:768px){.analitica-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:110px 1fr 36px}.bar-label{font-size:var(--fs-xs,12px)}.scatter-row{grid-template-columns:100px 1fr 1fr}.scatter-label{font-size:var(--fs-xs,12px)}.chart-panel{box-shadow:4px 4px 0 var(--hwr-ink,#0f0f21);padding:16px 16px 14px}}@media (max-width:480px){.bar-row{grid-template-columns:90px 1fr 32px}.compete-grid{grid-template-columns:1fr}}
.cmp-picker{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;margin:0 0 28px;display:grid}.cmp-vs{font-family:var(--font-display,sans-serif);color:var(--hwr-roar,#fe3b00);-webkit-user-select:none;user-select:none;align-self:center;padding-top:26px;font-size:clamp(22px,4vw,34px);font-weight:800;line-height:1}.cmp-selector{background:var(--hwr-white,#fff);border:1.5px solid var(--color-line,#ddd);border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-sm,0 2px 8px #0f0f211a);padding:14px 16px;position:relative}.cmp-selector-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.cmp-slot-label{font-size:var(--fs-xs,12px);text-transform:uppercase;letter-spacing:var(--tracking-caps,.08em);color:var(--gray-500,#8a8a8a);margin-right:auto;font-weight:800}.cmp-link-btn{cursor:pointer;color:var(--hwr-roar,#fe3b00);background:0 0;border:none;padding:2px 4px;font-size:12px;font-weight:700}.cmp-link-btn--muted{color:var(--gray-500,#8a8a8a)}.cmp-link-btn:hover{text-decoration:underline}.cmp-current{font-family:var(--font-display,sans-serif);color:var(--hwr-ink,#0f0f21);padding:4px 0 2px;font-size:clamp(18px,3vw,24px);font-weight:800;line-height:1.1}.cmp-input{border:1.5px solid var(--color-line,#ddd);width:100%;font-size:15px;font-family:var(--font-body,system-ui);border-radius:12px;outline:none;padding:11px 14px;transition:border-color .15s}.cmp-input:focus{border-color:var(--hwr-roar,#fe3b00)}.cmp-results{z-index:30;background:var(--hwr-white,#fff);border:1.5px solid var(--color-line,#ddd);border-radius:14px;max-height:320px;margin-top:8px;padding:6px;position:absolute;left:12px;right:12px;overflow-y:auto;box-shadow:0 12px 32px #0f0f212e}.cmp-result-group{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500,#8a8a8a);padding:8px 10px 4px;font-size:11px;font-weight:800}.cmp-result{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .12s;display:flex}.cmp-result:hover{background:var(--hwr-paper,#efefef)}.cmp-result img,.cmp-result-ph{object-fit:cover;background:#eef;border-radius:50%;flex:none;width:28px;height:28px}.cmp-result-name{color:var(--hwr-ink,#0f0f21);font-size:14px;font-weight:700}.cmp-result-meta{color:var(--gray-500,#8a8a8a);white-space:nowrap;margin-left:auto;padding-left:8px;font-size:12px}.cmp-result-empty{color:var(--gray-500,#8a8a8a);text-align:center;padding:14px 10px;font-size:13px}.cmp-vs-head{background:linear-gradient(110deg, var(--hwr-ink,#0f0f21), #1a1a2e);border-radius:var(--radius-lg,20px);color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:26px;padding:22px 24px;display:grid}.cmp-contender{align-items:center;gap:14px;min-width:0;display:flex}.cmp-contender--b{text-align:right;flex-direction:row-reverse}.cmp-contender img,.cmp-contender .cmp-ph{object-fit:cover;border:3px solid var(--hwr-roar,#fe3b00);background:#eef;border-radius:50%;flex:none;width:64px;height:64px}.cmp-contender--b img,.cmp-contender--b .cmp-ph{border-color:#fff}.cmp-contender-name{font-family:var(--font-display,sans-serif);overflow-wrap:anywhere;min-width:0;font-size:clamp(18px,3.5vw,30px);font-weight:800;line-height:1.02}.cmp-contender-sub{color:#fff9;margin-top:4px;font-size:12px}.cmp-vs-mid{text-align:center}.cmp-vs-badge{font-family:var(--font-display,sans-serif);color:var(--hwr-roar,#fe3b00);font-size:clamp(22px,5vw,40px);font-weight:800;line-height:1}.cmp-score{font-family:var(--font-display,sans-serif);color:#ffffffd9;white-space:nowrap;margin-top:6px;font-size:13px}.cmp-verdict{background:var(--hwr-paper,#e5e5e5);border-left:5px solid var(--hwr-roar,#fe3b00);border-radius:0 var(--radius-lg,20px) var(--radius-lg,20px) 0;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:26px;padding:16px 22px;display:flex}.cmp-verdict-label{font-size:var(--fs-xs,12px);text-transform:uppercase;letter-spacing:.08em;color:var(--gray-700,#4a4a4a);font-weight:800}.cmp-verdict-winner{font-family:var(--font-display,sans-serif);color:var(--hwr-ink,#0f0f21);font-size:clamp(20px,4vw,30px);font-weight:800;line-height:1}.cmp-verdict-winner em{color:var(--hwr-roar,#fe3b00);font-style:normal}.cmp-verdict-count{color:var(--gray-700,#4a4a4a);margin-left:auto;font-size:13px;font-weight:700}.h2h{flex-direction:column;gap:9px;display:flex}.h2h-row{grid-template-columns:1fr minmax(120px,.9fr) 1fr;align-items:center;gap:10px;display:grid}.h2h-side{align-items:center;gap:8px;display:flex}.h2h-side--a{flex-direction:row-reverse;justify-content:flex-end}.h2h-side--b{justify-content:flex-start}.h2h-track{background:var(--color-line-soft,#f0f0f0);border-radius:8px;flex:auto;height:16px;display:flex;position:relative;overflow:hidden}.h2h-track--a{justify-content:flex-end}.h2h-track--b{justify-content:flex-start}.h2h-fill{border-radius:8px;height:100%;transition:width .3s}.h2h-val{font-family:var(--font-display,sans-serif);color:var(--gray-700,#4a4a4a);text-align:center;white-space:nowrap;align-items:center;gap:4px;min-width:44px;font-size:15px;font-weight:800;display:inline-flex}.h2h-val--win{color:var(--hwr-ink,#0f0f21)}.h2h-crown{color:var(--hwr-roar,#fe3b00);font-size:10px}.h2h-metric{text-align:center;color:var(--hwr-ink,#0f0f21);font-size:13px;font-weight:700;line-height:1.15}.h2h-unit{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500,#8a8a8a);margin-top:1px;font-size:10px;font-weight:700;display:block}.cmp-empty{text-align:center;padding:36px 0 12px}.cmp-empty h3{font-family:var(--font-display,sans-serif);color:var(--hwr-ink,#0f0f21);margin-bottom:8px;font-size:clamp(20px,4vw,28px);font-weight:800}.cmp-empty p{color:var(--gray-700,#4a4a4a);max-width:460px;margin:0 auto;font-size:14px;line-height:1.5}.duel-head{justify-content:space-between;align-items:baseline;gap:12px;max-width:880px;margin:30px auto 12px;padding:0 2px;display:flex}.duel-head-kicker{font-family:var(--font-display,sans-serif);letter-spacing:.01em;color:var(--hwr-ink,#0f0f21);font-size:clamp(15px,2.4vw,19px);font-weight:800;position:relative}.duel-head-kicker:after{content:"";background:var(--hwr-roar,#fe3b00);width:46px;height:4px;transform:skewX(var(--skew,-8deg));border-radius:999px;margin-top:5px;display:block}.duel-head-hint{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500,#8a8a8a);white-space:nowrap;font-size:11px;font-weight:800}.duel-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px;max-width:880px;margin:0 auto;display:grid}.duel-card{background:var(--hwr-white,#fff);border:2px solid var(--hwr-ink,#0f0f21);border-radius:var(--radius-lg,20px);box-shadow:inset 0 0 0 2px #ffffffd9, 0 5px 0 #0f0f2124, var(--shadow-sm,0 2px 8px #0f0f211a);color:var(--hwr-ink,#0f0f21);transition:transform .14s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)), box-shadow .14s ease, border-color .14s ease;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.duel-card:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#0f0f210f 1px,#0000 1.4px);background-size:9px 9px;position:absolute;inset:0}.duel-card:hover{border-color:var(--hwr-roar,#fe3b00);box-shadow:inset 0 0 0 2px #ffffffe6, 0 7px 0 var(--roar-700,#b32900), var(--shadow-roar,0 6px 20px #fe3b0059);transform:translateY(-3px)}.duel-card:active{box-shadow:inset 0 0 0 2px #ffffffd9, 0 2px 0 var(--roar-700,#b32900);transform:translateY(1px)}.duel-card-faces{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.duel-face img,.duel-face-ph{object-fit:cover;background:var(--gray-100,#f2f2f2);border-radius:50%;width:72px;height:72px;display:block}.duel-face--a img,.duel-face--a .duel-face-ph{border:3px solid var(--hwr-roar,#fe3b00)}.duel-face--b img,.duel-face--b .duel-face-ph{border:3px solid var(--hwr-ink,#0f0f21)}.duel-vs{font-family:var(--font-display,sans-serif);color:#fff;background:var(--hwr-roar,#fe3b00);transform:skewX(var(--skew,-8deg));box-shadow:0 3px 0 var(--roar-700,#b32900);border-radius:8px;flex:none;padding:5px 7px;font-size:14px;font-weight:800;line-height:1}.duel-names{font-family:var(--font-display,sans-serif);text-align:center;z-index:1;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:7px;font-size:clamp(16px,3vw,19px);font-weight:800;line-height:1.05;display:flex;position:relative}.duel-names-x{color:var(--hwr-roar,#fe3b00)}.duel-hook{color:var(--gray-700,#4a4a4a);text-align:center;z-index:1;margin:0;font-size:12.5px;line-height:1.4;position:relative}@media (max-width:480px){.duel-grid{grid-template-columns:1fr 1fr;gap:10px}.duel-face img,.duel-face-ph{width:56px;height:56px}.duel-card{padding:16px 10px 12px}.duel-hook{font-size:11.5px}}@media (max-width:720px){.cmp-picker{grid-template-columns:1fr}.cmp-vs{text-align:center;padding-top:0}.h2h-row{grid-template-columns:1fr 86px 1fr;gap:6px}.h2h-val{min-width:34px;font-size:13px}.h2h-metric{font-size:11px}.cmp-vs-head{text-align:center;grid-template-columns:1fr;gap:10px}.cmp-contender,.cmp-contender--b{text-align:center;flex-direction:column}}.cmp-contender.fb-contender{color:inherit;cursor:pointer;border-radius:var(--radius-md,14px);transition:background .15s var(--ease-out,ease), transform .15s var(--ease-out,ease);margin:-6px;padding:6px;text-decoration:none}.cmp-contender.fb-contender:hover{background:#ffffff12;transform:translateY(-1px)}.cmp-contender.fb-contender:hover .cmp-contender-name{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--hwr-roar,#fe3b00);text-decoration-color:var(--hwr-roar,#fe3b00)}.cmp-contender.fb-contender:focus-visible{outline:2px solid var(--hwr-roar,#fe3b00);outline-offset:2px}