@font-face{
  font-family:'JetBrains Mono';
  src:url('/assets/fonts/jetbrains-mono-400.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'JetBrains Mono';
  src:url('/assets/fonts/jetbrains-mono-700.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}
:root{
  --bg:#0f1115; --panel:#171a21; --line:#262b36; --fg:#e6e9ef; --muted:#8a93a5;
  --acc:#e83411; --acc2:#dddddd; --ok:#3fb950; --warn:#d29922; --err:#f85149; --radius:8px;
  --font:'acumin-pro',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--font);touch-action:manipulation}
a{color:var(--acc2);text-decoration:none}
.hidden{display:none!important}
.muted{color:var(--muted)}

.topbar{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;background:var(--panel);border-bottom:1px solid var(--line);position:relative}
.navmenu{display:flex;align-items:center;gap:1.5rem;flex:1}
.navburger,.navtoggle{display:none}
.topbar nav{display:flex;gap:1rem}
.topbar nav a{color:var(--muted);padding:.25rem 0}
.topbar nav a.active{color:var(--fg);border-bottom:2px solid var(--acc)}
.topbar nav a:hover{color:var(--acc2);border-bottom:2px solid var(--acc)}

.brand{display:inline-flex;align-items:center;color:var(--fg)}
.brand svg{display:block;flex:0 0 auto;color:var(--fg)}
.brand .c{transform-box:fill-box;transform-origin:50% 100%;transition:transform .28s ease}
.brand .c1{transform:rotate(-34deg)}
.brand .c2{transform:rotate(-17deg)}
.brand .c3{transform:rotate(0deg)}
.brand:hover .c1{transform:rotate(-48deg); color:var(--acc)}
.brand:hover .c2{transform:rotate(-24deg); color:var(--acc)}
.brand:hover .c3{transform:rotate(10deg); color:var(--acc)}
@media(prefers-reduced-motion:reduce){
  .brand .c{transition:none}
  .brand:hover .c1{transform:rotate(-34deg)}
  .brand:hover .c2{transform:rotate(-17deg)}
  .brand:hover .c3{transform:rotate(0deg)}
}

@media(prefers-reduced-motion:reduce){.brand svg{transition:none}.brand:hover svg{transform:none}}
.wrap{max-width:1100px;margin:0 auto;padding:1.25rem}

.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.toolbar h1 { margin:0; font-size:18px; }
.toolbar .viewtoggle { margin-left:auto; }
input,select,.btn{background:var(--panel);color:var(--fg);border:1px solid var(--line);
  border-radius:var(--radius);padding:.45rem .7rem;font:inherit}
input:focus,select:focus{outline:2px solid var(--acc);outline-offset:-1px}
#q{flex:1;min-width:200px}
.btn{cursor:pointer}
.btn:hover:not(:disabled){border-color:var(--acc)}
.btn:disabled{opacity:.45;cursor:default}
.btn-sm{padding:.25rem .55rem;font-size:13px}

.status{margin-bottom:1rem;padding:.6rem .8rem;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);font:12px/1.5 var(--mono);max-height:160px;overflow:auto;white-space:pre-wrap}

table.sets{width:100%;border-collapse:collapse}
table.sets th{text-align:left;padding:.5rem;color:var(--muted);font-weight:500;
  border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
table.sets td{padding:.5rem;border-bottom:1px solid var(--line);vertical-align:middle}
table.sets tr:hover td{background:#1b1f28}
code{font:12px var(--mono);color:var(--muted)}


.badge{display:inline-block;padding:.1rem .45rem;border-radius:99px;font-size:11px;font-weight:600}
.b-done{background:rgba(63,185,80,.15);color:var(--ok)}
.b-none{background:#22262f;color:var(--muted)}
.b-running{background:rgba(210,153,34,.15);color:var(--warn)}
.b-error{background:rgba(248,81,73,.15);color:var(--err)}

.bar{height:4px;background:#22262f;border-radius:2px;overflow:hidden;margin-top:.25rem;min-width:70px}
.bar>i{display:block;height:100%;background:var(--acc2);transition:width .2s}

.wrap.wide{max-width:1500px}

.colors{display:flex;gap:.25rem}
.ci{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--panel);
  color:var(--muted);font-weight:700;cursor:pointer;font-size:12px}
.ci-R.on{background:#e88f7e}.ci-G.on{background:#7fc09a}.ci-C.on{background:#c8ccd4}

.colors .ci { display:inline-flex; align-items:center; justify-content:center;
              padding:4px; line-height:0; background:none; }
.colors .ci .ms { width:18px; height:18px; opacity:.4; transition:opacity .15s; }
.colors .ci.on .ms { opacity:1; }
.colors .ci.on { box-shadow:0 0 0 2px var(--acc2) inset; }

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:1rem 0}

.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column}
.card.has{border-color:var(--ok);box-shadow:0 0 0 1px rgba(63,185,80,.25)}
.card .noimg{width:100%;aspect-ratio:146/204;display:grid;place-items:center;color:var(--muted);font-size:11px}
.card .info{padding:.4rem .5rem;font-size:12px;border-bottom:1px solid var(--line)}
.card .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.fin{display:flex;align-items:center;gap:.3rem;padding:.3rem .4rem;border-top:1px solid var(--line)}
.fin:first-of-type{border-top:0}
.fin .lbl{flex:1;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.fin.foil .lbl{background:linear-gradient(90deg,#e05,#fa0,#0e8,#08f,#a0f);
  -webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.stp{width:24px;height:24px;border-radius:5px;border:1px solid var(--line);background:#22262f;
  color:var(--fg);cursor:pointer;font-size:14px;line-height:1;padding:0}
.stp:hover{border-color:var(--acc)}
.qty{width:34px;text-align:center;background:#0d1016;border:1px solid var(--line);border-radius:5px;
  color:var(--fg);padding:.15rem;font:600 13px/1 var(--font);-moz-appearance:textfield;appearance:textfield;}
.qty::-webkit-inner-spin-button{display:none}
.qty.z{color:var(--muted)}

.pager{display:flex;gap:.4rem;justify-content:center;margin:1.5rem 0;flex-wrap:wrap}
.pager button{min-width:34px}
.pager button.cur{border-color:var(--acc);color:var(--acc)}

.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:50;
  display:flex;align-items:center;justify-content:center;gap:.4rem;padding:2rem;cursor:zoom-out}
.lightbox .lb-main{display:flex;flex-direction:column;align-items:center;gap:.7rem;max-width:min(92vw,640px);cursor:default}
.lightbox .lb-imgwrap{position:relative;display:flex}
.lightbox #lbimg{max-width:min(82vw,600px);max-height:76vh;border-radius:4.75%/3.5%;
  filter:drop-shadow(0 12px 32px rgba(0,0,0,.6));transition:transform .3s;background:#0a0c10}
.lightbox #lbimg.flipping{transform:rotateY(180deg) scale(.96)}
.lightbox .lb-flip{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);background:rgba(10,12,16,.75);color:#fff;cursor:pointer;
  font-size:16px;line-height:1;padding:0;backdrop-filter:blur(4px)}
.lightbox .lb-flip:hover{background:var(--acc);border-color:var(--acc)}
.lightbox .lb-nav{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:rgba(20,24,31,.8);
  border:1px solid var(--line);color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0}
.lightbox .lb-nav:hover{border-color:var(--acc);background:#1d2530}
.lightbox .lb-info{display:flex;align-items:center;justify-content:center;gap:.7rem;
  font-size:13px;flex-wrap:wrap;cursor:default}
.lightbox .lb-own{display:inline-flex;align-items:center;gap:.4rem}
.lightbox .lb-val{color:var(--muted);font-variant-numeric:tabular-nums}
.lightbox .lb-info code{font-size:11px}
.lightbox .lb-count{position:absolute;left:0;right:0;bottom:1rem;text-align:center;
  font:12px var(--mono);color:var(--muted);pointer-events:none}
@media(max-width:700px){
  .lightbox{padding:.6rem;gap:.15rem}
  .lightbox #lbimg{max-height:64vh}
  .lightbox .lb-nav{width:40px;height:40px;font-size:22px}
  .lightbox .lb-info{font-size:12px}
}

  .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.25rem}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem}
.tile .v{font-size:1.7rem;font-weight:700;line-height:1.1}
.tile .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}
.tile-d { font-size: 11px; font-weight: 600; margin-top: .25rem; font-variant-numeric: tabular-nums; }
.tile-d.up { color: var(--ok); }
.tile-d.dn { color: var(--err); }

.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem}
.panel h3{margin:0 0 .7rem;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}

.chart{display:flex;flex-direction:column;gap:.35rem}
.row{display:grid;grid-template-columns:70px 1fr 48px;align-items:center;gap:.5rem;font-size:12px}
.row .track{height:8px;background:#22262f;border-radius:4px;overflow:hidden}
.row .track>i{display:block;height:100%;background:var(--acc2);border-radius:4px}
.row .n{text-align:right;color:var(--muted);font:11px var(--mono)}
.row.W .track>i{background:#e8e2c8}.row.U .track>i{background:#5b9bd5}
.row.B .track>i{background:#6f6880}.row.R .track>i{background:#d4614f}
.row.G .track>i{background:#4f9e73}.row.C .track>i{background:#9aa2b1}
.row.common .track>i{background:#8a93a5}.row.uncommon .track>i{background:#8fa6bd}
.row.rare .track>i{background:#d0b45c}.row.mythic .track>i{background:#e07a3f}

.setlist{display:flex;flex-direction:column;gap:.4rem;max-height:190px;overflow:auto}
.setrow{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.5rem;font-size:12px;color:inherit;}
a.setrow:hover { background:#1b1f28; border-radius:6px; }
.setrow img, img.seticon{width:16px;height:16px;filter:invert(1) opacity(.7)}



table.list{width:100%;border-collapse:collapse;margin-top:.5rem}
table.list th{text-align:left;padding:.5rem;color:var(--muted);font-size:11px;text-transform:uppercase;
  letter-spacing:.04em;font-weight:500;border-bottom:1px solid var(--line)}
table.list td{padding:.4rem .5rem;border-bottom:1px solid var(--line);vertical-align:middle}
table.list tr:hover td{background:#1b1f28}
table.list img:not(.ms){width:34px;border-radius:3px;cursor:zoom-in;display:block}
.chips{display:flex;gap:.25rem;flex-wrap:wrap}
.chip{font-size:10px;padding:.05rem .35rem;border-radius:99px;background:#22262f;color:var(--muted)}
.chip.foil{background:linear-gradient(90deg,rgba(224,0,85,.25),rgba(0,136,255,.25));color:var(--fg)}
.r-common{color:#8a93a5}.r-uncommon{color:#a8bdd2}.r-rare{color:#d0b45c}.r-mythic{color:#e07a3f}

.topbar .logout{margin-left:auto;color:var(--muted);font-size:13px}
.topbar .logout:hover{color:var(--err)}
.basesize{width:64px;padding:.25rem .35rem;font-size:12px;text-align:center}

.media{position:relative}
.media img{width:100%;aspect-ratio:146/204;object-fit:cover;display:block;cursor:zoom-in;
  background:#0a0c10;transition:transform .3s}
.media img:hover{transform:scale(1.03)}
.media img.flipping{transform:rotateY(180deg) scale(.96)}

.flip{position:absolute;top:.35rem;right:.35rem;width:26px;height:26px;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);background:rgba(10,12,16,.75);color:#fff;
  cursor:pointer;font-size:14px;line-height:1;padding:0;backdrop-filter:blur(4px);z-index:2}
.flip:hover{background:var(--acc);border-color:var(--acc)}

.tags{position:absolute;left:.35rem;bottom:.35rem;display:flex;gap:.2rem;flex-wrap:wrap;
  max-width:calc(100% - .7rem);z-index:1;pointer-events:none}
.tag{font-size:9px;font-weight:600;letter-spacing:.02em;padding:.1rem .3rem;border-radius:3px;
  background:rgba(10,12,16,.82);color:#c9d1de;border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(4px);text-transform:uppercase}

  .chk{display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;white-space:nowrap}
.chk input{width:auto;padding:0;margin:0}

.varbtn{width:100%;padding:.3rem;border:0;border-top:1px solid var(--line);
  background:#1d2530;color:var(--acc);cursor:pointer;font:600 11px/1 var(--font);
  letter-spacing:.03em;text-transform:uppercase}
.varbtn:hover{background:#243040}
.varbtn.open{background:var(--acc);color:#0b0e13}

.varpanel{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:1rem;padding:1rem;margin:-.25rem 0 .5rem;background:#12151c;
  border:1px solid var(--acc);border-radius:10px}
.varpanel .card{background:var(--bg)}

.quickbar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}
.big{font-size:16px;padding:.7rem .9rem}
.num{width:110px;text-align:center;font:700 20px/1 var(--mono);letter-spacing:.05em}
.quickbar #set{flex:1;min-width:220px}
.chk.big{font-size:14px}

.hint{font-size:12px;margin-bottom:1rem}
kbd{background:#22262f;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;
  padding:.05rem .3rem;font:11px var(--mono)}

.flash{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:10px;
  border:1px solid var(--line);background:var(--panel);margin-bottom:1.25rem;min-height:64px;
  animation:pop .18s ease-out}
.flash.hidden{display:none}
.flash img{width:44px;border-radius:3px}
.flash.ok{border-color:var(--ok);background:rgba(63,185,80,.08)}
.flash.err{border-color:var(--err);background:rgba(248,81,73,.08);color:var(--err)}
.flash.warn{border-color:var(--warn);background:rgba(210,153,34,.08);color:var(--warn)}
@keyframes pop{from{transform:scale(.98);opacity:.4}to{transform:scale(1);opacity:1}}
.flash .alltot{display:block;font-size:11px;color:var(--acc);margin-top:.1rem}

.session{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem}
.sesshead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.7rem}
.sesshead h3{margin:0;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.sesslist{display:flex;flex-direction:column;gap:.3rem;max-height:420px;overflow:auto}
.sessrow{display:grid;grid-template-columns:28px 42px 1fr 46px 38px;align-items:center;gap:.6rem;
  padding:.25rem .35rem;border-radius:6px;font-size:13px}
.sessrow:hover{background:#1b1f28}
.sessrow img{width:28px;border-radius:2px;display:block}
.sessrow .ph{width:28px;height:39px;background:#22262f;border-radius:2px}
.sessrow .n{font:600 12px var(--mono);color:var(--muted);text-align:right}
.sessrow .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sessrow .fin{font-size:9px;font-weight:700;letter-spacing:.05em;text-align:center}
.sessrow .fin.foil{background:linear-gradient(90deg,#e05,#fa0,#0e8,#08f,#a0f);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.sessrow .tot{text-align:right;font-weight:600;color:var(--acc)}

.viewtoggle{display:flex;gap:.2rem}
.view.on{border-color:var(--acc);color:var(--acc);background:#1d2530}

.cardlist{display:flex;flex-direction:column;max-width:1080px;margin:1rem auto}
.chead{display:grid;align-items:center;gap:.6rem;padding:.25rem .6rem;
  position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line)}
.chsort{background:none;border:0;padding:0;cursor:pointer;color:var(--muted);
  font:600 10px/1 var(--font);text-transform:uppercase;letter-spacing:.04em}
.chsort:hover{color:var(--fg)}
.chsort.on{color:var(--acc2)}
.chsort.on::after{content:' ↓'}
.a-l{justify-self:start;text-align:left}
.a-r,.a-n{justify-self:end;text-align:right}
.a-c{justify-self:center;text-align:center}

.crow{display:grid;align-items:center;gap:.6rem;padding:.3rem .6rem;position:relative;
  border-bottom:1px solid var(--line);font-size:13px;cursor:pointer}
.crow:hover{background:#1b1f28}
.crow.has{box-shadow:inset 3px 0 0 var(--ok)}

.cardlist.edit .crow,.cardlist.edit .chead{grid-template-columns:30px 46px 1fr 104px 24px 210px auto}
.cardlist.read .crow,.cardlist.read .chead{grid-template-columns:30px 46px 1fr 104px 24px 70px 76px auto}
.cardlist.read .cmine{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

.crow img:not(.ms){width:30px;border-radius:2px;display:block;cursor:zoom-in}
.crow .ph{width:30px;height:42px;background:#22262f;border-radius:2px}
.crow .cnum{font:600 12px var(--mono);color:var(--muted);text-align:right}
.crow .cname{display:flex;flex-direction:column;gap:.05rem;overflow:hidden}
.crow .ctype{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crow .crar{text-align:center}
.crow .cfins{display:flex;gap:.4rem;align-items:center}
.crow .cfins .fin{border:0;padding:0;gap:.2rem}
.crow .cfins .lbl{flex:0;font-size:10px;min-width:12px}
@media(min-width:701px){
  .crow .cbody,.crow .chd,.crow .cft{display:contents}
}
.cardlist.read .cfins{justify-content:flex-end;font-variant-numeric:tabular-nums}
.cardlist.read .cval{text-align:right;white-space:nowrap;color:var(--fg);font-variant-numeric:tabular-nums}

.cv-hover{position:fixed;z-index:80;pointer-events:none;opacity:0;transition:opacity .1s;
  left:0;top:0}
.cv-hover.on{opacity:1}
.cv-hover img{width:300px;max-width:40vw;display:block;border-radius:4.75%/3.5%;
  background:#0a0c10;filter:drop-shadow(0 12px 30px rgba(0,0,0,.7))}
@media(hover:none){.cv-hover{display:none}}


.tags-inline{display:flex;gap:.2rem;flex-wrap:wrap}
.tags-inline .tag{position:static;backdrop-filter:none}

.varbtn.inline{width:auto;padding:.2rem .45rem;border:1px solid var(--line);border-radius:5px;
  font-size:11px;background:#22262f}

.varpanel.list{display:flex;flex-direction:column;gap:.25rem}
.varpanel.list .crow{background:var(--bg)}

.thumb{position:relative;display:inline-block}
.thumb img{transition:transform .3s}
.thumb img.flipping{transform:rotateY(180deg) scale(.96)}
.flip.sm{width:16px;height:16px;font-size:10px;top:-4px;right:-6px;border-width:1px}

.decklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.deckcard{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column}
.deckcard:hover{border-color:var(--acc)}

.deckart{position:relative;display:block;aspect-ratio:626/300;overflow:hidden;background:#0a0c10}
.deckart img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}
.deckart .noart{position:absolute;inset:0;
  background:repeating-linear-gradient(135deg,#161a22 0 12px,#1b2029 12px 24px)}
.deckgrad{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(10,12,16,.92) 0%,rgba(10,12,16,.35) 45%,transparent 75%)}
.deckname{position:absolute;left:.7rem;right:.7rem;bottom:.55rem;z-index:1;
  font-weight:700;font-size:15px;line-height:1.2;color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.7);overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}

.deckmeta{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;flex-wrap:wrap}
.deckmeta .dact{margin-left:auto;display:flex;gap:.3rem}
.dcount{font:600 12px var(--mono);text-align:right}
.dcount.ok{color:var(--ok)}
.dcount.warn{color:var(--warn)}
.dact{display:flex;gap:.3rem}
.btn.primary{background:var(--acc);border-color:var(--acc);color:#0b0e13;font-weight:600}
.btn.danger:hover{border-color:var(--err);color:var(--err)}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;z-index:60;padding:1rem}
.modalbox{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.2rem;
  width:min(420px,100%);display:flex;flex-direction:column;gap:.8rem}
.modalbox h3{margin:0;font-size:15px}
.fld{display:flex;flex-direction:column;gap:.25rem}
.fld span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.fld textarea{background:var(--panel);color:var(--fg);border:1px solid var(--line);
  border-radius:var(--radius);padding:.45rem .7rem;font:inherit;resize:vertical}
.modalfoot{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.3rem}

.deckhead{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.deckhead h2{margin:0;font-size:18px}
.deckhead .btn{margin-left:auto}
.ok{color:var(--ok)}.warn{color:var(--warn)}

.deckgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.pane{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.9rem}
.pane .toolbar{margin-bottom:.6rem}

.reslist,.decklines{display:flex;flex-direction:column;gap:.25rem;max-height:70vh;overflow:auto}
.resrow{display:grid;grid-template-columns:34px 1fr 70px 34px auto auto;align-items:center;gap:.6rem;
  padding:.3rem .4rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-size:13px}
.resrow.has{border-color:var(--acc)}
.dline{display:grid;grid-template-columns:24px 26px 24px 34px 1fr 70px 34px auto;align-items:center;gap:.5rem;
  padding:.3rem .4rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-size:13px}
.dline.lack{border-color:var(--warn);background:rgba(210,153,34,.06)}
.dqty{text-align:center;font:700 13px var(--mono)}
.resrow img:not(.ms),.dline img:not(.ms){width:34px;border-radius:2px;display:block;cursor:zoom-in}
.resrow .ph,.dline .ph{width:34px;height:47px;background:#22262f;border-radius:2px}
.dnm{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}
.downed{font:11px var(--mono);text-align:right}
.tag.err{background:rgba(248,81,73,.18);color:var(--err);border-color:transparent}
.boardtabs{display:flex;gap:.2rem;margin-bottom:.6rem}

@media(max-width:900px){.deckgrid{grid-template-columns:1fr}}

.anahead{display:flex;justify-content:flex-end;margin-bottom:.6rem}

.mw{width:80px}
.pane .toolbar{margin-bottom:.4rem}
.pane .toolbar:last-of-type{margin-bottom:.7rem}
.toolbar h1 + .btn { margin-left:auto; }

.packbar { display: flex; gap: 8px; align-items: center; }
.packbar #packBtn.on { background: var(--ok); color: #16171b; border-color: var(--ok); }
.packbar.open #packInfo { color: var(--ok); white-space: nowrap; }

body.auth {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 0;
}

.authbox {
  width: 100%;
  max-width: 320px;
  padding: 32px 28px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.authbox .err {
  margin: 0;
  padding: 8px 10px;
  border-radius: var(--radius);
  background: rgba(248, 81, 73, .12);
  color: var(--err);
  font-size: 13px;
}

.authbox h1 {
  margin: 0;
  font-size: 28px;
  letter-spacing: 2px;
}

.authbox > .muted {
  margin: 4px 0 24px;
}

.authbox form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.authbox input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  font-size: 15px;
}

.authbox .btn {
  margin-top: 4px;
  padding: 10px;
  font-size: 15px;
}

.wrap > .panel + .panel {
  margin-top: 16px;
}

.btn.cur{border-color:var(--acc);color:var(--acc);background:#1d2530}

#friendList{max-height:none}
#friendList .setrow{grid-template-columns:20px 1fr auto auto;padding:.6rem .8rem;
  background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:13px}
#deckList{max-height:none;margin-bottom:1rem}
#deckList .setrow{grid-template-columns:20px 1fr auto auto;padding:.6rem .8rem;
  background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:13px}


.mana{display:inline-flex;align-items:center;gap:1px;white-space:nowrap;line-height:1}
.ms{width:1em;height:1em;flex:0 0 auto;display:inline-block;vertical-align:-.11em;
  margin:0;border-radius:0;pointer-events:none;cursor:default}
.cmana.mana{font-size:13px}
.card .cn .mana{margin-right:.3em}
.rules .ms{width:.95em;height:.95em}

.rar-icon {
  width: 16px; height: 16px; display: inline-block; vertical-align: -2px;
  mask: var(--icon) center/contain no-repeat;
  -webkit-mask: var(--icon) center/contain no-repeat;
}
.rar-icon.common   { background: #c9c9c9; }
.rar-icon.uncommon { background: #8fa5b8; }
.rar-icon.rare     { background: #d4af37; }
.rar-icon.mythic   { background: #e2611a; }
.rar-icon.special  { background: #a566cc; }
.rar-icon.bonus    { background: #6cc0a0; }

.card .own .val { margin-left:auto; color:var(--muted); font-size:12px; }
.card[data-set], .crow[data-set] { cursor:pointer; }
.sumbar { margin:4px 0 10px; font-size:13px; }
.filters { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:10px; }
.filters .rng { display:flex; align-items:center; gap:4px; font-size:12px; color:var(--muted); }
.filters .rng input { width:64px; }
.filters label { display:flex; align-items:center; gap:4px; font-size:12px; }

.card .media { position:relative; }
.card .info { padding:8px; border-bottom:0; }
.card .nm { font-weight:600; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.card .meta { display:flex; align-items:center; gap:6px; margin-top:4px; font-size:11px; color:var(--muted); }
.card .meta .sp { flex:1; }
.card .meta code { font-size:10px; opacity:.7; }
.card .meta .pt { font-variant-numeric:tabular-nums; }
.card .meta .rar-icon { width:14px; height:14px; flex:0 0 auto; cursor:help; }
.card .meta [class^="r-"] { cursor:help; }

.card .own { display:flex; align-items:center; gap:6px; padding:6px 8px; border-top:1px solid var(--line); }
.card .own .q { font-weight:700; font-size:15px; font-variant-numeric:tabular-nums; }
.card .own .val { margin-left:auto; color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; }

.card.foilcard .media{
  position:relative; perspective:700px; border-radius:inherit;
  --mx:50%; --my:50%; --px:.5; --py:.5;
  --foil-tex:url('/img/foil.png');
  --foil-op:.4; --glare-op:0; --tiltmax:15; --tex-scale:1.5; --tex-blend:soft-light;
}
.card.foilcard .media img{
  transition:transform .2s ease-out;
  transform:rotateX(calc((var(--py) - .5) * (var(--tiltmax) * -1deg)))
            rotateY(calc((var(--px) - .5) * (var(--tiltmax) * 1deg)));
}
.card.foilcard .media::before{
  content:''; position:absolute; inset:0; pointer-events:none; z-index:2;
  border-radius:inherit;
  background:var(--foil-tex) center/cover no-repeat;
  background-size:calc(var(--tex-scale) * 100%);
  background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);
  mix-blend-mode:var(--tex-blend);
  opacity:var(--foil-op);
  transition:background-position .1s linear, opacity .25s;
}
.card.foilcard .media::after{
  content:''; position:absolute; inset:0; pointer-events:none; z-index:3;
  border-radius:inherit;
  background:radial-gradient(circle at var(--mx) var(--my),
    rgba(255,255,255,.6) 0%, rgba(255,255,255,.15) 28%, transparent 60%);
  mix-blend-mode:color-dodge;
  opacity:var(--glare-op); transition:opacity .25s;
}
.card.foilcard{ box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 0 16px -6px #7ab5e8; }

@media(prefers-reduced-motion:reduce){
  .card.foilcard .media img{ transform:none; transition:none; }
  .card.foilcard .media::before{ background-position:50% 50%; transition:none; }
  .card.foilcard .media::after{ transition:none; }
}

.lightbox .lb-main{perspective:1200px}

.lightbox .lb-imgwrap.foil{
  --mx:50%; --my:50%; --px:.5; --py:.5;
  --foil-tex:url('/img/foil.png');
  --foil-op:.4; --glare-op:0; --tiltmax:10; --tex-scale:1.5; --tex-blend:soft-light;
  transform:rotateX(calc((var(--py) - .5) * (var(--tiltmax) * -1deg)))
            rotateY(calc((var(--px) - .5) * (var(--tiltmax) * 1deg)));
  transition:transform .2s ease-out;
}
.lightbox .lb-imgwrap.foil::before,
.lightbox .lb-imgwrap.foil::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  border-radius:4.75%/3.5%;
}
.lightbox .lb-imgwrap.foil::before{
  z-index:2;
  background:var(--foil-tex) center/cover no-repeat;
  background-size:calc(var(--tex-scale) * 100%);
  background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);
  mix-blend-mode:var(--tex-blend);
  opacity:var(--foil-op);
  transition:background-position .1s linear, opacity .25s;
}
.lightbox .lb-imgwrap.foil::after{
  z-index:3;
  background:radial-gradient(circle at var(--mx) var(--my),
    rgba(255,255,255,.6) 0%, rgba(255,255,255,.15) 28%, transparent 60%);
  mix-blend-mode:color-dodge;
  opacity:var(--glare-op);
}
.lightbox .lb-flip{z-index:4}

@media(prefers-reduced-motion:reduce){
  .lightbox .lb-imgwrap.foil{transform:none;transition:none}
  .lightbox .lb-imgwrap.foil::before{background-position:50% 50%}
}

.modalbox.wide { width:min(640px,100%); }
.modalbox textarea { font:12px/1.5 var(--mono); }
.imperr { padding:.6rem .8rem; border:1px solid var(--err); border-radius:var(--radius);
  background:rgba(248,81,73,.08); font-size:12px; max-height:200px; overflow:auto; }
.imperr div { margin-top:.25rem; }
.deckhead .chk { padding:.25rem .55rem; font-size:12px; }


.proghead:hover{background:#1b1f28}
.proghead img{width:16px;height:16px;filter:invert(1) opacity(.7)}
.proghead .pname{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proghead .track{height:8px;background:#22262f;border-radius:4px;overflow:hidden}
.proghead .track>i{display:block;height:100%;background:var(--acc2);border-radius:4px}
.proghead .n{text-align:right;font:11px var(--mono);color:var(--muted)}
.proghead .pct{text-align:right;font-weight:600;font-size:12px}
.proghead .caret{color:var(--muted);transition:transform .15s}
.progset.open .caret{transform:rotate(180deg)}

.progdetail{display:none;padding:.4rem .7rem .7rem;border-top:1px solid var(--line)}
.progset.open .progdetail{display:block}
.progdetail .row{grid-template-columns:110px 1fr 56px 130px;padding:.25rem .2rem;border-radius:5px;color:inherit}
.progdetail .row:hover{background:#1b1f28}
.progdetail .row .goal{text-align:right;font-size:12px;color:var(--muted)}
.progdetail .row .goal b{color:var(--fg)}

.pgroup{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem}
.pgroup + .pgroup{margin-top:1rem}
.phead{font-size:13px;margin-bottom:.9rem}

.pverdict{font-size:20px;font-weight:700;line-height:1.2;margin-bottom:.9rem}
.pvhint{font-size:13px;font-weight:400;color:var(--muted)}
.pverdict.ok{color:var(--ok)}
.pverdict.warn{color:var(--warn)}
.psub{font-size:12px;margin-top:.15rem}

.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:0 0 1.1rem}
.pstat{min-width:0;padding:.55rem .75rem;background:var(--bg);
  border:1px solid var(--line);border-radius:8px}
.pkx{text-transform:none;letter-spacing:0;opacity:.7}
.psrow{display:grid;grid-template-columns:1fr auto;align-items:baseline;
  column-gap:.6rem;margin-top:.35rem}
.psl{font-size:12px}
.psv{font-variant-numeric:tabular-nums;text-align:right}
.psv b{font-size:15px;font-weight:700}
.psv .muted{font-size:12px}
.psn{grid-column:1/-1;font-size:11px;margin-top:-.1rem}
.psn.ok{color:var(--ok)}
.psn.warn{color:var(--warn)}
.psn:empty{display:none}

.pvnote{font-size:12px;margin:.6rem 0 0}

.pforeign{margin:.6rem 0 0;font-size:13px}
.pforeign b{font-variant-numeric:tabular-nums}
.pfnote{color:var(--muted);cursor:help;margin-left:.2rem}
.pk{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.pv{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;margin:.1rem 0}
.pv .muted{font-size:13px;font-weight:400}
.pn{font-size:11px}
.pn.ok{color:var(--ok)}
.pn.warn{color:var(--warn)}

.pqual{margin:.9rem 0 0;padding:.5rem .65rem;border-radius:6px;background:rgba(210,153,34,.08);
  border:1px solid rgba(210,153,34,.3);font-size:12px;color:var(--warn)}

.proglist { display: grid; grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)); gap: .6rem; align-content: start; }
@media(max-width:760px){ .proglist { grid-template-columns: 1fr; } }

.progset{border:1px solid var(--line);border-radius:8px;background:var(--bg);overflow:hidden;align-self:start}
.proghead{display:grid;align-items:center;width:100%;padding:.55rem .7rem;background:none;border:0;
  color:var(--fg);font:inherit;cursor:pointer;text-align:left;
  grid-template-columns:20px 1fr 90px 56px 38px 16px;gap:.45rem}

@media(min-width:1000px){
  .pgroup .pforeign,.pgroup .pvnote,.pgroup .pqual{margin-top:.6rem}
}

.pv { font-variant-numeric: tabular-nums; }

.pqual {
  margin: .9rem 0 0; padding: 0; background: none; border: 0;
  font-size: 12px; color: var(--muted);
}
.pqual::before { content: '⚠ '; color: var(--warn); }
.chart .blbl{display:flex;align-items:center;gap:.35rem;font-size:15px}
#analysis .chart .row{grid-template-columns:34px 1fr auto}
#analysis .chart .blbl{gap:.35rem}
#analysis #landrec .row{grid-template-columns:88px 1fr auto}

.lprob{margin-top:.6rem;font-size:12px}
.lprob b{font-weight:600}
.filterbar{display:none}

.pvalue{margin-top:10px;padding:10px 12px;background:var(--bg);
  border:1px solid var(--line);border-radius:8px;border-top:1px solid var(--line)}
.pvrow{margin-bottom:2px}
.pvrow b{font-size:16px}
.pvnote{font-size:.85em;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}

#tabDecks .deckcard{cursor:pointer}

#deckDetail .fd-detailhead h3{margin:.4rem 0 0}
#deckDetail .fd-board{font-size:14px;margin:1.2rem 0 .6rem}
#deckDetail .fd-cols{columns:2;column-gap:1.4rem}
#deckDetail .fd-group{break-inside:avoid;margin-bottom:.9rem}
#deckDetail .fd-group .ghd{display:flex;justify-content:space-between;align-items:baseline;
  font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;
  font-weight:600;padding:0 .1rem .25rem;border-bottom:1px solid var(--line);margin-bottom:.3rem}
#deckDetail .fd-group .ghd .gn{font:600 11px var(--mono)}
#deckDetail .fd-line{display:grid;grid-template-columns:2.4rem 1fr auto 4.8rem;align-items:center;
  gap:.5rem;padding:.28rem .4rem;border-radius:6px}
#deckDetail .fd-line:hover{background:#1b1f28}
#deckDetail .fd-line.lack{background:rgba(210,153,34,.07)}
#deckDetail .fd-line .q{font:700 13px var(--mono);color:var(--muted)}
#deckDetail .fd-line .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#deckDetail .fd-line .cmana{font-size:13px;white-space:nowrap}
#deckDetail .fd-line .st{font:11px var(--mono);white-space:nowrap;text-align:right}
@media(max-width:700px){#deckDetail .fd-cols{columns:1}}

.friendcard{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column;cursor:pointer}
.friendcard:hover{border-color:var(--acc)}
.friendcard.priv{cursor:default;opacity:.6}
.friendcard.priv:hover{border-color:var(--line)}
.friendcard .deckart{position:relative;display:block;aspect-ratio:626/300;overflow:hidden;background:#0a0c10}
.friendcard .deckart img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.friendcard .noart{position:absolute;inset:0;
  background:repeating-linear-gradient(135deg,#161a22 0 12px,#1b2029 12px 24px)}
.friendcard .fc-init{position:absolute;inset:0;display:grid;place-items:center;
  font:700 3rem/1 var(--font);color:var(--muted);opacity:.5}
.friendcard .deckname{position:absolute;left:.7rem;right:.7rem;bottom:.55rem;z-index:1;
  font-weight:700;font-size:15px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.friendcard .deckmeta{padding:.6rem .7rem}

.rm { display: flex; flex-direction: column; }
.rm-row { display: flex; align-items: center; gap: .6rem; padding: .5rem .25rem; border-bottom: 1px solid var(--line); text-decoration: none; color: inherit; }
.rm-row:last-child { border-bottom: 0; }
.rm-row.imp:hover { background: var(--bg); }
.rm-icon { width: 20px; height: 20px; flex: none; background: var(--muted); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
.rm-name { flex: 1; }
.rm-date { color: var(--muted); font-family: var(--mono); font-size: .85rem; }
.rm-now { font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin: .5rem 0 .25rem; }
.rm-empty { color: var(--muted); padding: .5rem .25rem; }

.zone + .zone { margin-top: 1.75rem; }
.zone > * + * { margin-top: 1rem; }
.zone .tiles { margin: 0; }
.zonehead { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); font-weight: 600; margin: 0 0 .75rem; padding-bottom: .4rem; border-bottom: 1px solid var(--line); }
.dash-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.quick-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: 1rem; }
.ac-meta { margin-top: .9rem; padding-top: .7rem; border-top: 1px solid var(--line); font-size: 12px; color: var(--muted); }
#acGoal .ac-item { border-bottom: 0; padding: .5rem .25rem; }
.minicharts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.mini-h { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin-bottom: .5rem; }
details#packPanel > summary { cursor: pointer; font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; font-weight: 600; list-style: none; }
details#packPanel > summary::-webkit-details-marker { display: none; }
details#packPanel > summary::before { content: '▸ '; }
details#packPanel[open] > summary::before { content: '▾ '; }
details#packPanel > summary + * { margin-top: .8rem; }
.quick-actions .btn { display: flex; align-items: center; gap: .55rem; text-align: left; }
.qa-ic { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#actionCenter { background: linear-gradient(135deg, var(--panel), #1c2029); }
.ac-greet { font-size: 1.15rem; font-weight: 600; margin-bottom: .8rem; }

.ac-hero{position:relative;margin-bottom:.9rem}
.ac-hero-bg{position:relative;border-radius:10px;overflow:hidden;height:100px;z-index:0}
.ac-hero-blur{width:100%;height:100%;object-fit:cover;object-position:center;
  filter:blur(22px) brightness(.5) saturate(1.5);transform:scale(1.12)}
.ac-hero-greet-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;
  padding:0 1rem .2rem calc(1rem + 114px + 1.4rem)}
.ac-hero-avatar-wrap{position:absolute;top:calc(100px - 42px);left:1rem;z-index:2;
  width:114px;height:84px;border-radius:8px;overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.6);border:2px solid var(--panel)}
.ac-hero-avatar{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}
.ac-stats{list-style:none;display:flex;align-items:flex-end;gap:1rem;margin:0;
  padding:0 1rem 4px calc(1rem + 114px + 1.4rem);min-height:48px;flex-wrap:wrap}
.ac-stats li{min-width:0}
.ac-stats li a{display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;
  font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;
  text-decoration:none}
.ac-stats li a:hover span{color:var(--acc2)}
.ac-stats span{font-size:1rem;font-weight:700;color:var(--fg);line-height:1.2;text-transform:none;letter-spacing:0}

@media(max-width:700px){
  .ac-hero-bg{height:90px}
  .ac-hero-avatar-wrap{width:100px;height:74px;top:calc((90px - 74px) / 2);
    box-shadow:0 2px 10px rgba(0,0,0,.5)}
  .ac-hero-greet-overlay{align-items:center;padding:0 1rem 0 calc(1rem + 100px + 1rem)}
  .ac-stats{padding:.6rem 1rem 0;min-height:0}
}

.ac-item { display: flex; align-items: center; gap: .6rem; padding: .55rem .25rem; border-bottom: 1px solid var(--line); color: inherit; }
.ac-item:last-child { border-bottom: 0; }
.ac-txt { flex: 1; }
.ac-ar { width: 18px; height: 18px; flex: none; fill: none; stroke: var(--muted); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ac-item:hover .ac-ar { stroke: var(--acc); }

.ac-alert {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--err) 15%, transparent);
  color: var(--err);
  font-size: .85em;
  font-weight: 600;
}
.ac-warn { color: var(--warn); font-weight: 600; }
@media(max-width:700px){
  .dash-2col { grid-template-columns: 1fr; }
  .minicharts { grid-template-columns: 1fr; gap: .5rem; }
}

.av-days { display: flex; flex-direction: column; }
.av-day { display: flex; align-items: center; gap: .6rem; padding: .4rem .25rem; border-bottom: 1px solid var(--line); }
.av-day:last-child { border-bottom: 0; }
.av-lbl { flex: 1; }
.av-n { font: 600 12px var(--mono); color: var(--ok); font-variant-numeric: tabular-nums; }
.av-head { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); font-weight: 600; margin: 1rem 0 .4rem; }
.av-cards { display: flex; flex-direction: column; }
.av-card { display: flex; align-items: center; gap: .5rem; padding: .3rem .25rem; font-size: 13px; }
.av-q { font: 600 12px var(--mono); color: var(--muted); min-width: 1.8rem; }
.av-nm { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.av-link { color: inherit; }
.av-link:hover { background: var(--bg); border-radius: 6px; }
.av-date { font: 11px var(--mono); color: var(--muted); white-space: nowrap; }
.av-who { font-weight: 600; color: var(--acc2); white-space: nowrap; }
.av-day .av-lbl { display: flex; align-items: baseline; gap: .5rem; }

.dbld-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.25rem}
.dbld-help{font-size:12px;margin:.7rem 0 0;line-height:1.5}
.dbld-seg{display:flex;gap:.3rem;flex-wrap:wrap}
.dbld-seg .btn.on{border-color:var(--acc);color:var(--acc);background:#1d2530}
.dbld-actions{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}
.dbld-report{margin-top:.5rem}

.dbld-summary{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem;font-size:14px}
.dbld-summary .mana{font-size:20px}
.dbld-count{font-weight:700;font-variant-numeric:tabular-nums}
.dbld-count.ok{color:var(--ok)}.dbld-count.warn{color:var(--warn)}
.dbld-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
@media(max-width:860px){.dbld-cols{grid-template-columns:1fr}}
.dbld-why{margin:0;padding-left:1.1rem;font-size:13px;line-height:1.6}
.dbld-why li{margin-bottom:.3rem}
.dbld-line{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.5rem;
  padding:.2rem .35rem;border-radius:5px;font-size:13px}
.dbld-line:hover{background:#1b1f28}
.dbld-line .q{font:700 12px var(--mono);color:var(--muted);text-align:center}
.dbld-line .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbld-int{font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  color:var(--warn);border:1px solid rgba(210,153,34,.4);border-radius:3px;padding:0 .25rem;margin-left:.3rem}

.dbld-clr .mana{font-size:20px}
.dbld-group + .dbld-group{margin-top:.6rem}
.dbld-ghd{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;
  color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;
  padding:0 .1rem .25rem;border-bottom:1px solid var(--line);margin-bottom:.3rem}
.dbld-ghd .gn{font:600 11px var(--mono)}

.dbld-list{display:flex;flex-direction:column;gap:.15rem}

.dbld-report .chart .row{grid-template-columns:auto 1fr auto}
.dbld-report .chart .blbl{white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}
.dbld-report .chart .n{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}

.dbld-report > .panel + .dbld-cols,
.dbld-report > .dbld-summary + .panel{margin-top:1rem}
.dbld-report > .dbld-cols + .dbld-actions{margin-top:1rem}

.lightbox .lb-add{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;cursor:default;align-self:center}
.lightbox .lb-add.hidden{display:none}
.lightbox .lb-addbtn{padding:.4rem .8rem;background:var(--acc);color:#0b0e13;border:0;
  border-radius:var(--radius);cursor:pointer;font:600 13px var(--font)}
.lightbox .lb-addbtn:hover{filter:brightness(1.08)}
.lightbox .lb-addpanel{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center;
  padding:.6rem .7rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.lightbox .lb-addpanel.hidden{display:none}
.lightbox .lb-decksel{padding:.35rem .5rem;background:var(--bg);color:var(--fg);
  border:1px solid var(--line);border-radius:5px;font:inherit;max-width:180px}
.lightbox .lb-addq{display:inline-flex;align-items:center;gap:.2rem}
.lightbox .lb-addq .qty{width:40px;text-align:center}
.lightbox .lb-add label{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted);font-size:13px}
.lightbox .lb-add label input{width:auto;padding:0;margin:0}
.lightbox .lb-addgo{padding:.35rem .7rem;background:#1d2530;color:var(--fg);
  border:1px solid var(--line);border-radius:5px;cursor:pointer;font:inherit}
.lightbox .lb-addgo:hover{border-color:var(--acc)}
.lightbox .lb-addmsg{font-size:13px;min-height:1em}
.lightbox .lb-addmsg.err{color:var(--err)}
.lightbox .lb-addmsg.ok{color:var(--ok)}

.pv-cta{margin:0 0 .8rem}
.pv-cta a{color:var(--acc2)}
.val-pick select{min-width:280px}
.val-intro{margin:.8rem 0 0;font-size:13px;max-width:640px}
.val-head{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}
.val-head h2{margin:0;font-size:18px}
.val-price{color:var(--muted);font-size:13px;display:inline-flex;align-items:center;gap:.4rem}
.val-price input{width:80px;padding:.25rem .4rem;text-align:right;
  font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.val-price input::-webkit-inner-spin-button{display:none}
.val-hero{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem}
.vh-main{font-size:20px;line-height:1.35}
.vh-compare{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.2rem 0 .3rem}
.vh-opt{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .8rem;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.vh-opt .vh-k{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.vh-opt .vh-v{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.vh-opt .vh-note{font-size:11px;color:var(--muted)}
.vh-opt.best{border-color:var(--acc2);box-shadow:0 0 0 1px var(--acc2) inset}
.vh-opt.best .vh-v{color:var(--acc2)}
.vh-verdict{font-size:14px;line-height:1.5;padding:.6rem .8rem;border-radius:var(--radius);
  border:1px solid var(--line);background:var(--panel)}
.vh-verdict.show{border-left:3px solid var(--acc)}
.vh-verdict.good{border-left-color:var(--ok);background:rgba(63,185,80,.06)}
.vh-verdict.warn{border-left-color:var(--warn);background:rgba(210,153,34,.06)}
.vh-market{font-size:13px;margin-top:.2rem}
@media(max-width:700px){.vh-compare{grid-template-columns:1fr}}
.val-rars{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}
.vr-row{display:grid;grid-template-columns:100px 90px 1fr;align-items:center;gap:.6rem;
  padding:.35rem .5rem;border-bottom:1px solid var(--line);font-size:13px}
.vr-rar{font-weight:600}
.vr-rar.common{color:#8a93a5}.vr-rar.uncommon{color:#a8bdd2}
.vr-rar.rare{color:#d0b45c}.vr-rar.mythic{color:#e07a3f}
.vr-p{font-variant-numeric:tabular-nums}
.vr-det{font-size:12px}
.val-dupe{padding:.6rem .8rem;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);font-size:13px;margin-bottom:1rem}
.val-caveat{font-size:12px;line-height:1.5;max-width:680px}
#valResult{display:block;margin-top:16px}
@media(max-width:700px){.vr-row{grid-template-columns:80px 80px 1fr}}

.prodform{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;
  padding-top:1rem;border-top:1px solid var(--line)}
.prodform .row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.prodform .row.odds label{display:inline-flex;flex-direction:column;gap:.2rem;
  font-size:11px;color:var(--muted)}
.prodform .row.odds input{width:74px;text-align:right;font-variant-numeric:tabular-nums}
.prodform #pfName{flex:1;min-width:180px}
.prodform #pfSource{flex:1;min-width:180px}

.tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:1.25rem;border-bottom:1px solid var(--line)}
.tabs .tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);
  padding:.6rem .9rem;cursor:pointer;font:600 14px var(--font);margin-bottom:-1px}
.tabs .tab:hover{color:var(--fg)}
.tabs .tab.on{color:var(--fg);border-bottom-color:var(--acc)}
.tabpanel{display:none}
.tabpanel.on{display:block}

@media(max-width:700px){
  .topbar{gap:.75rem;padding:.6rem 1rem}
  .navburger{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;
    width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:var(--radius);
    background:var(--panel);color:var(--fg);font-size:20px;line-height:1;cursor:pointer;
    -webkit-tap-highlight-color:transparent}
  .navmenu{display:none;position:absolute;top:100%;left:0;right:0;z-index:40;flex-direction:column;
    align-items:stretch;gap:0;background:var(--panel);border-bottom:1px solid var(--line);
    box-shadow:0 10px 28px rgba(0,0,0,.45)}
  .navtoggle:checked ~ .navmenu{display:flex}
  .topbar nav{flex-direction:column;gap:0}
  .topbar nav a{padding:.85rem 1.25rem;border-top:1px solid var(--line);color:var(--fg);font-weight:600;}
  .topbar nav a.active{color:var(--acc);border-bottom:0}
  .topbar nav a:hover{border-bottom:0}
  .navmenu .logout{margin:0;padding:.85rem 1.25rem;border-top:1px solid var(--line);font-size:14px}

/* Echte Tabellen: horizontal scrollbar, Spalten bleiben ausgerichtet */
  .wrap table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wrap table td,.wrap table th{white-space:nowrap}

  /* Deck-Liste */
  .deckrow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.7rem .8rem}
  .deckrow .dname{flex:1 0 100%;font-size:15px}
  .deckrow .dcount{text-align:left}
  .deckrow .dact{flex:1 0 100%;justify-content:flex-end}

  /* Set-Fortschritt: Kopf kompakter, Detailzeile stapeln */
  .proghead{grid-template-columns:20px 1fr auto auto 16px;gap:.4rem}
  .proghead .track{display:none}

  .progdetail .row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem .5rem}
  .progdetail .row>span:first-child{order:1}
  .progdetail .row .n{order:1;text-align:right}
  .progdetail .row .track{grid-column:1/-1;order:2}
  .progdetail .row .goal{grid-column:1/-1;order:3;text-align:left}

  /* Kartenliste (Listenansicht) */
  .chead{display:none}
  .cardlist{max-width:none}

.cardlist.read .crow,.cardlist.edit .crow{display:grid;grid-template-columns:44px 1fr;
    column-gap:.6rem;align-items:start;padding:.5rem .5rem}
  .cardlist .crow>img:not(.ms),.cardlist .crow>.ph{width:44px;height:auto}

  .cardlist .crow .cbody{display:flex;flex-direction:column;gap:.25rem;min-width:0}
  .cardlist .crow .chd{display:flex;align-items:baseline;gap:.5rem;min-width:0}
  .cardlist .crow .chd .cnum{flex:0 0 auto;min-width:1.9rem}
  .cardlist .crow .chd .cname{flex:1 1 auto;min-width:0}
.cardlist .crow .cft{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
    padding-left:calc(1.9rem + .5rem)}
  .cardlist .crow .cvar{grid-column:2;justify-self:start}

  .cardlist.read .crow .cft .cfins{margin-left:auto;font-variant-numeric:tabular-nums}
.cardlist.read .crow .cft .cval,
  .cardlist.read .crow .cft .cmine{white-space:nowrap;text-align:right}
  .cardlist.edit .crow .cft .cfins{flex:0 0 100%;justify-content:flex-end;gap:.9rem;margin-top:.15rem}
  .cardlist.edit .crow .cft .cfins .stp{width:30px;height:30px}
  .cardlist.edit .crow .cft .cfins .qty{width:38px}

  .filterbar{display:inline-flex;align-items:center}
  .wrap .filterbox{display:none}
  .filtoggle:checked ~ .filterbox{display:flex;flex-direction:column;align-items:stretch}
  .filterbox > *{width:100%}
  .filterbox .colors{width:auto}
  .filterbox .rng input{width:auto;flex:1;min-width:0}
}

/* Packlist */

.pl{display:flex;flex-direction:column;gap:.35rem}
.plrow{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}
.plhead{display:grid;grid-template-columns:78px 1fr 62px 54px 76px 108px 16px;
  align-items:center;gap:.6rem;width:100%;padding:.55rem .7rem;
  background:none;border:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.plhead:hover{background:#1b1f28}
.pldate{font:12px var(--mono);color:var(--muted)}
.plname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.plname .muted{font-weight:400;font-size:12px;margin-left:.35rem}
.plcards,.plrare,.plval{text-align:right;font-variant-numeric:tabular-nums}
.plcards .muted,.plrare .muted{font-size:11px}
.plstate{font-size:11px;text-align:right}
.plstate.ok{color:var(--ok)}.plstate.warn{color:var(--warn)}.plstate.err{color:var(--err)}
.plcards.warn{color:var(--warn)}.plcards.err{color:var(--err)}
.plrow .caret{color:var(--muted);transition:transform .15s}
.plrow.open .caret{transform:rotate(180deg)}

.pldetail{display:none;padding:.4rem .7rem .7rem;border-top:1px solid var(--line)}
.plrow.open .pldetail{display:block}
.plcard{display:grid;grid-template-columns:22px 28px 42px 1fr 20px 48px 34px 62px;
  align-items:center;gap:.6rem;padding:.25rem .2rem;border-radius:5px;font-size:13px}
.plcard:hover{background:#1b1f28}
.plcard img{width:28px;border-radius:2px;display:block}
.plcard .ph{width:28px;height:39px;background:#22262f;border-radius:2px}
.plcard .n{font:600 12px var(--mono);color:var(--muted);text-align:right}
.plcard .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plcard .r{font:700 11px var(--mono);text-align:center}
.plcard .f{font-size:10px;color:var(--muted);text-transform:uppercase}
.plcard .d,.plcard .v{text-align:right;font-variant-numeric:tabular-nums}
.plcard .d.err{color:var(--err)}
.plempty{display:flex;align-items:center;gap:.7rem;font-size:13px;color:var(--muted)}

.plsel{display:flex;align-items:center;justify-content:center;cursor:pointer}
.plsel input{width:auto;padding:0;margin:0}

.plmove{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
  margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line);font-size:13px}
.plmove select{padding:.25rem .45rem;font-size:12px;max-width:260px}
.plmmsg{font-size:12px}
.plmmsg.err{color:var(--err)}
.plmmsg.warn{color:var(--warn)}

.amcard{display:flex;gap:.6rem;align-items:center;margin:.6rem 0}
.amcard img{width:44px;border-radius:3px}

@media(max-width:700px){
  .plhead{grid-template-columns:1fr auto 16px;row-gap:.2rem}
  .pldate{grid-column:1}
  .plname{grid-column:1/3}
  .plcards,.plrare,.plval,.plstate{grid-column:auto;font-size:12px}
  .plcard{grid-template-columns:22px 28px 38px 1fr 34px 56px}
  .plcard .r,.plcard .f{display:none}
}

.remember { display:flex; gap:.5em; align-items:center; font-size:.9em; color:var(--muted); }
.remember input { width:auto; margin:0; flex:0 0 auto; }

@keyframes price-pulse {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.18); }
  70%  { transform: scale(0.96); }
  100% { transform: scale(1); }
}

.price-hi {
  color: var(--warn);
  font-weight: 700;
  display: inline-block;
  animation: price-pulse .5s ease-out;
}

/* Profile */
.profile-hero{position:relative;border-radius:10px;margin-bottom:1.5rem;
  background:var(--bg);border:none;overflow:visible}
.hero-bg{position:relative;border-radius:10px;overflow:hidden;
  height:120px;z-index:0}
.hero-blur{width:100%;height:100%;object-fit:cover;object-position:center;
  filter:blur(22px) brightness(.5) saturate(1.5);transform:scale(1.12)}
.hero-name-overlay{position:absolute;inset:0;z-index:1;
  display:flex;align-items:flex-end;
  padding:1rem 1.5rem .75rem calc(1.5rem + 140px + 1rem)}
.hero-name-overlay h1{margin:0;font-size:1.6rem;font-weight:700;
  text-shadow:0 1px 6px rgba(0,0,0,.5)}
.hero-avatar-wrap{position:absolute;top:calc(120px - 52px);left:1.5rem;z-index:2;
  width:140px;height:104px;border-radius:8px;overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.6);border:2px solid var(--panel)}
.hero-avatar{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}
.hero-body{padding:.75rem 1.5rem 1.25rem calc(1.5rem + 140px + 1rem);
  background:transparent}
.hero-stats{list-style:none;margin:0;padding:0;display:flex;gap:1.25rem;flex-wrap:nowrap}
.hero-stats li{min-width:0;display:flex;flex-direction:column;align-items:center;gap:.1rem}
.hero-stats li a{display:flex;flex-direction:column;align-items:center;gap:.1rem;
  color:inherit;text-decoration:none}
.hero-stats li a:hover span{color:var(--acc2)}
.hero-stats span{font-size:1.2rem;font-weight:700;line-height:1;white-space:nowrap}
.hero-stats small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap}

.hero-edit-link{position:absolute;bottom:.6rem;right:.75rem;z-index:2;
  color:rgba(255,255,255,.35);font-size:14px;text-decoration:none;
  transition:color .15s}
.hero-edit-link:hover{color:rgba(255,255,255,.85)}

@media(max-width:700px){
  .hero-stats{gap:.75rem;flex-wrap:wrap}
  .hero-stats span{font-size:1rem}
  .hero-stats small{font-size:9px}

  .hero-bg{height:90px}
  .hero-avatar-wrap{top:calc((90px - 74px) / 2);left:1rem;width:100px;height:74px}
  .hero-name-overlay{align-items:center;padding:0 1rem 0 calc(1rem + 100px + 1rem)}
  .hero-body{padding:.75rem 1rem 1rem}
  .hero-edit-link{bottom:.5rem;right:.6rem}
}

.profile-section{margin-bottom:2rem}
.profile-section h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--muted);font-weight:600;margin:0 0 .75rem;padding-bottom:.4rem;
  border-bottom:1px solid var(--line)}

.profile-recent-card img,.profile-recent-card .ph{width:80px;height:112px;
  border-radius:4px;object-fit:cover;background:#22262f}
.profile-recent-card .prn{font-size:10px;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;width:100%}

.profile-deck-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}

.tl-feed{display:flex;flex-direction:column;gap:.25rem}
.tl-day{display:flex;flex-direction:column;gap:.15rem}
.tl-date{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);
  font-weight:600;padding:.6rem 0 .3rem;border-top:1px solid var(--line);margin-top:.4rem}
.tl-day:first-child .tl-date{border-top:0;margin-top:0}
.tl-event{display:flex;align-items:center;gap:.6rem;padding:.3rem .25rem;
  font-size:13px;border-radius:5px}
.tl-event:hover{background:#1b1f28}
.tl-event a.tl-link{color:inherit;text-decoration:none;flex:1}
.tl-event a.tl-link:hover{color:var(--acc2)}
.tl-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:11px;flex:0 0 auto}
.tl-cards_added   .tl-icon{background:rgba(63,185,80,.15);color:var(--ok)}
.tl-cards_removed .tl-icon{background:rgba(248,81,73,.15);color:var(--err)}
.tl-packs_opened  .tl-icon{background:rgba(232,52,17,.15);color:var(--acc)}
.tl-deck_created  .tl-icon{background:rgba(221,221,221,.1);color:var(--acc2)}
.tl-deck_edited   .tl-icon{background:rgba(221,221,221,.08);color:var(--muted)}
.tl-milestone     .tl-icon{background:rgba(210,153,34,.15);color:var(--warn)}
.plrow.pl-highlight > .plhead { border-left: 3px solid var(--acc); padding-left: calc(.7rem - 3px); }

@media(max-width:700px){
  .plhead{grid-template-columns:1fr auto auto auto 16px;grid-template-rows:auto auto;row-gap:.15rem;padding:.5rem .6rem}
  .pldate{grid-column:1;grid-row:1;font-size:11px}
  .plname{grid-column:1/5;grid-row:2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .plcards{grid-column:2;grid-row:1;font-size:12px}
  .plrare{grid-column:3;grid-row:1;font-size:12px}
  .plval{grid-column:4;grid-row:1;font-size:12px}
  .plstate{display:none}
  .caret{grid-column:5;grid-row:1 / span 2;align-self:center}
}

.fd-cols{columns:2;column-gap:1.4rem}
.fd-group{break-inside:avoid;margin-bottom:.9rem}
.fd-group .ghd{display:flex;justify-content:space-between;align-items:baseline;
  font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;
  font-weight:600;padding:0 .1rem .25rem;border-bottom:1px solid var(--line);margin-bottom:.3rem}
.fd-group .ghd .gn{font:600 11px var(--mono)}
.fd-line{display:grid;grid-template-columns:2.4rem 1fr auto 4.8rem;align-items:center;
  gap:.5rem;padding:.28rem .4rem;border-radius:6px}
.fd-line:hover{background:#1b1f28}
.fd-line.lack{background:rgba(210,153,34,.07)}
.fd-line .q{font:700 13px var(--mono);color:var(--muted)}
.fd-line .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-line .cmana{font-size:13px;white-space:nowrap}
.fd-line .st{font:11px var(--mono);white-space:nowrap;text-align:right}
@media(max-width:700px){.fd-cols{columns:1}}

#bTopSet{font-size:1rem;word-break:break-word;line-height:1.3}
#timelineMore{margin-top:1rem}

.friend-collection-link{display:inline-block;margin:.5rem 0 1.5rem}

.profile-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}
@media(max-width:700px){.profile-2col{grid-template-columns:1fr}}
#sectionRecent h2{margin-bottom:0}

.tl-who{font-weight:600;color:var(--acc2);margin-right:.25rem}
.tl-user-group{margin-bottom:.5rem}
.tl-user-group.tl-own{margin-bottom:.75rem}
.tl-user-group + .tl-user-group{
  margin-top:.75rem;padding:.6rem .7rem;
  background:rgba(221,221,221,.04);
  border:1px solid var(--line);
  border-radius:8px}
.tl-user-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--acc2);margin-bottom:.4rem}

.lb-listpanel{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;max-width:220px}
.lb-listpanel label{display:flex;align-items:center;gap:.4rem;font-size:13px}
.lb-listpanel label input{width:auto;margin:0}
.lb-newlist{display:flex;gap:.3rem;margin-top:.3rem;width:100%}
.lb-newname{flex:1;font-size:12px;padding:.3rem .4rem}

.lightbox .lb-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;align-items:center}

[hidden] { display: none !important; }

.is-loading{position:relative;min-height:80px;pointer-events:none;opacity:.5;transition:opacity .15s}
.is-loading::after{
  content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;
  margin:-14px 0 0 -14px;border:3px solid var(--line);border-top-color:var(--acc);
  border-radius:50%;animation:spin .7s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}