/* 🥊 /rivals/<domain> — a square's competitors as a list, each with its bulldoze button (src/rivals-view.js) */
.rivalsPage .mast { align-items:center; }
.rivalsPage .siteIco { width:96px; height:96px; border-radius:20px; background:var(--panel2); border:1px solid var(--line); padding:10px; object-fit:contain; }
.rivalsDone { margin:0 0 22px; padding:14px 18px; border-radius:12px; background:var(--panel2); border:1px solid var(--line); font:500 14px/1.5 var(--mono); }

.dozeAll { display:flex; align-items:center; justify-content:space-between; gap:22px; margin:0 0 26px; padding:20px 24px; border:1px solid color-mix(in srgb, var(--red) 45%, var(--line)); border-radius:14px; background:color-mix(in srgb, var(--red) 7%, var(--panel)); }
.dozeAll b { display:block; font:600 15px/1.35 var(--mono); }
.dozeAll p { margin:5px 0 0; font-size:15px; color:var(--text2); }
.dozeAll .lever { border:0; cursor:pointer; color:#fff; background:var(--red); white-space:nowrap; }
.dozeAll .lever:hover { background:var(--red); }
.dozeAll .lever:disabled { opacity:.6; cursor:default; }

.rivalList { list-style:none; margin:0; padding:0; }
.rival { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px 16px; align-items:center; padding:16px 0; border-top:1px solid var(--hair); }
.rival:first-child { border-top:0; }
.rival .ico img { display:block; width:40px; height:40px; border-radius:9px; background:var(--panel2); object-fit:contain; }
.rival .name { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
.rival .dom { font:600 15px/1.3 var(--mono); color:var(--text); text-decoration:none; }
.rival .dom:hover { text-decoration:underline; text-decoration-color:var(--accent); }
.rival .tag { font:11px/1.4 var(--mono); color:var(--dim); }
.rival .tag.owned { color:var(--green); }
.rival p { margin:4px 0 0; font-size:14.5px; line-height:1.5; color:var(--text2); }
.rival .acts { display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.rival .acts a { font:12px/1.4 var(--mono); color:var(--dim); text-decoration:none; }
.rival .acts a:hover { color:var(--text); }
.rival .doze { font:700 12.5px/1 var(--mono); padding:10px 14px; border-radius:10px; border:1px solid color-mix(in srgb, var(--red) 55%, var(--line)); background:transparent; color:var(--red); cursor:pointer; white-space:nowrap; }
.rival .doze:hover { background:color-mix(in srgb, var(--red) 10%, transparent); }
.rival .doze:disabled { opacity:.6; cursor:default; }

.rivalsNote { font:15px/1.6 var(--mono); color:var(--text2); margin:6px 0 0; }
.rivalsHow { margin-top:40px; padding-top:22px; border-top:1px solid var(--hair); }
.rivalsHow h2 { margin:0 0 10px; font-size:15px; }
.rivalsHow p { color:var(--text2); }

@media (max-width:640px) {
  .rivalsPage .siteIco { width:64px; height:64px; border-radius:14px; padding:7px; }
  .dozeAll { flex-direction:column; align-items:stretch; }
  .dozeAll .lever { text-align:center; }
  .rival { grid-template-columns:auto minmax(0,1fr); align-items:start; }
  .rival .acts { grid-column:2; flex-direction:row; align-items:center; justify-content:flex-start; gap:14px; }
}