/* Commander card — Hall of Crowns profile overlay. No scanlines, grain or flashes. */
#board-list .board-row[data-cmdr]{cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}
#board-list .board-row[data-cmdr]:hover,#board-list .board-row[data-cmdr]:focus-visible{background-color:rgba(212,175,85,.08);box-shadow:inset 2px 0 0 #d4af55;outline:none}
html.cmdr-lock{overflow:hidden}
.cmdr-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:rgba(4,3,6,.66);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
.cmdr-overlay.open{opacity:1;visibility:visible;transition:opacity .22s ease}
.cmdr-card{position:relative;width:min(420px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:20px 20px 18px;border-radius:14px;color:#efe6d2;font-family:Georgia,serif;
  background:linear-gradient(180deg,#1a1418 0%,#100c0f 100%);border:1px solid rgba(212,175,85,.55);box-shadow:0 0 0 1px rgba(120,20,28,.5) inset,0 18px 50px rgba(0,0,0,.6);
  transform:translateY(18px);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease;outline:none}
.cmdr-overlay.open .cmdr-card{transform:none;opacity:1}
.cmdr-x{position:absolute;top:8px;right:10px;width:36px;height:36px;border:0;background:none;color:#d4af55;font-size:26px;line-height:1;cursor:pointer;border-radius:50%}
.cmdr-x:hover,.cmdr-x:focus-visible{background:rgba(212,175,85,.12);outline:none}
.cmdr-head{display:flex;gap:14px;align-items:center;margin-bottom:14px;padding-right:30px}
.cmdr-crest{flex:0 0 58px;height:66px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 14%,100% 62%,50% 100%,0 62%,0 14%);background:linear-gradient(160deg,#e6c873,#8a6a24);padding:2px}
.cmdr-crest span{width:100%;height:100%;display:grid;place-items:center;clip-path:inherit;background:radial-gradient(circle at 50% 35%,#4a1219,#160a0d 75%);font-family:Cinzel,serif;font-weight:800;font-size:24px;color:#f0d78c}
.cmdr-rank{font-family:Cinzel,serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b9954a}
.cmdr-id h2{margin:2px 0;font-family:Cinzel,serif;font-size:21px;font-weight:700;color:#f3e7c6;word-break:break-word}
.cmdr-id h2 em{font-size:11px;font-style:normal;color:#c23a44;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}
.cmdr-title{font-size:13px;color:#d4af55;letter-spacing:.06em}
.cmdr-sec{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;padding:12px 0;border-top:1px solid rgba(212,175,85,.18)}
.cmdr-sec small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9a8a6c;margin-top:3px}
.cmdr-stat b{display:block;font-family:Cinzel,serif;font-size:19px;color:#f3e7c6;line-height:1.1}
.cmdr-stat{min-width:60px}
b.dim{color:#6f6556!important} .gold{color:#e3c26a} .red{color:#d0444f}
.cmdr-prog{flex:1 1 120px}
.cmdr-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.cmdr-bar span{display:block;height:100%;background:linear-gradient(90deg,#8a6a24,#e6c873);border-radius:3px;transition:width .5s ease}
.cmdr-form{margin-left:auto}
.cmdr-pips{display:flex;gap:5px;height:19px;align-items:center}
.cmdr-pip{width:11px;height:11px;transform:rotate(45deg);border-radius:2px;display:inline-block}
.cmdr-pip.w{background:#d9b75c;box-shadow:0 0 6px rgba(217,183,92,.35)} .cmdr-pip.l{background:#a3222d} .cmdr-pip.e{border:1px solid rgba(212,175,85,.3)}
.cmdr-h2h{justify-content:space-between;align-items:center}
.cmdr-h2h small{margin:0} .cmdr-h2h b{font-family:Cinzel,serif;font-size:16px}
.cmdr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cmdr-grid small{margin:0 0 3px} .cmdr-grid b{font-size:14px;color:#efe6d2;font-weight:600}
.cmdr-ph{font-size:13px;font-style:italic;color:#7d715f}
.cmdr-note{display:block;font-size:10px;color:#7d715f}
.cmdr-challenge{display:block;width:100%;margin-top:6px;padding:12px;border-radius:8px;cursor:pointer;font-family:Cinzel,serif;font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#f6e7bf;
  background:linear-gradient(180deg,#7a1520,#4e0d14);border:1px solid #d4af55;transition:filter .18s ease,transform .18s ease}
.cmdr-challenge:hover,.cmdr-challenge:focus-visible{filter:saturate(1.15);transform:translateY(-1px);outline:none}
.cmdr-challenge:disabled{opacity:.5;cursor:default;transform:none}
.cmdr-status{margin:6px 0 0;font-size:12px;color:#9a8a6c;text-align:center;min-height:0}
@media (max-height:500px) and (orientation:landscape){
  .cmdr-card{width:min(640px,100%);padding:14px 18px 12px}
  .cmdr-head{margin-bottom:8px}.cmdr-crest{flex-basis:46px;height:52px}.cmdr-id h2{font-size:18px}
  .cmdr-sec{padding:8px 0}.cmdr-grid{grid-template-columns:repeat(4,1fr)}
}
@media (prefers-reduced-motion:reduce){.cmdr-card,.cmdr-overlay{transition:none}}