.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}}.compare-tabs{margin-bottom:28px}.compare-table-wrap{overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.88rem}.compare-table thead th{font-family:var(--font-cinzel),serif;color:var(--gold-bright);text-align:right;border-bottom:1px solid var(--line);padding:6px 10px;font-size:.78rem;font-weight:600}.compare-table thead th:first-child{text-align:left}.compare-table tbody th{text-align:left;color:var(--text);border-bottom:1px solid var(--line-dim);padding:5px 10px;font-weight:400}.compare-table td{border-bottom:1px solid var(--line-dim);color:var(--text-dim);padding:5px 10px}.compare-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.compare-xp{color:var(--text-faint);font-size:.7rem;display:block}.compare-lead{color:var(--gold-bright);font-weight:600}.compare-lead:before{content:"★ ";font-size:.7rem}.compare-dim{color:var(--text-dim)}.compare-faint{color:var(--text-faint)}.compare-group-row td{font-family:var(--font-cinzel),serif;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);border-bottom:none;padding-top:14px;font-size:.7rem}.compare-quest-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.compare-quest-col{margin:0;padding:0}.compare-quest-col p{margin:0;font-size:.88rem}.compare-quest-col h3{font-family:var(--font-cinzel),serif;color:var(--text);margin:0 0 8px;font-size:.8rem}.compare-quest-list{color:var(--text-dim);margin:0;padding-left:18px;font-size:.88rem}.compare-more{appearance:none;color:var(--gold-bright);font:inherit;cursor:pointer;background:0 0;border:none;margin-top:4px;padding:4px 0;font-size:.8rem}.compare-more:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.compare-activity{margin:0;padding:0;list-style:none}.compare-activity li{border-bottom:1px solid var(--line-dim);grid-template-columns:minmax(80px,140px) minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:7px 0;font-size:.88rem;display:grid}.compare-activity-who{color:var(--gold-bright);font-family:var(--font-cinzel),serif;overflow-wrap:anywhere;font-size:.78rem}.compare-activity-text{color:var(--text)}.compare-activity-when{color:var(--text-faint);white-space:nowrap;font-size:.78rem}@media (max-width:520px){.compare-activity li{grid-template-columns:1fr auto}.compare-activity-text{grid-area:2/1/auto/-1}}.compare-avg{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;display:flex}.compare-avg-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:.72rem}.compare-avg-filter{flex-wrap:wrap;display:flex}.compare-avg-filter a{border:1px solid var(--line);background:var(--bg-alt);color:var(--text-dim);align-items:center;gap:6px;margin-inline-start:-1px;padding:5px 12px;font-size:.78rem;text-decoration:none;display:inline-flex;position:relative}.compare-avg-filter a:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-inline-start:0}.compare-avg-filter a:last-child{border-radius:0 var(--radius) var(--radius) 0}.compare-avg-filter a:hover{color:var(--text);border-color:var(--line-bright);z-index:1}.compare-avg-filter a.active{color:var(--gold-bright);border-color:var(--gold);z-index:2}.compare-avg-count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.7rem}.compare-avg-short{color:var(--text-faint);font-size:.78rem;font-style:italic}.compare-player-card.compare-player-average{border-style:dashed}.compare-form-average{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:.88rem;display:flex}