.cmp-head{gap:14px}.cmp-pick{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid;position:relative}.cmp-side{align-content:start;gap:12px;padding:14px;display:grid;position:relative}.cmp-side.side-a{box-shadow:inset 0 3px 0 var(--crimson)}.cmp-side.side-b{box-shadow:inset 0 3px 0 var(--cyan)}.side-b.hud:before,.side-b.hud:after{border-color:var(--cyan)}.cmp-field{height:46px}.cmp-vs{background:var(--panel-solid);border:1px solid var(--line-hi);width:38px;height:38px;color:var(--gold);z-index:2;letter-spacing:.1em;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:22px;left:50%;transform:translate(-50%)}.cmp-sug{z-index:20;border:1px solid var(--line-hi);background:#0c101bfa;border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:64px;left:14px;right:14px;box-shadow:0 30px 80px -20px #000c}.cmp-sug button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:3px;padding:9px 10px;display:grid}.cmp-sug button b{font-size:14.5px;font-weight:600}.cmp-sug button small{color:var(--mute);font-size:11px}.cmp-sug button:hover,.cmp-sug button.on{background:#5de4ff12;border-color:#5de4ff40}.cmp-card{grid-template-columns:64px 1fr;align-items:center;gap:14px;min-height:72px;display:grid}.cmp-empty{color:var(--dim);grid-column:1/-1;font-size:12px}.cmp-av{border:1px solid var(--line-hi);background:radial-gradient(circle at 50% 30%,#1d2638,#0b0f18);border-radius:14px;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.cmp-av img{object-fit:cover;object-position:top;z-index:1;width:100%;height:100%;position:absolute;inset:0}.cmp-av i{font:800 18px/1 var(--f-display);color:var(--dim);font-style:normal}.cmp-who{gap:4px;min-width:0;display:grid}.cmp-who b{font:800 1.15rem/1.15 var(--f-display);letter-spacing:-.02em}.cmp-who small{color:var(--mute);align-items:center;gap:6px;font-size:11px;display:flex}.cmp-who small img{object-fit:contain;width:15px;height:15px}.cmp-out{padding:18px}.cmp-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.cmp-note{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:11px}.la{color:#ff7d90}.lb{color:var(--cyan)}.cmp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:24px;display:grid}.cmp-radar svg{width:100%;height:auto;overflow:visible}.cmp-radar .rg{fill:none;stroke:var(--line-hi);stroke-width:1px}.cmp-radar .rg:last-of-type{stroke:#96a8cd66}.cmp-radar .sp{stroke:var(--line)}.cmp-radar .lbl{fill:var(--ink-2);font:600 12px var(--f-mono);letter-spacing:.02em}.cmp-radar .rt{fill:var(--dim);font:500 9px var(--f-mono)}.cmp-radar .pa polygon{fill:#ff2a4838;stroke:var(--crimson);stroke-width:2.2px}.cmp-radar .pb polygon{fill:#5de4ff29;stroke:var(--cyan);stroke-width:2.2px}.cmp-radar .da{fill:var(--crimson)}.cmp-radar .db{fill:var(--cyan)}.cmp-radar g{transform-origin:230px 230px}.cmp-legend{justify-content:center;gap:18px;margin-top:4px;font-size:11.5px;display:flex}.cmp-legend span:before{content:"";vertical-align:-1px;background:currentColor;border-radius:3px;width:10px;height:10px;margin-right:7px;display:inline-block}.ct-h,.ct-r{grid-template-columns:minmax(0,1fr) 140px 140px;align-items:center;gap:14px;display:grid}.ct-h{letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:11px}.ct-r{border-bottom:1px solid var(--line);padding:10px 0}.ct-r:last-child{border-bottom:0}.ct-k{color:var(--ink-2);font-size:13.5px}.ct-c{gap:5px;display:grid}.ct-c b{font:700 15px/1 var(--f-display);letter-spacing:-.02em;color:var(--ink-2)}.ct-c small{color:var(--dim);letter-spacing:.06em;font-size:10px}.ct-c.win b{color:var(--ink)}.pbar{background:#ffffff0f;border-radius:4px;height:6px;overflow:hidden}.pbar span{height:100%;width:calc(var(--p) * 100%);transform-origin:0;border-radius:4px;display:block}.ct-c:nth-child(2) .pbar span{background:linear-gradient(90deg, #ff2a4866, var(--crimson))}.ct-c:nth-child(3) .pbar span{background:linear-gradient(90deg, #5de4ff59, var(--cyan))}.ct-c.win small{color:var(--gold)}.cmp-out.go .cmp-radar g{animation:rIn 1s var(--ease) both}.cmp-out.go .cmp-radar .pb{animation-delay:.18s}.cmp-out.go .cmp-radar circle{animation:dIn .4s var(--ease) both;animation-delay:calc(.6s + var(--d) * 50ms)}.cmp-out.go .pbar span{animation:lbGrow .9s var(--ease) both;animation-delay:.3s}@keyframes rIn{0%{opacity:0;transform:scale(0)rotate(-25deg)}}@keyframes dIn{0%{r:0}}@keyframes lbGrow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.cmp-out.go .cmp-radar g,.cmp-out.go .cmp-radar circle,.cmp-out.go .pbar span{animation:none}}@media (width<=900px){.cmp-grid{grid-template-columns:1fr}}@media (width<=640px){.cmp-pick{grid-template-columns:1fr}.cmp-vs{order:2;margin:-6px auto;position:relative;top:auto;left:auto;transform:none}.side-a{order:1}.side-b{order:3}.cmp-pick{gap:10px}.ct-h,.ct-r{grid-template-columns:minmax(0,1fr) 96px 96px;gap:10px}}