:root{color-scheme:light dark}body{margin:0;font-family:system-ui,sans-serif}button,select{font:inherit}.header{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid rgba(127,127,127,.35)}.grid{display:grid;gap:10px;padding:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card{position:relative;border:1px solid rgba(127,127,127,.35);border-radius:10px;overflow:hidden;background:#7f7f7f14}.canvasWrap{aspect-ratio:16/9;background:#0003;display:flex;align-items:center;justify-content:center}.badge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:999px;font-size:12px;background:#0000008c;color:#fff}.badge.picked{background:#008000a6}.badge.skipped{background:#804000a6}.badge.retired{background:#606060bf}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059}.small{opacity:.8;font-size:12px}.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.spacer{flex:1}.modalBack{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.modal{max-width:1100px;width:100%;background:#141414f2;border:1px solid rgba(127,127,127,.35);border-radius:12px;overflow:hidden}.modalHead{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid rgba(127,127,127,.35)}.modalBody{padding:12px;display:grid;gap:12px}.list{display:grid;gap:8px}.row{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid rgba(127,127,127,.25);border-radius:10px;background:#7f7f7f0f}.row .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.row .meta .label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .meta .sub{opacity:.75;font-size:12px}.row .actions{margin-left:auto;display:flex;gap:8px}