.compare-page{max-width:820px;margin:0 auto;padding:28px 20px 80px}.compare-breadcrumbs{color:var(--text-faint);margin-bottom:22px;font-size:.85rem}.compare-breadcrumbs a{color:var(--text-dim)}.compare-form-hero{text-align:center;margin-bottom:30px}.compare-form-hero h1{font-family:var(--font-cinzel),serif;color:var(--gold-bright);margin:0 0 10px;font-size:1.5rem}.compare-form-hero p{color:var(--text-dim);margin:0;max-width:480px;margin-inline:auto;font-size:.92rem}.compare-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;max-width:440px;margin:0 auto;padding:24px 26px;display:flex}.compare-form-row{flex-direction:column;gap:6px;display:flex}.compare-form-row label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:.78rem}.compare-form-row-input{align-items:center;gap:8px;display:flex}.compare-form-row input{background:var(--bg-alt);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);font-size:.95rem;font-family:var(--font-body),serif;flex:1;padding:10px 12px}.compare-form-row input:focus{border-color:var(--gold);outline:none}.compare-form-remove{border:1px solid var(--line);color:var(--text-faint);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;width:34px;height:34px;font-size:1rem;line-height:1}.compare-form-remove:hover{border-color:var(--rust);color:var(--rust-bright)}.compare-form-add{border:1px dashed var(--line-bright);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;background:0 0;align-self:flex-start;padding:8px 14px;font-size:.82rem}.compare-form-add:hover{color:var(--gold-bright);border-color:var(--gold)}.compare-form-error{color:var(--rust-bright);margin:0;font-size:.82rem}.compare-form button{color:var(--gold-bright);border:1px solid var(--line-bright);border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-cinzel),serif;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#7a5a2c,#5c4320);margin-top:4px;padding:11px 18px}.compare-form button:hover{background:linear-gradient(#8f6a30,#6b4f26)}.compare-form button:disabled{opacity:.6;cursor:not-allowed}.compare-hero{text-align:center;background:linear-gradient(180deg, var(--panel-hi), var(--panel) 70%);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:28px;padding:26px 20px}.compare-hero h1{font-family:var(--font-cinzel),serif;color:var(--gold-bright);margin:0 0 6px;font-size:1.4rem}.compare-hero-vs{color:var(--text-faint);font-size:.85rem;font-style:italic}.compare-tally{color:var(--text-dim);margin-top:14px;font-size:.9rem}.compare-tally b{color:var(--gold-bright)}.compare-players{grid-template-columns:repeat(var(--compare-player-count,2), minmax(160px, 1fr));gap:14px;margin-bottom:30px;display:grid}.compare-player-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.compare-player-card.errored{border-color:var(--rust);opacity:.85}.compare-player-name{color:var(--text);margin:0 0 10px;font-size:1.05rem;font-weight:600}.compare-player-stats{flex-direction:column;gap:6px;display:flex}.compare-player-stat{color:var(--text-dim);justify-content:space-between;font-size:.85rem;display:flex}.compare-player-stat .num{color:var(--text);font-weight:600}.compare-player-stat.ahead .num{color:var(--done-bright)}.compare-player-error{color:var(--rust-bright);margin:0;font-size:.85rem}.compare-capes h2{font-family:var(--font-cinzel),serif;color:var(--text);margin:0 0 14px;font-size:1.1rem}.compare-cape-row{border-bottom:1px solid var(--line-dim);padding:14px 4px}.compare-cape-row:last-child{border-bottom:none}.compare-cape-name{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.78rem}.compare-cape-bars{flex-direction:column;gap:6px;display:flex}.compare-cape-bar{color:var(--text-dim);grid-template-columns:110px 1fr 42px;align-items:center;gap:8px;font-size:.85rem;display:grid}.compare-cape-bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-cape-bar .bar{border-radius:var(--radius);background:var(--line);height:6px;overflow:hidden}.compare-cape-bar .bar-fill{background:linear-gradient(90deg, var(--gold), var(--gold-bright));height:100%}.compare-cape-bar-pct{text-align:right}.compare-cape-bar.leader{color:var(--done-bright);font-weight:700}.compare-cape-bar.leader .bar-fill{background:var(--done-bright)}.compare-cape-note{color:var(--text-faint);margin-top:16px;font-size:.72rem;font-style:italic}.compare-cta{text-align:center;background:var(--bg-alt);border:1px solid var(--line-dim);border-radius:var(--radius);margin-top:36px;padding:26px 20px}.compare-cta p{color:var(--text-dim);margin:0 0 16px}.compare-cta .btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.compare-btn{border-radius:var(--radius);background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:var(--bg);padding:10px 22px;font-weight:700;text-decoration:none;display:inline-block}.compare-btn-ghost{border-radius:var(--radius);border:1px solid var(--line-bright);color:var(--text-dim);padding:10px 22px;text-decoration:none;display:inline-block}.compare-btn-ghost:hover{color:var(--gold-bright);border-color:var(--gold)}@media (max-width:640px){.compare-players{grid-template-columns:1fr}.compare-cape-bar{grid-template-columns:80px 1fr 36px;font-size:.78rem}}