.cmp-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.cmp-head{align-items:center;gap:12px;min-width:0;display:flex}.cmp-head.right{text-align:right;flex-direction:row-reverse}.cmp-head-text{flex-direction:column;min-width:0;display:flex}.cmp-name{font:700 26px/1.2 var(--gitv-font);color:var(--gitv-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmp-vs{color:var(--gitv-faint);font:700 14px/1 var(--gitv-font-display);letter-spacing:.1em;flex-direction:column;align-items:center;gap:6px;display:flex}.cmp-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cmp-picker{flex:0 320px;min-width:0;position:relative}.cmp-picker .match-input{width:100%}.cmp-picker-list{z-index:10;background:var(--gitv-surface-2);border:1px solid var(--gitv-border);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.cmp-picker-list button{width:100%;color:var(--gitv-text);font:13px/1.4 var(--gitv-font);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:8px;padding:6px 10px;display:flex}.cmp-picker-list button:hover{background:var(--gitv-surface-hover)}.cmp-picker-list .player-label{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cmp-row{border-top:1px dotted var(--gitv-border-muted);color:var(--gitv-text);grid-template-columns:minmax(0,1fr) minmax(140px,1.3fr) minmax(0,1fr);align-items:center;gap:12px;padding:7px 14px;font-size:13px;display:grid}.cmp-value{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cmp-value.right{text-align:right}.cmp-value small{color:var(--gitv-muted);font-size:11px;font-weight:400}.is-better{color:var(--gitv-win)}.cmp-mid{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.cmp-label{color:var(--gitv-muted);text-align:center;font-size:12px}.cmp-bar{background:var(--gitv-loss);opacity:.8;width:100%;height:4px}.cmp-bar span{background:var(--gitv-accent);height:100%;display:block}.cmp-form{gap:3px;display:flex}.cmp-form-row>:last-child{justify-content:flex-end}.cmp-form .player-game{width:22px;height:22px;font-size:11px;text-decoration:none}.cmp-score{font:700 40px/1 var(--gitv-font);color:var(--gitv-text);justify-content:center;align-items:baseline;gap:14px;padding:14px 14px 2px;display:flex}.cmp-score small{color:var(--gitv-faint);font-size:24px}.cmp-score-note{text-align:center;margin:0;padding:4px 14px 12px;font-size:12px}.cmp-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cmp-char{border-top:1px dotted var(--gitv-border-muted);color:var(--gitv-text);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:grid}.cmp-char-icon{background:var(--gitv-surface-hover);border:1px solid var(--gitv-border);width:24px;height:24px}.cmp-char-icon.rarity-5{border-color:#f5c54299}.cmp-char-icon.rarity-4{border-color:#a78bfa8c}.cmp-meeting{border-top:1px dotted var(--gitv-border-muted);color:var(--gitv-text);grid-template-columns:80px minmax(0,1.4fr) minmax(0,1fr) 54px minmax(0,1fr) 96px;align-items:center;gap:10px;padding:7px 14px;font-size:13px;text-decoration:none;display:grid}.cmp-meeting:hover{background:var(--gitv-surface-hover)}.cmp-meeting-tournament{color:var(--gitv-muted);font-size:12px}.cmp-meeting-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmp-meeting-name.right{text-align:right}.cmp-meeting-score{text-align:center;font-weight:700}.cmp-meeting-tags{justify-content:flex-end;gap:4px;display:flex}.player-compare-link{background:var(--gitv-surface-2);border:1px solid var(--gitv-border);color:var(--gitv-text-soft);font:600 12px/1.4 var(--gitv-font);align-items:center;padding:6px 12px;text-decoration:none;display:inline-flex}.player-compare-link:hover{border-color:var(--gitv-accent);color:var(--gitv-text)}@media (width<=700px){.cmp-name{font-size:18px}.cmp-row{grid-template-columns:minmax(0,1fr) minmax(96px,1.2fr) minmax(0,1fr);gap:6px;padding:7px 10px;font-size:12px}.cmp-columns{grid-template-columns:1fr}.cmp-meeting{grid-template-columns:64px minmax(0,1fr) 44px minmax(0,1fr)}.cmp-meeting-tournament,.cmp-meeting-tags{display:none}.cmp-form .player-game{width:16px;height:18px;font-size:9px}}
