/* league site additions (shared look comes from style.css) */
.nocopy main, .nocopy .tablewrap, .nocopy .hbars, .nocopy .lgrid, .nocopy .kvgrid { -webkit-user-select: none; user-select: none; }
.nocopy input, .nocopy select { -webkit-user-select: text; user-select: text; }
.lgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1100px) { .lgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .lgrid { grid-template-columns: minmax(0, 1fr); } }
.lcard { border: 1px solid var(--line); border-radius: 6px; padding: 10px 12px; background: var(--panel); }
.lcard > .label { margin-bottom: 6px; cursor: help; }
.lrow { display: grid; grid-template-columns: 18px 1fr auto; gap: 6px; align-items: center; padding: 3px 0; font-size: 13px; }
.lrow .rk { color: var(--muted); font: 500 11px var(--mono, monospace); }
.lrow .nm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.click { cursor: pointer; }
.lrow.click:hover, .kv.click:hover { background: rgba(127, 127, 127, .08); }
.kv { position: relative; }
.pbar { display: block; height: 3px; background: var(--line); border-radius: 2px; margin-top: 3px; overflow: hidden; grid-column: 1 / -1; }
.pbar > i { display: block; height: 100%; background: var(--amber); }
.ph { display: flex; gap: 14px; align-items: center; }
.ph img { width: 84px; height: 84px; object-fit: cover; border-radius: 50%; background: var(--line); }
.fbar { flex-wrap: wrap; gap: 10px; }
.cmpcards { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.cmpcard { position: relative; text-align: center; display: flex; flex-direction: column; gap: 3px; align-items: center; }
.cmpcard img { width: 96px; height: 96px; object-fit: cover; border-radius: 50%; background: var(--line); margin-bottom: 4px; }
.cmpcard h3 { margin: 0; font: 700 22px/1.05 var(--display); text-transform: uppercase; }
.cmpcard h3:hover { color: var(--amber); }
.cmpx { position: absolute; top: 8px; right: 8px; }
.cmpempty { justify-content: center; border-style: dashed; min-height: 150px; background: transparent; }
.cmptab td.cmpv { min-width: 120px; }
.cmptab td .note { max-width: 36ch; white-space: normal; }
@media (max-width: 600px) { .cmpempty { min-height: 70px; } }