.team-comparison{color:#0b2540;background:#fff;border:1px solid #cfe0ef;border-radius:16px;margin:14px 0 18px;padding:18px}.duel-score{justify-content:space-between;align-items:center;gap:12px;display:flex}.duel-side{align-items:center;gap:10px;min-width:0;display:flex}.duel-side span{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.duel-side b{font-family:var(--font-display),"Arial Narrow",sans-serif;font-variant-numeric:tabular-nums;font-size:34px;line-height:1}.duel-side[data-side=mine] b{color:#005eb8}.duel-side[data-side=theirs] b{color:#e4002b}.duel-bar{background:#e4002b;border-radius:999px;height:10px;margin:14px 0 10px;overflow:hidden}.duel-bar span{background:#005eb8;border-right:3px solid #fff;height:100%;display:block}.duel-verdict{text-align:center;margin:0;font-size:17px;font-weight:700}.duel-verdict[data-lead=mine]{color:#005eb8}.duel-verdict[data-lead=theirs]{color:#c0001f}.team-comparison h3{font-family:var(--font-display),"Arial Narrow",sans-serif;text-transform:uppercase;color:#004a92;margin:20px 0 10px;font-size:20px;font-weight:700}.duel-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.duel-column{background:#eef6ff;border-radius:12px;min-width:0;padding:10px}.duel-column[data-side=theirs]{background:#fdeef1}.duel-column h4{color:#004a92;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:14px;font-weight:700;overflow:hidden}.duel-column[data-side=theirs] h4{color:#c0001f}.duel-column button{text-align:left;color:#0b2540;cursor:pointer;background:#fff;border:0;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:6px;padding:4px 6px;display:flex}.duel-column button:hover{background:#f7fbff}.duel-column .portrait{flex:none;width:32px;height:32px}.duel-column button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.duel-column button b{font-variant-numeric:tabular-nums;font-size:15px}.duel-same{text-align:center;margin:16px 0 0;font-size:15px}@media (max-width:520px){.team-comparison{padding:14px}.duel-side b{font-size:28px}.duel-side .participant-avatar{width:36px;height:36px;font-size:13px}.duel-columns{gap:8px}.duel-column{padding:8px}.duel-column .portrait{display:none}.duel-column button{gap:6px;padding:4px 8px}.duel-column button span{font-size:13px}}.compare-add{margin-top:16px}.compare-add-button,.compare-back{cursor:pointer;border-radius:999px;min-height:44px;padding:0 18px;font-size:15px;font-weight:700}.compare-add-button{color:#005eb8;background:#fff;border:2px solid #005eb8}.compare-add-button[aria-expanded=true]{color:#fff;background:#005eb8}.compare-back{color:#004a92;text-underline-offset:3px;background:0 0;border:0;padding:0 4px;text-decoration:underline}.compare-picker{margin-top:12px}.compare-picker p{color:#0b2540;margin:0 0 8px;font-size:15px;font-weight:600}.compare-chips{flex-wrap:wrap;gap:8px;display:flex}.compare-chips button{color:#0b2540;cursor:pointer;background:#fff;border:1px solid #cfe0ef;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;font-size:15px;font-weight:700;display:flex}.compare-chips button[aria-pressed=true]{color:#fff;background:#005eb8;border-color:#005eb8}.compare-chips button:disabled{opacity:.45;cursor:not-allowed}.compare-chips .participant-avatar{flex:none;width:34px;height:34px;font-size:12px}.team-comparison[data-mode=table]{padding:18px 18px 14px;overflow:hidden}html body.hokey-app .team-comparison .compare-title{margin:0 0 12px}.compare-scroll{overscroll-behavior-x:contain;margin:0 -18px;overflow-x:auto}.compare-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;min-width:560px}.compare-table th,.compare-table td{text-align:center;white-space:nowrap;color:#0b2540;border-bottom:1px solid #e3ecf4;height:52px;padding:0 10px;font-size:16px}.compare-table tbody tr:last-child>*{border-bottom:0}.compare-table thead th{color:#004a92;background:#eaf3fd;border-bottom:1px solid #d6e4f1;height:40px;font-size:14px;font-weight:800}.compare-table td{font-weight:700}.compare-table td[data-top]{color:#005eb8;font-weight:800}.compare-table .compare-points{font-family:var(--font-display),"Arial Narrow",sans-serif;font-size:22px}.compare-table tbody tr[data-me]>*{background-color:#eaf3fd}.compare-table .compare-who{z-index:1;text-align:left;background:#fff;border-right:1px solid #d6e4f1;padding:0 10px 0 18px;position:sticky;left:0;box-shadow:4px 0 8px -6px #0b254033}.compare-table thead th.compare-who{z-index:2;background:#eaf3fd}.compare-who>span{align-items:center;gap:8px;display:flex}.compare-who .participant-avatar{flex:none;width:34px;height:34px;font-size:12px}.compare-name{text-overflow:ellipsis;color:#0b2540;max-width:160px;font-size:15px;font-weight:800;overflow:hidden}tr[data-me] .compare-name{color:#005eb8}.compare-table th.compare-best,.compare-table td.compare-best{text-align:left}.compare-best button{text-align:left;color:#0b2540;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:44px;padding:4px 8px 4px 4px;display:flex}@media (hover:hover) and (pointer:fine){.compare-best button:hover{background:#f2f8ff}.compare-best button:hover span{text-decoration:underline}}.compare-best .portrait{flex:none;width:34px;height:34px}.compare-best button span{font-size:15px;font-weight:700}.compare-best button b{color:#005eb8;margin-left:auto;padding-left:10px;font-size:16px}.compare-actions{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.compare-actions .compare-add{flex:auto;margin-top:14px}.compare-actions .compare-back{margin-top:14px}@media (max-width:520px){.team-comparison[data-mode=table]{padding:14px 14px 10px}.compare-scroll{margin:0 -14px}.compare-table{min-width:0}.compare-table th,.compare-table td{min-width:52px;padding:0 6px;font-size:15px}.compare-table .compare-who{padding:0 6px 0 14px}.compare-who .participant-avatar{width:30px;height:30px}.compare-name{max-width:84px;font-size:14px}.compare-table .compare-points{font-size:20px}.compare-best button span,.compare-chips button{font-size:14px}}
