.summary-box{background:var(--accent-soft);border-radius:var(--radius);margin-bottom:14px;padding:14px 16px;font-size:15px}.summary-box ul{gap:4px;margin:6px 0 0;padding-left:18px;display:grid}.cmp-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:80vh;overflow:auto}.cmp{border-collapse:separate;border-spacing:0;width:100%;min-width:520px;font-size:15px}.cmp th,.cmp td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 12px}.cmp thead th{z-index:2;background:var(--surface);font-family:var(--font-display);border-bottom:2px solid var(--border);font-size:16px;position:sticky;top:0}.cmp thead a{color:var(--text);align-items:center;gap:8px;text-decoration:none;display:flex}.cmp thead img{object-fit:contain;background:var(--accent-soft);border-radius:4px;width:36px;height:48px}.cmp tbody th{z-index:1;background:var(--surface);color:var(--muted);width:26%;min-width:120px;font-weight:500;position:sticky;left:0}.cmp thead th:first-child{z-index:3;left:0}.cmp tr.group th{background:var(--bg);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:12px;font-weight:600;font-family:var(--font-sans)}.cmp td.win{background:var(--win-bg);color:var(--win);font-weight:600}.cmp td.win:before{content:"✓ "}.cmp td.empty{color:var(--muted);font-size:14px;font-style:italic}.cmp td.num{font-variant-numeric:tabular-nums}.mixed-note{width:18px;height:18px;color:var(--muted);cursor:help;vertical-align:1px;background:0 0;border:1px solid;border-radius:50%;place-items:center;margin-left:6px;padding:0;font-size:11px;display:inline-grid}.notes{color:var(--muted);gap:4px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.only-diffs tr[data-same]{display:none}@media (width<=640px){.bcharts{width:calc(100vw - 58px);position:sticky;left:12px}.cmp{width:max-content;min-width:0;font-size:14px}.cmp th,.cmp td{padding:8px 10px}.cmp tbody th{width:96px;min-width:96px;max-width:96px}.cmp td,.cmp thead th:not(:first-child){min-width:112px;max-width:140px}}.cmp-page{grid-template-columns:minmax(0,1fr)}#compare-result{min-width:0}.cmp tr.chart-row td{background:var(--bg);padding:14px 12px;position:static}.bcharts{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;display:grid}.bchart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:6px;margin:0;padding:10px 12px;display:grid}.bchart figcaption{font-size:14px;font-weight:600}.bchart .bars{gap:6px;display:grid}.brow{grid-template-columns:minmax(0,7.5em) minmax(0,1fr) auto;align-items:center;gap:8px;font-size:13px;display:grid}.bname{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.btrack{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.bc-bar{height:100%;width:var(--w);background:var(--muted);border-radius:5px;display:block}.bc-bar.win{background:var(--win)}.bval{font-variant-numeric:tabular-nums;white-space:nowrap}.bnone{color:var(--muted);grid-column:2/4;font-style:italic}.bnote{color:var(--muted);margin:0;font-size:12px}.cvid{gap:4px;margin-bottom:10px;font-size:13px;display:grid}.cvid .yt-lite{aspect-ratio:16/9;background:var(--border);cursor:pointer;border:0;border-radius:6px;width:100%;max-width:280px;padding:0;display:block;position:relative;overflow:hidden}.cvid .yt-lite img{object-fit:cover;width:100%;height:100%;display:block}.cvid iframe{aspect-ratio:16/9;border:0;border-radius:6px;width:100%;max-width:280px}.cvid .play{background:#14181fd9;border-radius:10px;width:48px;height:34px;margin:auto;position:absolute;inset:0}.cvid .play:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid #fff;position:absolute;top:9px;left:19px}.cvid .tag{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.cmp-page h1 .cmp-name{white-space:normal}.cmp-page h1 .vs{vertical-align:middle;font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;margin:0 .45em;padding:.2em .65em;font-size:.38em;font-weight:600;display:inline-block;position:relative;top:-.15em}@media (width<=640px){.cmp-page h1 .cmp-name{display:block}.cmp-page h1 .vs{margin:.25em 0;top:0}}
