.commander-page{gap:var(--space-4);padding-bottom:var(--space-8);color:var(--app-text);flex-direction:column;display:flex}.commander-page-empty{text-align:center;color:var(--app-text-muted);padding:2rem}.commander-page-loading{min-height:100vh}.commander-page-state{min-height:50vh}.commander-page-layout{gap:var(--space-8);grid-template-columns:300px minmax(0,1fr);align-items:start;display:grid}.commander-page-rail{top:calc(var(--app-topbar-height) + var(--space-4));gap:var(--space-3);flex-direction:column;display:flex;position:sticky}.commander-page-art{aspect-ratio:488/680;width:100%;height:auto;box-shadow:0 10px 28px var(--lightningcss-light,rgb(var(--ink-rgb) / .18))var(--lightningcss-dark,#04050c8c);border-radius:4.75%/3.5%;display:block}.commander-page-title{margin:var(--space-1) 0 0;letter-spacing:-.01em;font-size:1.5rem;font-weight:650;line-height:1.25}.commander-page-pips{gap:4px;display:inline-flex}.commander-page-pips img{width:20px;height:20px}.commander-page-facts{color:var(--cs-ink-dim);margin:0;font-size:.8125rem;line-height:1.5}.commander-page-warn{padding:var(--space-2) var(--space-3);border-radius:var(--cs-radius);border:1px solid rgb(var(--warn-rgb) / .35);background:rgb(var(--warn-rgb) / .08);color:var(--lightningcss-light,var(--app-warn))var(--lightningcss-dark,#eab308);margin:0;font-size:.78rem;line-height:1.5}.commander-page-actions{gap:var(--space-2);flex-direction:column;display:flex}.commander-page-actions .cs-action{justify-content:center;text-decoration:none}.commander-page-rail-block{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--cs-hairline);flex-direction:column;display:flex}.commander-page-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--cs-ink-faint);margin:0;font-size:.7rem;font-weight:600}.commander-page-curve-bars{align-items:flex-end;gap:6px;height:96px;margin:0;padding:0;list-style:none;display:flex}.commander-page-curve-bars li{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex}.commander-page-curve-count,.commander-page-curve-label{font-family:var(--cs-mono);font-variant-numeric:tabular-nums;color:var(--cs-ink-dim);font-size:.68rem}.commander-page-curve-bar{background:rgb(var(--accent-rgb) / .7);border-radius:3px 3px 0 0;width:100%;min-height:2px}.commander-page-curve-avg{margin:var(--space-1) 0 0;color:var(--cs-ink-dim);font-size:.78rem}.commander-page-curve-avg b{font-family:var(--cs-mono);color:var(--cs-ink);font-weight:600}.commander-page-main{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.commander-page-section{gap:var(--space-3);flex-direction:column;display:flex}.commander-page-section-head h2{margin:0;font-size:1.125rem;font-weight:650}.commander-page-section-head p{max-width:62ch;color:var(--cs-ink-dim);margin:4px 0 0;font-size:.8125rem}.commander-page-section-head--split{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.commander-page-price{color:var(--cs-ink-dim);font-size:.8125rem}.commander-page-price b{font-family:var(--cs-mono);color:var(--cs-ink);font-weight:600}.commander-page-sort{display:inline-flex}.commander-page-empty-inline{padding:var(--space-6) 0;text-align:center;color:var(--cs-ink-dim);margin:0;font-size:.875rem}.commander-page-grid{gap:var(--space-4) .875rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.commander-page-grid--signature{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.commander-page-tile{min-width:0;color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}a.commander-page-tile:hover .commander-page-tile-name{text-decoration:underline}a.commander-page-tile:focus-visible{outline:2px solid var(--cs-focus);outline-offset:3px;border-radius:var(--cs-radius)}div.commander-page-tile .mtg-image-tile{cursor:default}div.commander-page-tile .mtg-image-tile:hover{transform:none}.commander-page-tile-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;line-height:1.3;overflow:hidden}.commander-page-tile-stats{font-family:var(--cs-mono);font-variant-numeric:tabular-nums;color:var(--cs-ink-dim);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.7rem;display:flex}.commander-page-band{border:1px solid var(--cs-hairline);border-radius:999px;padding:1px 6px;font-family:inherit;font-size:.66rem;line-height:1.5}.commander-page-band--favoured{border-color:rgb(var(--accent-rgb) / .3);background:rgb(var(--accent-rgb) / .08);color:var(--cs-ink)}.commander-page-band--distinctive,.commander-page-band--signature{border-color:rgb(var(--success-rgb) / .4);background:rgb(var(--success-rgb) / .1);color:var(--lightningcss-light,var(--app-success))var(--lightningcss-dark,#7ee2a8)}.commander-page-owned{color:var(--lightningcss-light,var(--app-success))var(--lightningcss-dark,#7ee2a8);align-items:center;gap:3px;font-family:inherit;font-weight:600;display:inline-flex}.commander-page-coverage{flex-direction:column;gap:6px;display:flex}.commander-page-coverage p{color:var(--cs-ink-dim);margin:0;font-size:.8125rem}.commander-page-coverage b{color:var(--cs-ink);font-variant-numeric:tabular-nums}.commander-page-coverage-bar{background:rgb(var(--ink-rgb) / .08);border-radius:999px;height:4px;display:block;overflow:hidden}.commander-page-coverage-bar>span{border-radius:inherit;background:rgb(var(--success-rgb) / .75);height:100%;display:block}@media (width<=900px){.commander-page-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.commander-page-rail{column-gap:var(--space-4);grid-template-columns:120px minmax(0,1fr);align-items:start;display:grid;position:static}.commander-page-art{grid-row:span 4}.commander-page-actions,.commander-page-rail-block,.commander-page-coverage,.commander-page-warn{grid-column:1/-1}.commander-page-actions{flex-flow:wrap}}@media (width<=520px){.commander-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commander-page-grid--signature{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);grid-template-columns:none;grid-auto-columns:42%;grid-auto-flow:column;overflow-x:auto}.commander-page-grid--signature>.commander-page-tile{scroll-snap-align:start}.commander-page-rail{grid-template-columns:96px minmax(0,1fr)}}