.comparison-view{min-width:0}.compare-panel{padding:var(--space-5)}.compare-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}.compare-heading h2{margin:7px 0;font-size:26px;color:var(--color-text)}.compare-heading p,.compare-note{color:var(--color-text-muted);font-size:12px;line-height:1.6}.compare-modes{display:flex;gap:6px}.compare-modes [aria-pressed=true],.rotation-choices [aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary-ink);border-color:#70bbcd}.compare-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:18px 0;border-bottom:1px solid var(--color-border)}.compare-filters label{min-width:140px;max-width:100%}.compare-choices{padding:16px 0}.compare-choices p{font-size:13px;color:#547180}.compare-player-selects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.compare-player-selects select{width:100%;min-width:0}.rotation-choices{display:flex;gap:var(--space-2);flex-wrap:wrap}.compare-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin:16px 0}.compare-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.compare-card header{display:block;color:var(--color-text);position:static;padding:var(--space-4);background:#f1f8fa;border-bottom:2px solid var(--color-primary);min-height:78px;box-sizing:border-box}.compare-card h3{font-size:17px;margin:7px 0 0;overflow-wrap:anywhere}.compare-hero{padding:var(--space-4);min-height:235px;box-sizing:border-box}.compare-hero>span{font-size:12px;color:#4e7182}.compare-hero>strong{display:block;font-size:36px;color:#103f55;font-variant-numeric:tabular-nums;margin:8px 0}.compare-hero small{display:block;color:#557582;font-size:12px}.compare-hero svg{display:block;width:100%;height:22px;margin-top:var(--space-3)}.compare-scale{display:flex;justify-content:space-between;color:#617c89;font-size:10px}.compare-hero p{min-height:36px;font-size:12px;color:#3a697e;line-height:1.5}.compare-metrics{margin:0;padding:0 18px}.compare-metrics>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--color-divider)}.compare-metrics dt{font-size:13px;color:#456779}.compare-metrics dd{margin:0;text-align:right;font-size:20px;font-weight:650;color:#153e52}.compare-metrics dd small{display:block;font-size:11px;font-weight:400;color:#64808e}.compare-card footer{margin-top:auto;background:transparent;color:var(--color-text);padding:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap}.compare-card footer button{font-size:12px}.compare-empty{padding:48px 20px;text-align:center;background:#f4f9fb;border:1px dashed #c9dce6;border-radius:10px;margin:12px 0;color:#567382}.compare-scroll{overflow:auto;max-width:100%;border:1px solid #cfdee6;border-radius:10px;margin:16px 0}.compare-scroll table{width:100%;min-width:520px;border-collapse:collapse}.compare-scroll th,.compare-scroll td{padding:var(--space-4);border-bottom:1px solid var(--color-divider);text-align:center}.compare-scroll th{background:#f1f7fa;color:#315a70;font-size:13px}.compare-scroll th small{display:block;font-size:11px;font-weight:400;margin-top:6px}.rotation-value{font-size:24px;color:#143f54;font-variant-numeric:tabular-nums;display:block}.compare-scroll meter{width:100%;max-width:100px;height:9px;accent-color:var(--color-primary)}.compare-scroll meter::-webkit-meter-optimum-value{background:var(--color-primary)}.compare-rotation-detail{border:1px solid #b9dbe6;border-radius:10px;padding:18px;margin:18px 0;background:#f2f9fb}.compare-rotation-detail dl{display:flex;gap:var(--space-6);flex-wrap:wrap}.compare-rotation-detail dt{font-size:12px;color:#55798a}.compare-rotation-detail dd{margin:8px 0;font-size:30px;color:#153c52}.comparison-view :focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.comparison-view abbr{cursor:help;text-decoration:none}.compare-note{display:block;margin-top:14px}#compareStatus{color:#476d81}
@media(min-width:1400px){.compare-cards.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-cards.count-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.compare-player-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-heading{flex-direction:column}}
@media(max-width:600px){.compare-panel{padding:var(--space-4)}.compare-cards{grid-template-columns:1fr}.compare-filters label{flex:1;min-width:120px}.compare-player-selects{grid-template-columns:1fr}.compare-scroll th,.compare-scroll td{padding:var(--space-3)}.compare-modes{width:100%}.compare-modes button{flex:1}.compare-hero p{min-height:0}}
.compare-scroll td.heat-0{background:var(--color-surface)}.compare-scroll td.heat-1{background:var(--color-heat-1)}.compare-scroll td.heat-2{background:var(--color-heat-2)}.compare-scroll td.heat-3{background:var(--color-heat-3)}

@media(max-width:600px){.compare-hero{min-height:0}}