.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:stretch;gap:12px;display:grid}.card-grid>.compact{cursor:pointer;flex-direction:column;gap:8px;margin:0;padding:12px 14px;transition:border-color .15s,transform .15s;display:flex}.card-grid>.compact:hover,.card-grid>.compact:focus-visible{border-color:var(--gold-dim);outline:none;transform:translateY(-1px)}.compact .stage-head{flex-wrap:wrap;gap:6px 8px;margin:0}.card-grid>.compact .stage-head h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:100%;order:5;font-size:14.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.card-grid>.compact .stage-head .value{font-size:16px}.compact .stage-id{min-width:0;font-size:12px}.compact .bar{margin:auto 0 0}.compact .teaser{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.card-modal{border:1px solid var(--gold-dim);background:linear-gradient(var(--panel-2), var(--panel));width:min(860px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);border-radius:8px;padding:0;box-shadow:0 18px 60px #000000b3}.card-modal::backdrop{background:#0000009e}.card-modal-body{max-height:calc(100vh - 48px);padding:18px 22px 20px;overflow:auto}.card-modal-body>.stage,.card-modal-body>section,.card-modal-body>article{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.card-modal-body .stage-head{padding-right:32px}.card-modal-close{z-index:1;border:1px solid var(--line);background:var(--panel);width:30px;height:30px;color:var(--gold);cursor:pointer;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:8px;right:10px}.card-modal-close:hover{border-color:var(--gold)}@media (width<=640px){.card-grid{grid-template-columns:1fr}.card-modal-body{padding:14px 14px 16px}}