:root{
  --bg:#080b10;--panel:#111722;--panel2:#0d131d;--line:#253044;--text:#f2f5f8;--muted:#93a1b5;
  --yellow:#f4ef18;--cyan:#21e6d8;--red:#ff4f62;--green:#39d98a;--blue:#49a5ff;--orange:#ffb14a;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#101b2b 0,#080b10 36%,#07090d 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 5px;font-size:11px;letter-spacing:.16em;color:var(--cyan);font-weight:800}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#090d14e8;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;backdrop-filter:blur(12px)}.logo{display:flex;gap:12px;align-items:center;padding:0 5px 20px}.logo>span,.brand-mark{width:44px;height:44px;border:2px solid var(--yellow);color:var(--yellow);display:grid;place-items:center;font-weight:900;clip-path:polygon(0 0,84% 0,100% 18%,100% 100%,16% 100%,0 84%)}.logo b,.logo small{display:block}.logo small{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:9px;margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav-btn{border:1px solid transparent;background:transparent;color:#aeb9c7;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;display:flex;gap:10px;align-items:center}.nav-btn:hover,.nav-btn.active{background:#151d2a;border-color:#2a3649;color:#fff}.nav-btn.active{box-shadow:inset 3px 0 0 var(--yellow)}.sidebar-footer{margin-top:auto;display:grid;gap:9px;font-size:13px}.sidebar-footer a{color:#98a5b8;text-decoration:none;padding:7px 4px}.sidebar-footer a:hover{color:#fff}.sidebar-footer small{color:#566276;padding:6px 4px}.main{padding:28px 34px 60px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.topbar h1{margin:0;font-size:31px}.top-actions{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#0d131c;padding:9px 11px;border-radius:999px}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.stat{background:linear-gradient(145deg,#131a26,#0d121b);border:1px solid var(--line);border-radius:13px;padding:16px;min-height:105px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:90px;height:90px;border:1px solid #ffffff0b;right:-28px;top:-28px;transform:rotate(45deg)}.stat-label{color:#8492a7;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:29px;font-weight:900;margin:5px 0 2px}.stat-foot{font-size:12px;color:#6f7c90}.panel{background:linear-gradient(180deg,#101721,#0c121b);border:1px solid var(--line);border-radius:14px}.controls{padding:12px;display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,190px);gap:9px;margin-bottom:14px}.search-wrap{display:flex;align-items:center;gap:8px;background:#080d14;border:1px solid #2d394d;border-radius:9px;padding:0 11px;color:#6d7a8e}.search-wrap input,.controls select{width:100%;background:#080d14;color:#e8edf4;border:1px solid #2d394d;border-radius:9px;padding:10px 11px;outline:none}.search-wrap input{border:0;padding-left:2px}.search-wrap:focus-within,.controls select:focus{border-color:#657897}.collection-panel{overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0 0 3px;font-size:17px}.panel-head p{margin:0;font-size:12px}.legend{display:flex;gap:14px;color:#8d9aae;font-size:12px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.dot.owned{background:var(--green)}.dot.missing{background:var(--red)}.card-list{min-height:200px}.card-row{display:grid;grid-template-columns:minmax(260px,1.7fr) 110px 110px 160px 125px 56px;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid #1e2838;transition:.16s}.card-row:hover{background:#121a26}.card-row:last-child{border-bottom:0}.card-ident{display:flex;gap:11px;align-items:center;min-width:0}.card-swatch{width:5px;height:42px;border-radius:8px;background:#667085;box-shadow:0 0 15px #000}.card-swatch.red{background:var(--red)}.card-swatch.yellow{background:var(--yellow)}.card-swatch.green{background:var(--green)}.card-swatch.blue{background:var(--blue)}.card-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{font-size:11px;color:#7f8ba0;margin-top:4px}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2c384c;background:#111926;border-radius:999px;padding:5px 9px;color:#adb8c8;font-size:11px}.qtybox{display:flex;align-items:center;justify-content:center;gap:7px}.qtybox button{width:29px;height:29px;border-radius:8px;border:1px solid #334056;background:#111926;color:#dce3ec;cursor:pointer}.qtybox button:hover{border-color:#687890}.qtynum{min-width:24px;text-align:center;font-weight:800}.progress-mini{height:7px;background:#1b2432;border-radius:999px;overflow:hidden;margin-top:6px}.progress-mini>i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:999px}.status-text{font-size:11px;color:#8190a5}.wish{border:1px solid #2d394d;background:#0e1520;color:#707d91;width:36px;height:36px;border-radius:9px;cursor:pointer;font-size:18px}.wish.on{color:var(--yellow);border-color:#8d8613;background:#201f0c}.loading,.empty{padding:40px;text-align:center;color:#748196}.deck-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.deck-card{border:1px solid #29364a;background:#0b111a;border-radius:12px;padding:18px;cursor:pointer;transition:.16s}.deck-card:hover{transform:translateY(-2px);border-color:#536580}.deck-card h3{margin:0 0 5px}.deck-meta{font-size:12px;color:#8c99ac}.deck-progress{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.deck-pct{font-size:26px;font-weight:900}.deck-detail{border-top:1px solid var(--line);padding:18px}.deck-detail h3{margin-top:0}.missing-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #1b2534}.missing-line strong.bad{color:var(--red)}.missing-line strong.good{color:var(--green)}.toast{position:fixed;right:22px;bottom:22px;background:#141d2a;border:1px solid #334159;color:white;padding:11px 14px;border-radius:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;box-shadow:0 12px 40px #0007}.toast.show{opacity:1;transform:translateY(0)}.login-body{display:grid;place-items:center;padding:20px}.login-card{width:min(430px,94vw);background:linear-gradient(180deg,#111823,#0b1018);border:1px solid var(--line);border-radius:17px;padding:28px;box-shadow:0 28px 100px #000a}.login-card h1{margin:0 0 5px}.login-card .brand-mark{margin-bottom:18px}.login-form{display:grid;gap:13px;margin-top:20px}.login-form label{display:grid;gap:6px;color:#95a2b6;font-size:12px}.login-form input{background:#080d14;border:1px solid #2b3749;border-radius:9px;color:#fff;padding:11px}.primary{background:var(--yellow);color:#07090d;border:0;border-radius:9px;padding:11px 14px;font-weight:900;cursor:pointer}.alert{background:#381218;border:1px solid #792737;color:#ffd8df;padding:10px;border-radius:9px;margin-top:12px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr 1fr}.card-row{grid-template-columns:minmax(220px,1fr) 90px 90px 135px 50px}.card-row .set-col{display:none}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;z-index:10;height:auto;top:0;flex-direction:row;align-items:center;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.logo{padding:0;margin-right:auto}.logo>span{width:36px;height:36px}.logo div{display:none}.sidebar nav{display:flex}.nav-btn{padding:9px}.nav-btn span{display:none}.sidebar-footer{margin:0 0 0 8px;display:flex}.sidebar-footer a:first-child,.sidebar-footer small{display:none}.main{padding:20px 14px 50px}.topbar{align-items:center}.top-actions{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat{min-height:92px}.stat-value{font-size:24px}.controls{grid-template-columns:1fr}.card-row{grid-template-columns:minmax(0,1fr) 112px 42px;padding:11px 12px}.card-row .type-col,.card-row .set-col,.card-row .progress-col{display:none}.card-name{font-size:13px}.deck-grid{grid-template-columns:1fr}.legend{display:none}}
.system-page{width:min(1100px,calc(100% - 28px));margin:0 auto;padding:34px 0 70px}.system-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.system-head h1{margin:0 0 5px;font-size:32px}.back-link{color:#c9d4e3;text-decoration:none;border:1px solid var(--line);padding:9px 12px;border-radius:9px;background:#0d131c}.back-link:hover{color:#fff;border-color:#536580}.system-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}.system-card{background:linear-gradient(180deg,#101721,#0c121b);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:14px}.system-card h2{margin:0 0 7px;font-size:18px}.system-form{display:grid;gap:12px;margin-top:18px}.system-form label{display:grid;gap:7px;font-size:12px;color:#95a2b6}.system-form input[type=file]{background:#080d14;border:1px solid #2b3749;border-radius:9px;color:#cdd6e2;padding:12px}.notice{padding:12px 14px;border-radius:10px;margin-bottom:14px}.notice.success{background:#10331d;border:1px solid #2a7440;color:#d8ffe3}.notice.danger{background:#381218;border:1px solid #792737;color:#ffd8df}.danger-btn{background:#3a1118;color:#ffd9df;border:1px solid #7a2432;border-radius:9px;padding:11px 14px;font-weight:800;cursor:pointer}.danger-btn:hover{background:#4a151e}.micro-note{font-size:11px;color:#6f7c90;margin-top:12px}.history{margin-top:0}.history-list{display:grid;gap:8px;margin-top:14px}.history-list>div{display:grid;grid-template-columns:100px 170px 1fr;gap:12px;padding:10px;border:1px solid #1f2a3a;border-radius:9px;background:#0b111a}.history-list span,.history-list small{color:#8997aa;font-size:12px}.history-list small{white-space:normal}@media(max-width:760px){.system-head{display:grid}.system-grid{grid-template-columns:1fr}.history-list>div{grid-template-columns:1fr}.sidebar-footer a[href="update.php"]{display:none}}

/* v0.3.0 · Galería visual de cartas */
.card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px;padding:18px;min-height:240px;align-items:start}
.card-gallery>.empty{grid-column:1/-1}
.card-tile{position:relative;min-width:0;background:linear-gradient(180deg,#111925,#0a1018);border:1px solid #273247;border-radius:15px;overflow:hidden;box-shadow:0 12px 30px #0003;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.card-tile:hover{transform:translateY(-3px);border-color:#50607a;box-shadow:0 18px 38px #0006}
.card-tile.is-owned{border-color:#2d5c50}.card-tile.is-missing{opacity:.93}
.card-art{display:block;position:relative;aspect-ratio:5/7;background:linear-gradient(145deg,#0e1520,#080c12);overflow:hidden;text-decoration:none}
.card-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff08,transparent 35%);z-index:1;pointer-events:none}
.card-art img{display:block;width:100%;height:100%;object-fit:contain;background:#070a0f;transition:transform .2s ease}
.card-tile:hover .card-art img{transform:scale(1.015)}
.ownership-badge{position:absolute;left:10px;top:10px;z-index:2;padding:6px 8px;border-radius:7px;font-size:10px;font-weight:900;letter-spacing:.06em;backdrop-filter:blur(8px);box-shadow:0 5px 18px #0007}
.ownership-badge.complete{background:#103d2ddb;border:1px solid #39d98a;color:#d9ffeb}.ownership-badge.owned{background:#102d28dc;border:1px solid #2fae8b;color:#d9fff5}.ownership-badge.missing{background:#35131bdd;border:1px solid #9a3345;color:#ffd9df}
.card-tile-body{padding:13px}
.card-title-line{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:9px;align-items:start}.card-title-line h3{margin:0;color:#f4f6f8;font-size:14px;line-height:1.25;min-height:35px}.card-title-line p{margin:5px 0 0;color:#8290a5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:1px}.color-dot.red{background:var(--red)}.color-dot.yellow{background:var(--yellow)}.color-dot.green{background:var(--green)}.color-dot.blue{background:var(--blue)}
.playset-line{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#79869a;font-size:10px;margin-top:12px}.playset-line strong{color:#cbd5e1;font-size:11px}.tile-actions{display:grid;grid-template-columns:38px 1fr 38px;gap:7px;align-items:center;margin-top:12px}.tile-actions .qtynum{display:grid;place-items:center;height:36px;background:#080d14;border:1px solid #29364a;border-radius:9px;font-size:15px}.qty-btn{height:36px;border-radius:9px;border:1px solid #354259;background:#111926;color:#eef2f7;cursor:pointer;font-size:19px;font-weight:700}.qty-btn:hover{border-color:var(--yellow);color:var(--yellow);background:#191a0d}.card-title-line .wish{width:36px;height:36px}
.collection-panel .panel-head{background:#0d141ed9;position:sticky;top:0;z-index:3;backdrop-filter:blur(8px)}
@media(max-width:1200px){.card-gallery{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px}}
@media(max-width:760px){.card-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.card-tile-body{padding:10px}.card-title-line{grid-template-columns:minmax(0,1fr) 34px;gap:6px}.card-title-line h3{font-size:12px;min-height:31px}.card-title-line .wish{width:32px;height:32px}.tile-actions{grid-template-columns:34px 1fr 34px;gap:5px}.qty-btn,.tile-actions .qtynum{height:34px}.ownership-badge{left:6px;top:6px;padding:5px 6px;font-size:8px}.playset-line{margin-top:9px}.collection-panel .panel-head{position:static}}
@media(max-width:420px){.card-gallery{gap:8px;padding:8px}.card-title-line h3{font-size:11px}.card-title-line p{font-size:9px}}

/* v0.3.3 · stable visual card renders */
.card-art{background:#090e15 url('card-placeholder.svg') center/cover no-repeat}
.card-render{transition:opacity .18s ease;display:block;width:100%;height:auto;aspect-ratio:5/7;object-fit:cover}
.card-render.image-pending{opacity:.72}
.card-render.image-unavailable{opacity:.58;filter:saturate(.55)}


/* v0.3.3: the collection no longer uses NetDeck hover tooltips to resolve art. */
.netdeck-image-resolver{display:none!important}
[id*="netdeck"][role="tooltip"],
[class*="netdeck"][role="tooltip"],
[id*="netdeck-tooltip"],
[class*="netdeck-tooltip"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.card-art{background:#070a0f}
.card-render{display:block;width:100%;height:100%;aspect-ratio:5/7;object-fit:contain;background:#070a0f}


/* v0.3.4 · imágenes locales + rejilla de escritorio corregida */
.card-gallery{
  grid-template-columns:repeat(auto-fill,minmax(245px,1fr));
  gap:18px;
  padding:18px;
}
.card-art{aspect-ratio:5/7;background:#070a0f;}
.card-render{width:100%;height:100%;object-fit:contain;background:#070a0f;}
.card-render.image-unavailable{object-fit:contain;opacity:.72;filter:none;}
@media(min-width:1500px){
  .card-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
}
@media(max-width:1200px){
  .card-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
}
@media(max-width:760px){
  .card-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;}
}

/* v0.4.0 · printings / ediciones */
.meta-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:11px;color:#95a2b6}
.meta-line b{color:#e8edf4}
.wish-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#201f0c;border:1px solid #8d8613;color:var(--yellow);font-size:18px}
.tile-actions.single-action{grid-template-columns:1fr}
.open-printings-btn{height:38px;border-radius:10px;border:1px solid #354259;background:#111926;color:#eef2f7;cursor:pointer;font-weight:700}
.open-printings-btn:hover{border-color:var(--yellow);color:var(--yellow);background:#191a0d}
.card-title-line.compact{grid-template-columns:minmax(0,1fr) auto}
body.modal-open{overflow:hidden}
.modal{position:fixed;inset:0;z-index:50}.modal.hidden{display:none!important}.modal-backdrop{position:absolute;inset:0;background:#02050bcc;backdrop-filter:blur(8px)}
.modal-card{position:relative;z-index:1;width:min(1180px,calc(100vw - 24px));max-height:calc(100vh - 24px);margin:12px auto;background:linear-gradient(180deg,#101721,#0c121b);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 90px #000a}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;border-bottom:1px solid var(--line);background:#0d141ed9}.modal-head h2{margin:0 0 4px;font-size:24px}.modal-close{width:42px;height:42px;border-radius:12px;border:1px solid #324055;background:#101824;color:#fff;font-size:26px;cursor:pointer}.modal-body{padding:18px;overflow:auto}
.modal-summary{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px}.modal-summary-art{background:#070a0f;border:1px solid #243044;border-radius:14px;overflow:hidden;aspect-ratio:5/7}.modal-summary-art img{display:block;width:100%;height:100%;object-fit:contain;background:#070a0f}.summary-stats{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}.summary-stats span{background:#0a1018;border:1px solid #263245;border-radius:999px;padding:7px 10px;color:#d5deea}.add-printing-box{margin-top:14px;border:1px solid #223047;border-radius:12px;background:#0b1119}.add-printing-box summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:700;color:#d7e0ea}.add-printing-box summary::-webkit-details-marker{display:none}.mini-form{padding:0 14px 14px}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.mini-form label{display:grid;gap:5px;color:#95a2b6;font-size:12px}.mini-form input,.mini-form select{background:#080d14;border:1px solid #2b3749;border-radius:9px;color:#fff;padding:10px}.checkline{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.primary.small{padding:10px 14px}
.printing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.printing-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px;background:#0b1119;border:1px solid #243044;border-radius:14px;align-items:start}.printing-art-wrap{border-radius:12px;overflow:hidden;background:#070a0f;aspect-ratio:5/7;border:1px solid #1d2736}.printing-art-wrap img{display:block;width:100%;height:100%;object-fit:contain;background:#070a0f}.printing-copy{display:grid;gap:10px}.printing-title-line{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:10px;align-items:start}.printing-title-line h4{margin:0;font-size:15px;line-height:1.25}.printing-title-line p{margin:4px 0 0;color:#8d9aae;font-size:11px}.printing-badges{display:flex;flex-wrap:wrap;gap:8px}.pill-btn{border:1px solid #2c384c;background:#111926;border-radius:999px;padding:5px 9px;color:#d7e0ea;font-size:11px;cursor:pointer}.pill-btn:hover{border-color:#657897}.cover-pill{border-color:#25684e;background:#103427;color:#d9ffeb}.printing-actions{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center;max-width:180px}.printing-actions .qtynum{display:grid;place-items:center;height:36px;background:#080d14;border:1px solid #29364a;border-radius:9px;font-size:15px}
@media(max-width:900px){.modal-summary{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}.printing-grid{grid-template-columns:1fr}.modal-card{width:min(100vw,100vw);max-height:100vh;margin:0;border-radius:0}.modal-body{padding:14px}.modal-head{padding:14px}.modal-head h2{font-size:20px}}
@media(max-width:760px){.meta-line{font-size:10px}.open-printings-btn{height:34px;font-size:12px}.modal-summary-art{max-width:260px}.printing-row{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px}.printing-title-line h4{font-size:14px}.printing-actions{grid-template-columns:34px 1fr 34px;max-width:none}.printing-actions .qtynum,.printing-actions .qty-btn{height:34px}}

/* v0.5.0 · rediseño inspirado en una biblioteca visual de cartas */
:root{--hot-yellow:#e9ef00;--hot-green:#55f27a;--hot-pink:#ff2f7f;--hot-teal:#19d8d0;--soft-black:#070908}
.stat-value small{font-size:14px;color:#6f7c90}
.choom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:14px;background:#080b10}
.catalog-card{min-width:0;position:relative}
.catalog-art-button{display:block;width:100%;padding:0;border:1px solid #243044;background:#080b10;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;aspect-ratio:5/7;box-shadow:0 10px 24px #0005;transition:transform .16s,border-color .16s,box-shadow .16s}
.catalog-art-button:hover{transform:translateY(-3px);border-color:#697300;box-shadow:0 18px 38px #0009,0 0 0 1px #dce50040}
.catalog-art-button img{display:block;width:100%;height:100%;object-fit:contain;background:#050706}
.catalog-owned,.catalog-missing,.catalog-wish{position:absolute;top:7px;z-index:2;font-size:10px;font-weight:900;letter-spacing:.03em;box-shadow:0 5px 15px #0009}
.catalog-owned,.catalog-missing{left:7px;border-radius:4px;padding:5px 7px}
.catalog-owned{background:#10341d;border:1px solid #288a49;color:#aaffbe}
.catalog-missing{background:#311017;border:1px solid #9c3949;color:#ffb4be}
.catalog-wish{right:7px;background:#2a2708;border:1px solid #8b8513;color:#fff94e;border-radius:4px;padding:4px 6px;font-size:13px}
.catalog-card.owned .catalog-art-button{border-color:#294435;box-shadow:0 10px 24px #0005,0 0 0 1px rgba(45,117,68,.16)}
.catalog-card.missing .catalog-art-button{border-color:#452833;box-shadow:0 10px 24px #0005,0 0 0 1px rgba(156,57,73,.14)}
.catalog-card.owned .catalog-art-button:hover{border-color:#3ca45c;box-shadow:0 18px 38px #0009,0 0 0 1px rgba(71,209,112,.26),0 0 22px rgba(71,209,112,.12)}
.catalog-card.missing .catalog-art-button:hover{border-color:#b34859;box-shadow:0 18px 38px #0009,0 0 0 1px rgba(255,91,116,.28),0 0 22px rgba(255,91,116,.16)}
.catalog-meta{padding:8px 4px 3px}.catalog-meta h3{margin:0;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-meta p{margin:3px 0 0;color:#7e8b9f;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.hover-preview{position:fixed;z-index:80;width:390px;height:547px;pointer-events:none;background:#050706;border:1px solid #6f7900;border-radius:11px;padding:6px;box-shadow:0 30px 90px #000e,0 0 34px #dfeb0030}.hover-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}
.card-detail-page{padding:0 0 60px}.card-page-top{display:flex;align-items:center;gap:14px;margin:0 0 16px}.card-page-top h2{margin:0;font-size:26px}.back-cards{border:0;background:transparent;color:#8996a8;cursor:pointer;padding:7px 0;font-weight:700}.back-cards:hover{color:#fff}
.card-detail-layout{display:grid;grid-template-columns:minmax(300px,480px) minmax(430px,1fr);gap:34px;align-items:start;background:radial-gradient(circle at 34% 24%,#37390044 0,#11100600 35%);min-height:620px}
.card-hero-col{padding:8px 0 0;min-width:0}.big-card-stage{position:relative;width:min(420px,100%);margin:0 auto;display:grid;place-items:center}.big-card{display:block;width:100%;max-height:585px;object-fit:contain;filter:drop-shadow(0 22px 28px #000b)}
.art-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:52px;border:1px solid #394219;background:#0d100bdd;color:#fff;font-size:30px;line-height:1;border-radius:5px;cursor:pointer}.art-nav.prev{left:4px}.art-nav.next{right:4px}.art-nav:hover{background:#2f3308;border-color:#d7e100}
.printing-caption{text-align:center;color:#697483;font-size:10px;margin:8px 0 18px}.art-version-title{font-size:10px;color:#8e9aab;letter-spacing:.14em;font-weight:900;margin-bottom:8px}.art-thumbs{display:flex;gap:8px;flex-wrap:wrap}.art-thumb{width:62px;padding:2px;border:1px solid #283243;background:#080b10;border-radius:4px;cursor:pointer;color:#788496;font-size:8px}.art-thumb.active{border-color:#e1e800;box-shadow:0 0 0 1px #e1e80055}.art-thumb img{width:100%;aspect-ratio:5/7;object-fit:cover;display:block}.art-thumb span{display:block;padding:4px 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-info-col{padding-top:12px}.detail-actions{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:6px;margin-bottom:10px}.detail-action{height:43px;border:1px solid #1e2632;background:#0c0f12;color:#bfc8d4;cursor:pointer;font-size:11px;font-weight:800;border-radius:2px}.detail-action:hover{filter:brightness(1.2)}.detail-action.active{box-shadow:inset 0 -2px 0 currentColor}.detail-action.legend-action{color:#e8ed39;background:#242408}.detail-action.collect-action{color:#5dff7d;background:#093114}.detail-action.binder-action{color:#ff4d98;background:#341021}.detail-action.wishlist-action{color:#d5d7dc;background:#131518}.detail-action.alert-action{grid-column:1/2;color:#959eaa}.detail-action.disabled{opacity:.35;cursor:not-allowed}
.detail-box,.deck-stat-box{border:1px solid #202731;background:#090c0e;padding:12px;margin-top:12px}.detail-box-title{font-size:10px;color:#8c98a8;letter-spacing:.14em;font-weight:900;margin-bottom:10px}.edition-tabs{display:flex;gap:4px;align-items:center;border-bottom:1px solid #171d25;padding-bottom:8px}.edition-tab{border:0;background:#101316;color:#697482;padding:7px 12px;cursor:pointer;font-size:10px;font-weight:800}.edition-tab.active{background:#0f3918;color:#60ff79}.collection-selected{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;background:#0b1114;border:1px solid #1f2831;padding:10px}.collection-selected b,.collection-selected small{display:block}.collection-selected b{font-size:12px}.collection-selected small{font-size:10px;color:#778496;margin-top:3px}.detail-qty{display:grid;grid-template-columns:34px 45px 34px;align-items:center}.detail-qty button{height:32px;border:1px solid #2c3744;background:#0c1218;color:#fff;cursor:pointer}.detail-qty strong{text-align:center}.add-copy-button{width:100%;height:38px;border:1px solid #165c23;background:#0e4818;color:#62ff80;font-weight:900;cursor:pointer}.add-copy-button:hover{background:#126022}.collection-help{color:#6d7887;font-size:9px;margin:8px 0 0}.share-card{width:100%;height:39px;margin-top:12px;border:1px solid #0c5455;background:#073031;color:#26e1d8;font-weight:900;cursor:pointer}
.deck-stat-box{margin-top:12px}.deck-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a1f25}.deck-stat-grid>div{background:#0c1013;padding:15px;text-align:center}.deck-stat-grid span{display:block;color:#7b8796;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.deck-stat-grid b{display:block;font-size:22px;margin-top:6px;color:#f3f6f8}.deck-stat-grid>div:first-child b{color:#43f266}.deck-stat-grid>div:nth-child(2) b{color:#e8ed39}
.card-lower-grid{display:grid;grid-template-columns:minmax(0,580px) 1fr;gap:30px;margin-top:28px}.card-lower-main{grid-column:1/2}.card-subtitle{text-align:center;color:#8994a4;font-size:13px;margin-bottom:12px}.quick-stats{display:flex;justify-content:center;gap:30px;margin:0 0 15px;font-size:11px;color:#8792a1}.quick-stats span:nth-child(1){color:#e8e44d}.quick-stats span:nth-child(2){color:#58ed73}.quick-stats span:nth-child(3){color:#38d3d0}.quick-stats b{color:inherit;font-size:13px;margin-left:4px}.market-box{display:flex;justify-content:space-between;align-items:center;border:1px solid #1e242a;background:#0d0f11;padding:15px}.market-box span,.market-box small{display:block}.market-box span{font-size:9px;color:#697482;letter-spacing:.08em}.market-box b{display:block;font-size:24px;margin:4px 0}.market-box small{color:#6f7a88}.market-spark{font-size:44px;color:#dfdf38}.info-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid #1e242a;border-top:0;background:#0a0d0f;padding:13px;gap:8px 24px}.info-table>div{display:flex;justify-content:space-between;gap:14px;font-size:10px}.info-table span{color:#6f7b89}.info-table b{color:#d8dde5;text-align:right}.rules-box{margin-top:10px;border:1px solid #1e242a;background:#0b0e10;padding:13px}.rules-box>span{font-size:9px;color:#7a8492;letter-spacing:.1em}.rules-box p{margin:8px 0 0;line-height:1.6;color:#b1bac6;font-size:11px}
@media(min-width:1500px){.choom-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media(max-width:1200px){.card-detail-layout{grid-template-columns:360px minmax(0,1fr);gap:24px}.detail-actions{grid-template-columns:repeat(2,1fr)}.detail-action.alert-action{grid-column:auto}.choom-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(max-width:820px){.choom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.catalog-meta h3{font-size:11px}.hover-preview{display:none!important}.card-page-top{align-items:flex-start;flex-direction:column}.card-page-top h2{font-size:21px}.card-detail-layout{grid-template-columns:1fr;gap:16px}.card-hero-col{order:1}.card-info-col{order:2;padding-top:0}.big-card-stage{max-width:330px}.detail-actions{grid-template-columns:1fr 1fr}.detail-action{min-width:0}.card-lower-grid{grid-template-columns:1fr;margin-top:18px}.card-lower-main{grid-column:auto}.info-table{grid-template-columns:1fr}.quick-stats{gap:16px}.art-thumbs{justify-content:center}}

/* v0.5.1 · filtros avanzados estilo Cyberpunk TCG */
.filters-shell{padding:12px;margin-bottom:14px;overflow:visible;position:relative;z-index:20}
.filter-search-row{display:grid;grid-template-columns:minmax(240px,1fr) 190px;gap:10px;margin-bottom:10px}
.filter-search-row select{width:100%;background:#080d14;color:#e8edf4;border:1px solid #2d394d;border-radius:0;padding:12px 13px;outline:none}
.advanced-filters{display:flex;gap:10px;overflow-x:auto;overflow-y:visible;padding:0 0 8px;scrollbar-width:thin}
.filter-control{position:relative;flex:0 0 auto}
.filter-trigger{min-width:132px;height:52px;padding:0 20px;border:1px solid #263042;background:#070a12;color:#f4f5f8;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;border-radius:0}
.filter-trigger span{font-size:22px;color:#8b95a8;line-height:1}.filter-trigger b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#172131;color:#fff;font-size:11px;margin-left:auto}
.filter-trigger.active,.filter-control.open .filter-trigger{background:#ffe20a;color:#08090d;border-color:#ffe20a}.filter-trigger.active span,.filter-control.open .filter-trigger span{color:#17191d}
.filter-menu{display:none;position:absolute;left:0;top:calc(100% + 7px);width:390px;max-height:520px;background:#070813;border:1px solid #293246;box-shadow:0 20px 55px #000c;z-index:100;padding:8px}
.filter-control.open .filter-menu{display:block}.filter-menu-search{height:58px;border:2px solid #00d9ff;background:#02050e;display:flex;align-items:center;gap:10px;padding:0 14px;margin-bottom:8px;box-shadow:0 0 0 3px #001c28 inset}.filter-menu-search span{font-size:26px;color:#9ba6b8}.filter-menu-search input{width:100%;border:0;outline:0;background:transparent;color:#f4f6fa;font-size:17px}.filter-menu-search input::placeholder{color:#9199aa}.filter-options{max-height:390px;overflow:auto;padding:5px 3px 8px}.filter-option{min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 15px;color:#e3e6ed;font-size:18px;cursor:pointer;border-bottom:1px solid transparent}.filter-option:hover{background:#111522}.filter-option.hidden{display:none}.filter-option input{position:absolute;opacity:0;pointer-events:none}.filter-check{width:28px;height:28px;border:1px solid #3a4356;border-radius:8px;display:inline-grid;place-items:center;background:#080b13;flex:0 0 auto}.filter-option input:checked+.filter-check{border-color:#ffe20a;background:#ffe20a}.filter-option input:checked+.filter-check:after{content:'✓';color:#090a0d;font-weight:900;font-size:16px}.filter-color-dot{width:20px;height:20px;border-radius:50%;background:var(--dot);flex:0 0 auto}.filter-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;color:#7f8ca0;font-size:12px}.filter-summary button{display:none;border:0;background:transparent;color:#ffe20a;cursor:pointer;font-weight:800}.filter-summary button.visible{display:block}
@media(max-width:900px){.filter-search-row{grid-template-columns:1fr}.advanced-filters{margin-right:-12px;padding-right:12px}.filter-trigger{min-width:118px;height:48px;font-size:14px;padding:0 14px}.filter-menu{position:fixed;left:10px!important;right:10px;width:auto;top:140px;max-height:calc(100vh - 165px)}.filter-options{max-height:calc(100vh - 250px)}}

/* v0.5.5 · acciones simplificadas en la ficha */
.detail-actions.detail-actions-simple{
  grid-template-columns:repeat(2,minmax(180px,1fr));
  gap:10px;
}
.detail-actions-simple .detail-action{
  height:48px;
  font-size:12px;
}
.detail-actions-simple .collect-action.active{
  color:#79ff98;
  border-color:#1c7b3a;
  background:#0b3519;
}
.detail-actions-simple .wishlist-action.active{
  color:#ffe84f;
  border-color:#8a7b11;
  background:#2a2707;
}
@media(max-width:700px){
  .detail-actions.detail-actions-simple{grid-template-columns:1fr;}
}

/* v0.5.6 · ficha de carta a escala grande */
.card-detail-page{padding-bottom:72px}
.card-page-top{gap:18px;margin-bottom:22px}
.card-page-top h2{font-size:34px;line-height:1.12;letter-spacing:-.02em}
.back-cards{font-size:14px}
.card-detail-layout{grid-template-columns:minmax(470px,560px) minmax(620px,1fr);gap:52px;min-height:760px;background:radial-gradient(circle at 26% 24%,#45480042 0,#11100600 36%)}
.card-hero-col{padding-top:0}.big-card-stage{width:min(530px,100%)}
.big-card{max-height:740px;filter:drop-shadow(0 28px 36px #000d)}
.art-nav{width:42px;height:64px;font-size:36px}.art-nav.prev{left:8px}.art-nav.next{right:8px}
.printing-caption{font-size:12px;margin:11px 0 22px}.art-version-title{font-size:12px;margin-bottom:10px}.art-thumbs{gap:10px}.art-thumb{width:78px;font-size:9px}.art-thumb span{padding-top:5px}
.card-info-col{padding-top:0}.detail-actions.detail-actions-simple{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.detail-actions-simple .detail-action{height:58px;font-size:15px;border-radius:4px}
.detail-box,.deck-stat-box{padding:18px;margin-top:16px}.detail-box-title{font-size:12px;margin-bottom:14px}.edition-tabs{gap:6px;padding-bottom:12px}.edition-tab{padding:10px 15px;font-size:12px}.collection-selected{padding:15px;margin:14px 0}.collection-selected b{font-size:16px}.collection-selected small{font-size:12px;margin-top:5px}.detail-qty{grid-template-columns:44px 58px 44px}.detail-qty button{height:42px;font-size:20px}.detail-qty strong{font-size:18px}.add-copy-button{height:50px;font-size:15px}.collection-help{font-size:11px;line-height:1.5;margin-top:10px}
.detail-primary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.detail-primary-stats>div{border:1px solid #232d38;background:#0b1015;padding:16px 18px}.detail-primary-stats span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7f8b9b}.detail-primary-stats b{display:block;font-size:28px;margin-top:5px}.detail-primary-stats>div:nth-child(1) b{color:#e8e44d}.detail-primary-stats>div:nth-child(2) b{color:#58ed73}.detail-primary-stats>div:nth-child(3) b{color:#38d3d0}
.card-data-box{margin-top:16px}.detail-info-table{border:0;padding:0;background:transparent;gap:12px 30px}.detail-info-table>div{font-size:13px;padding:8px 0;border-bottom:1px solid #161d25}.detail-info-table span{font-size:12px}.detail-info-table b{font-size:13px}
.detail-rules-box{margin-top:16px;padding:18px}.detail-rules-box>span{font-size:11px}.detail-rules-box p{font-size:13px;line-height:1.7;margin-top:10px}
.detail-market-box{margin-top:16px;padding:18px}.detail-market-box span{font-size:10px}.detail-market-box b{font-size:28px}.detail-market-box small{font-size:12px}.market-spark{font-size:48px}.share-card{height:48px;margin-top:16px;font-size:14px}
.deck-stat-box{margin-top:16px}.deck-stat-grid>div{padding:18px}.deck-stat-grid span{font-size:10px}.deck-stat-grid b{font-size:26px;margin-top:8px}
.card-lower-grid{display:none!important}
@media(max-width:1450px){.card-detail-layout{grid-template-columns:minmax(400px,500px) minmax(520px,1fr);gap:36px}.big-card-stage{width:min(470px,100%)}.big-card{max-height:660px}.card-page-top h2{font-size:30px}}
@media(max-width:1120px){.card-detail-layout{grid-template-columns:390px minmax(0,1fr);gap:26px}.big-card-stage{max-width:390px}.detail-actions.detail-actions-simple{grid-template-columns:1fr 1fr}.detail-info-table{grid-template-columns:1fr}.card-page-top h2{font-size:27px}}
@media(max-width:820px){.card-page-top h2{font-size:24px}.card-detail-layout{grid-template-columns:1fr;gap:20px;min-height:auto}.big-card-stage{max-width:390px}.card-info-col{padding-top:0}.detail-actions.detail-actions-simple{grid-template-columns:1fr}.detail-actions-simple .detail-action{height:52px;font-size:14px}.detail-primary-stats{grid-template-columns:repeat(3,1fr)}.detail-primary-stats>div{padding:13px}.detail-primary-stats b{font-size:22px}.detail-info-table{grid-template-columns:1fr}.art-thumbs{justify-content:center}.art-thumb{width:70px}}
@media(max-width:480px){.big-card-stage{max-width:330px}.detail-primary-stats{gap:6px}.detail-primary-stats>div{padding:11px 9px}.detail-primary-stats span{font-size:9px}.detail-primary-stats b{font-size:20px}.detail-box,.deck-stat-box{padding:14px}.deck-stat-grid{grid-template-columns:1fr 1fr 1fr}.deck-stat-grid>div{padding:12px 8px}.deck-stat-grid b{font-size:20px}}

.detail-official-head{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.detail-type-kicker{font-size:12px;font-weight:900;letter-spacing:.18em;color:#f5ea27;text-transform:uppercase}
.detail-name-main{font-size:44px;line-height:.96;font-weight:900;letter-spacing:.01em;color:#f5ea27;text-transform:uppercase}
.detail-name-sub{font-size:21px;color:#b8c0cb;line-height:1.1;margin-top:2px}
.detail-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.detail-chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border:1px solid #ff4457;background:#17090d;color:#ff5d6d;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.detail-chip.chip-type{color:#ff8d97;border-color:#ff6674}
.detail-rules-copy p{margin:0 0 10px;font-size:13px;line-height:1.7;color:#d7dee8}
.detail-rules-note{margin-top:10px;font-size:11px;color:#7e8897;line-height:1.5}
@media(max-width:1120px){.detail-name-main{font-size:34px}.detail-name-sub{font-size:18px}}
@media(max-width:820px){.detail-name-main{font-size:29px}.detail-name-sub{font-size:17px}.detail-badge-row{gap:6px}.detail-chip{font-size:11px;padding:6px 10px;min-height:30px}}
/* v0.5.10 — ficha tipo base de datos oficial */
.detail-official-head{padding:4px 0 2px}
.detail-name-main{text-shadow:0 0 22px rgba(241,232,24,.12)}
.detail-primary-stats{margin-top:18px}
.detail-primary-stats>div{min-height:78px;display:flex;flex-direction:column;justify-content:center;border-color:#16445a;background:#070d14}
.detail-primary-stats span{color:#a7b0bd;font-weight:800}
.detail-primary-stats b{font-size:30px}
.detail-rules-box,.detail-faq-box{border:1px solid #145069;background:#050912;margin-top:18px;padding:22px 24px}
.detail-rules-box>span,.detail-faq-head>span{display:block;color:#aab4c2;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.detail-rules-copy{margin-top:16px}
.detail-rules-copy p{font-size:14px;line-height:1.72;color:#d9dee7;margin:0 0 12px}
.rule-keyword{display:inline-block;background:#f3e71c;color:#080909;border:0;padding:1px 5px;font:inherit;font-weight:950;line-height:1.25;border-radius:1px}
.rule-choice{display:inline-flex;align-items:center;justify-content:center;margin:0 7px;color:#f3e71c;font-size:10px;font-weight:900;letter-spacing:.1em}
.rules-empty{color:#8b96a5!important;font-style:italic}
.detail-rules-note{border-top:1px solid #122536;padding-top:10px}
.detail-faq-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:6px}
.faq-official-link{color:#aab4c2;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.faq-official-link:hover{color:#f3e71c}
.faq-item{padding:16px 0;border-top:1px solid #112536}
.faq-item:first-of-type{border-top:0}
.faq-item h4{margin:0 0 8px;color:#f1f3f6;font-size:14px;line-height:1.5}
.faq-item p{margin:0;color:#b1bac7;font-size:13px;line-height:1.65}
.faq-empty{padding:18px 0 4px;color:#788493;font-size:13px}
.detail-actions-simple .collect-action{background:#07351a;border-color:#176c36;color:#7dff9d}
.detail-actions-simple .wishlist-action{background:#11141a;border-color:#343c48;color:#e6e9ee}
@media(max-width:820px){.detail-rules-box,.detail-faq-box{padding:17px}.detail-rules-copy p,.faq-item h4{font-size:13px}.faq-item p{font-size:12px}.detail-faq-head{align-items:flex-start;flex-direction:column;gap:7px}}

/* === v0.6.0 Deck Builder === */
.deck-builder-panel{overflow:hidden}
.deck-panel-head{gap:18px}.deck-panel-head .deck-new-btn{margin-left:auto;white-space:nowrap}
.deck-builder-panel .deck-grid{display:block;padding:0}
.deck-section{padding:18px;border-top:1px solid #1b2635}.deck-section:first-child{border-top:0}
.deck-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 13px}.deck-section-head h3{margin:0 0 3px;font-size:17px}.deck-section-head p{margin:0;color:#7d899a;font-size:12px}.deck-section-head>span{display:grid;place-items:center;min-width:32px;height:28px;border:1px solid #314055;background:#0d141e;color:#dce3ed;border-radius:999px;font-weight:800;font-size:12px}
.deck-grid-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.deck-card-v2{min-height:205px;padding:16px;display:flex;flex-direction:column}.deck-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.deck-card-v2 h3{font-size:18px;line-height:1.18}.deck-kind-pill{font-size:9px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #245e4a;background:#0a281e;color:#66efb0;padding:5px 7px;border-radius:999px}.deck-kind-pill.starter{border-color:#665e20;background:#282409;color:#efe457}.deck-counts{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 8px}.deck-counts span{border:1px solid #263448;background:#0c121b;padding:6px 8px;border-radius:7px;color:#8d9aae;font-size:11px}.deck-counts b{color:#fff}.deck-card-status{margin-top:auto;padding-top:10px;font-size:11px;font-weight:750}.deck-card-status.good{color:#65f19a}.deck-card-status.warn{color:#e4d85a}.deck-empty{grid-column:1/-1;border:1px dashed #2b394c;border-radius:12px;padding:28px;text-align:center;color:#8794a7;display:grid;gap:5px}.deck-empty b{color:#dce3ed}

.deck-builder-panel .deck-detail{padding:0;border-top:1px solid #263144;background:#080d14}.deck-editor{min-height:680px}.deck-editor-toolbar{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:18px;align-items:center;padding:16px 18px;border-bottom:1px solid #243044;background:#0b111a}.deck-back,.deck-editor-actions button,.deck-current-head button{border:1px solid #2e3b50;background:#101824;color:#cbd4e0;border-radius:8px;padding:9px 11px;cursor:pointer;font-weight:750}.deck-back:hover,.deck-editor-actions button:hover,.deck-current-head button:hover{border-color:#657895;color:#fff}.deck-editor-actions{display:flex;gap:8px}.deck-editor-actions .danger{border-color:#63313a;color:#ff8f9c;background:#211015}.deck-name-wrap{display:grid;gap:4px}.deck-name-wrap>span{font-size:9px;letter-spacing:.15em;color:#758398;font-weight:800}.deck-name-wrap input{width:100%;background:#070c12;color:#fff;border:1px solid #2b3a4e;border-radius:8px;padding:9px 11px;font-size:18px;font-weight:850;outline:none}.deck-name-wrap input:focus{border-color:#657897}.deck-name-wrap input[readonly]{color:#aab4c1}
.deck-summary-bar{display:grid;grid-template-columns:1.15fr repeat(3,.7fr) 1.6fr;gap:1px;background:#223044;border-bottom:1px solid #29384d}.deck-summary-bar>div{background:#0b121c;padding:13px 15px;min-width:0}.deck-summary-bar span{display:block;color:#718096;font-size:9px;letter-spacing:.1em;font-weight:800}.deck-summary-bar b{display:block;margin-top:4px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-summary-bar small{color:#728096;margin-left:5px}.deck-summary-bar b.good{color:#63ef96}.deck-summary-bar b.warn{color:#eee15b}.deck-colors b{color:#ffdd49}.deck-warning{margin:12px 16px 0;border:1px solid #725e19;background:#211e09;color:#e8dc71;padding:10px 12px;border-radius:8px;font-size:12px}
.deck-builder-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(390px,.8fr);min-height:650px}.deck-library{min-width:0;border-right:1px solid #263247;padding:16px}.deck-current{min-width:0;padding:16px;background:#090e15}.deck-library-head,.deck-current-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.deck-library-head h3,.deck-current-head h3{margin:0 0 3px;font-size:18px}.deck-library-head p,.deck-current-head p{margin:0;color:#7d8b9e;font-size:11px}.deck-library-head>span{color:#8592a5;font-size:11px}.deck-current-head button{font-size:11px;color:#e4db61;border-color:#635c20}
.deck-builder-filters{display:grid;grid-template-columns:minmax(200px,1fr) 150px 145px 175px auto;gap:8px;margin-bottom:12px}.deck-builder-filters input,.deck-builder-filters select{background:#080d14;border:1px solid #2b394c;color:#dce3ec;border-radius:8px;padding:9px 10px;outline:none}.deck-builder-filters input:focus,.deck-builder-filters select:focus{border-color:#62748e}.deck-check{display:flex;align-items:center;gap:7px;color:#9aa7b9;font-size:11px;white-space:nowrap;border:1px solid #2b394c;background:#0b1119;padding:8px 10px;border-radius:8px}
.deck-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:720px;overflow:auto;padding-right:4px}.deck-catalog-card{display:grid;grid-template-columns:58px minmax(0,1fr) 38px;gap:9px;align-items:center;border:1px solid #213047;background:#0b121b;border-radius:9px;padding:7px;min-width:0}.deck-catalog-card.in-deck{border-color:#4e5d1e;background:#111608}.deck-catalog-card>img{width:58px;aspect-ratio:733/1024;object-fit:cover;border-radius:4px;background:#080b10}.deck-cat-body{min-width:0}.deck-cat-title{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-cat-meta{font-size:9px;color:#77869a;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-cat-owned{font-size:9px;margin-top:5px}.deck-cat-owned.good{color:#5dde8e}.deck-cat-owned.bad{color:#f17683}.deck-cat-add{height:38px;width:38px;border:1px solid #41664c;background:#0c2d18;color:#67f397;border-radius:8px;cursor:pointer;font-size:18px;font-weight:900}.deck-cat-add:disabled{opacity:.3;cursor:not-allowed}
.deck-validation-chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 14px}.deck-validation-chips span{font-size:10px;border:1px solid #364154;color:#9aa7b7;background:#0c131c;padding:5px 7px;border-radius:999px}.deck-validation-chips span.ok{border-color:#266b49;color:#64ed9b;background:#092318}.deck-list-section{margin-top:15px}.deck-list-section h4{display:flex;justify-content:space-between;margin:0 0 8px;color:#bbc5d2;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.deck-list-section h4 span{color:#e8df54}.deck-list-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px;border:1px solid #202c3d;background:#0b121a;border-radius:8px;margin-bottom:6px}.deck-list-row>img{width:44px;aspect-ratio:733/1024;object-fit:cover;border-radius:3px}.deck-list-main{display:grid;gap:2px;min-width:0}.deck-list-main b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-list-main span{font-size:9px;color:#728096}.deck-list-main small{font-size:9px}.deck-list-main small.good{color:#5fe593}.deck-list-main small.bad{color:#ef7a86}.deck-list-qty{display:grid;grid-template-columns:30px 27px 30px;align-items:center;text-align:center}.deck-list-qty button{height:30px;border:1px solid #334156;background:#101824;color:#fff;cursor:pointer;border-radius:6px}.deck-list-qty strong{font-size:12px}.deck-list-empty{border:1px dashed #2b384b;color:#718096;padding:16px;text-align:center;border-radius:8px;font-size:11px}

@media(max-width:1450px){.deck-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-builder-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.deck-builder-filters{grid-template-columns:minmax(180px,1fr) 130px 130px 160px}.deck-check{grid-column:1/-1;width:max-content}.deck-catalog-list{grid-template-columns:1fr}}
@media(max-width:980px){.deck-editor-toolbar{grid-template-columns:1fr}.deck-editor-actions{justify-content:flex-start}.deck-summary-bar{grid-template-columns:repeat(2,1fr)}.deck-colors{grid-column:1/-1}.deck-builder-layout{grid-template-columns:1fr}.deck-library{border-right:0;border-bottom:1px solid #263247}.deck-current{min-height:0}.deck-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px}.deck-grid-inner{grid-template-columns:1fr}}
@media(max-width:680px){.deck-panel-head{align-items:flex-start;flex-direction:column}.deck-panel-head .deck-new-btn{margin-left:0;width:100%}.deck-builder-filters{grid-template-columns:1fr 1fr}.deck-builder-filters input{grid-column:1/-1}.deck-check{grid-column:1/-1}.deck-catalog-list{grid-template-columns:1fr}.deck-summary-bar{grid-template-columns:1fr 1fr}.deck-editor-toolbar{padding:12px}.deck-library,.deck-current{padding:12px}.deck-catalog-card{grid-template-columns:50px minmax(0,1fr) 36px}.deck-catalog-card>img{width:50px}}


/* === v0.6.1 Deck Builder spacing polish === */
.deck-builder-panel .deck-grid{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:18px}
.deck-section{padding:22px}
.deck-section-head{align-items:flex-start;margin:0 0 18px}
.deck-section-head>div{display:grid;gap:8px}
.deck-section-head h3{margin:0;font-size:28px;line-height:1.1}
.deck-section-head p{margin:0;line-height:1.55;max-width:62ch}
.deck-section-head>span{margin-left:auto;align-self:flex-start;min-width:36px;height:30px}
.deck-grid-inner{gap:16px}
.deck-card-v2{padding:18px;gap:4px}
.deck-card-v2 h3{margin:0;line-height:1.22}
.deck-meta{line-height:1.5;margin-top:10px}
.deck-counts{gap:10px;margin:16px 0 10px}
.deck-counts span{padding:7px 10px;line-height:1.35}
.deck-progress{margin-top:12px}
.deck-empty{padding:32px 24px;gap:10px;align-content:center;min-height:190px;line-height:1.55}
.deck-empty b{display:block;font-size:20px;line-height:1.25}
.deck-empty span{display:block;font-size:14px}
@media(max-width:1200px){.deck-builder-panel .deck-grid{grid-template-columns:1fr}}
@media(max-width:680px){.deck-section{padding:16px}.deck-section-head h3{font-size:22px}.deck-builder-panel .deck-grid{padding:12px;gap:12px}}


/* v0.6.2 · colección con cartas más grandes en escritorio */
.choom-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  padding:16px;
}
.catalog-meta{
  padding:10px 4px 4px;
}
.catalog-meta h3{
  margin:0;
  font-size:13px;
  line-height:1.35;
  white-space:normal;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  min-height:2.7em;
}
.catalog-meta p{
  margin:4px 0 0;
  font-size:11px;
}
@media(min-width:1700px){
  .choom-grid{grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media(max-width:1320px){
  .choom-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:980px){
  .choom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;}
}
@media(max-width:820px){
  .choom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;}
  .catalog-meta h3{font-size:11px;min-height:auto;}
  .catalog-meta p{font-size:10px;}
}


/* v0.6.4 · sin hover flotante; feedback directo sobre la carta */
.hover-preview{display:none!important}
.catalog-art-button{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  transform-origin:center center;
}
.catalog-art-button:hover{
  transform:translateY(-4px) scale(1.02);
  border-color:#e7ef00;
  box-shadow:0 20px 46px #000a,0 0 0 1px #e7ef0060,0 0 24px #e7ef001f;
  z-index:2;
}
.catalog-art-button:hover img{transform:scale(1.01)}


/* === v0.6.5 Cómo jugar / reglas === */
.rules-panel{overflow:hidden;background:linear-gradient(180deg,#0d141e,#080d14);border-color:#25364a}
.rules-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:28px 30px;border-bottom:1px solid #233044;background:radial-gradient(circle at 5% 0%,#3d420022 0,transparent 36%),linear-gradient(135deg,#101720,#0a1017)}
.rules-hero h2{margin:0;font-size:38px;line-height:1;color:#f2e91d}.rules-hero>div>p:last-child{margin:12px 0 0;color:#a7b2c0;font-size:14px;line-height:1.65;max-width:760px}.rules-official{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:12px 15px;border:1px solid #77700d;background:#272405;color:#fff84a;text-decoration:none;font-weight:900;font-size:12px;letter-spacing:.04em;border-radius:7px}.rules-official:hover{background:#3b3708;border-color:#e5db20}
.rules-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 22px 0}.rules-callout{border:1px solid #2a384c;background:#0b111a;padding:18px;border-radius:10px;min-height:142px}.rules-callout span{display:block;font-size:10px;letter-spacing:.14em;font-weight:900;color:#7f8c9e}.rules-callout strong{display:block;margin-top:8px;font-size:17px;line-height:1.35}.rules-callout p{margin:9px 0 0;color:#8290a3;font-size:12px;line-height:1.55}.rules-callout.yellow{border-color:#635d16;box-shadow:inset 3px 0 #f1e71b}.rules-callout.yellow strong{color:#fff353}.rules-callout.cyan{border-color:#135d65;box-shadow:inset 3px 0 #2ad8dc}.rules-callout.cyan strong{color:#68f4f2}.rules-callout.red{border-color:#61303a;box-shadow:inset 3px 0 #ff596b}.rules-callout.red strong{color:#ff9aa5}
.rules-toc{display:flex;gap:8px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid #202d3d}.rules-toc a{color:#aeb9c7;text-decoration:none;border:1px solid #2b3a4e;background:#0a1018;padding:8px 10px;border-radius:7px;font-size:11px;font-weight:800}.rules-toc a:hover{color:#fff42f;border-color:#756e18}
.rules-content{padding:4px 22px 24px}.rules-section{scroll-margin-top:18px;padding:26px 4px;border-bottom:1px solid #1f2b3b}.rules-section:last-child{border-bottom:0}.rules-section-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.rules-section-head>span{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid #716b13;background:#242205;color:#fff346;font-weight:900;border-radius:7px}.rules-section-head h3{margin:1px 0 4px;font-size:23px}.rules-section-head p{margin:0;color:#768598;font-size:12px}.rules-section>p{color:#a9b4c2;line-height:1.7;font-size:13px}
.rules-steps{display:grid;gap:9px;margin:0;padding:0;counter-reset:ruleStep}.rules-steps li{list-style:none;position:relative;padding:13px 14px 13px 48px;border:1px solid #223044;background:#0a111a;border-radius:8px;color:#bdc7d4;font-size:13px;line-height:1.6;counter-increment:ruleStep}.rules-steps li:before{content:counter(ruleStep);position:absolute;left:14px;top:13px;width:22px;height:22px;display:grid;place-items:center;background:#181f0a;border:1px solid #5c5916;color:#ece43b;font-weight:900;font-size:11px;border-radius:50%}
.rules-zone-grid,.rules-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rules-zone-grid article,.rules-type-grid article{border:1px solid #263449;background:#0a111a;border-radius:9px;padding:15px}.rules-zone-grid b,.rules-type-grid h4{font-size:14px;color:#f0f3f7}.rules-zone-grid p,.rules-type-grid p{margin:7px 0 0;color:#8996a8;font-size:12px;line-height:1.55}.rules-type-grid article>span{display:inline-block;border:1px solid #ff4657;color:#ff7a87;background:#1b0a0d;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:.08em;margin-bottom:8px}.rules-type-grid h4{margin:0}
.rules-note{margin-top:12px;border:1px solid #315163;background:#0b1b24;color:#b9d7df;padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.6}.rules-note b{color:#67e9f0}
.rules-phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rules-phase-grid article{border:1px solid #263449;background:#0a111a;border-radius:9px;padding:16px}.rules-phase-grid h4{margin:0 0 12px;color:#f3ec48;font-size:16px}.rules-phase-grid ol,.rules-phase-grid ul{margin:0;padding-left:20px;color:#aab5c4;font-size:13px;line-height:1.7}.rules-phase-grid li+li{margin-top:6px}
.rules-combat-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rules-combat-flow>div{border:1px solid #263449;background:#0a111a;padding:14px;border-radius:8px}.rules-combat-flow b{font-size:11px;color:#ffe94a;letter-spacing:.06em}.rules-combat-flow p{margin:7px 0 0;color:#8b99aa;font-size:12px;line-height:1.55}.rules-combat-result{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.rules-combat-result article{border:1px solid #334156;background:#0d151f;padding:16px;border-radius:8px}.rules-combat-result span{font-size:9px;color:#7f8da0;letter-spacing:.1em;font-weight:900}.rules-combat-result h4{margin:5px 0 7px;font-size:18px}.rules-combat-result p{margin:0;color:#9eabba;font-size:12px;line-height:1.6}.rules-footnote{margin:12px 0 0!important;color:#788697!important;font-size:11px!important}
.rules-keyword-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rules-keyword-grid article{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start;border:1px solid #263449;background:#0a111a;padding:12px;border-radius:8px}.rules-keyword-grid mark{display:inline-flex;justify-content:center;background:#fff12d;color:#07090c;font-weight:950;padding:4px 7px;border-radius:2px;font-size:10px}.rules-keyword-grid p{margin:0;color:#9ba7b6;font-size:12px;line-height:1.55}
.rules-deck-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.rules-deck-rules>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid #2d3a4f;background:#0a111a;padding:13px;border-radius:8px}.rules-deck-rules b{font-size:20px;color:#fff14a}.rules-deck-rules span{color:#8f9cac;font-size:11px;line-height:1.45}
.rules-glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rules-glossary-grid dl{margin:0;border:1px solid #263449;background:#0a111a;padding:12px 14px;border-radius:8px}.rules-glossary-grid dt{font-weight:900;color:#e8edf4;font-size:12px}.rules-glossary-grid dd{margin:5px 0 0;color:#8391a3;font-size:11px;line-height:1.55}.rules-source-note{border-top:1px solid #263449;background:#090f16;padding:15px 22px;color:#6f7c8e;font-size:10px;line-height:1.6}
@media(max-width:1100px){.rules-quick-grid,.rules-zone-grid{grid-template-columns:1fr 1fr}.rules-deck-rules{grid-template-columns:1fr 1fr}.rules-combat-flow{grid-template-columns:1fr}}
@media(max-width:760px){.rules-hero{padding:20px;flex-direction:column}.rules-hero h2{font-size:31px}.rules-official{width:100%}.rules-quick-grid{grid-template-columns:1fr;padding:14px}.rules-toc{padding:14px}.rules-content{padding:0 14px 18px}.rules-zone-grid,.rules-type-grid,.rules-phase-grid,.rules-combat-result,.rules-keyword-grid,.rules-deck-rules,.rules-glossary-grid{grid-template-columns:1fr}.rules-keyword-grid article{grid-template-columns:90px 1fr}.rules-section-head h3{font-size:20px}}

/* Night City TCG branding */
.sidebar-logo-icon{width:48px;height:48px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 12px #00e5ff35)}
.logo{gap:10px}
.logo>span{display:none!important}
@media(max-width:760px){.sidebar-logo-icon{width:38px;height:38px}.logo{padding:0;margin-right:auto}}

/* === Night City TCG v1.0.0 · Pro Deck Builder === */
.pro-deck-builder{background:#060a11;min-height:780px}
.pro-builder-top{display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:16px;align-items:center;padding:12px 14px;border-bottom:1px solid #253247;background:#080d15;position:sticky;top:0;z-index:20}
.pro-builder-title{display:grid;gap:3px}.pro-builder-title>span{font-size:9px;letter-spacing:.14em;color:#25e4ee;font-weight:900}.pro-builder-title input{width:100%;background:transparent;border:0;border-bottom:1px solid transparent;color:#fff;font-size:20px;font-weight:900;outline:none;padding:2px 0 4px}.pro-builder-title input:not([readonly]):focus{border-bottom-color:#27dbe3}.pro-builder-title small{color:#758499;font-size:10px}
.pro-builder-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.pro-builder-actions button,.visibility-control{height:34px;border:1px solid #2d3b50;background:#0c131d;color:#c7d1de;border-radius:3px;padding:0 10px;font-size:10px;font-weight:800}.pro-builder-actions button{cursor:pointer}.pro-builder-actions button:hover{border-color:#5e728f;color:#fff}.pro-builder-actions button:disabled{opacity:.35;cursor:not-allowed}.pro-builder-actions .danger{border-color:#65303b;color:#ff8f9e;background:#211015}.visibility-control{display:flex;align-items:center;gap:7px}.visibility-control select{border:0;background:transparent;color:#fff;outline:none;font-size:10px;font-weight:800}.visibility-control option{background:#0c131d}
.pro-builder-tabs{height:38px;display:flex;align-items:center;gap:16px;padding:0 15px;border-bottom:1px solid #213049;background:#070c13;color:#75849a;font-size:10px;font-weight:800}.pro-builder-tabs>span{height:100%;display:flex;align-items:center;gap:5px;border-bottom:2px solid transparent}.pro-builder-tabs .active{color:#35e7ef;border-bottom-color:#35e7ef}.pro-builder-tabs b{color:#fff}.pro-builder-tabs .save-state{margin-left:auto;color:#61d9a1;border:0}
.pro-builder-grid{display:grid;grid-template-columns:minmax(540px,1.45fr) minmax(350px,.78fr) minmax(250px,.45fr);min-height:720px;max-height:calc(100vh - 210px)}
.builder-library,.builder-current,.builder-analytics{min-width:0;min-height:0}.builder-library{display:flex;flex-direction:column;border-right:1px solid #253247;background:#070b12}.builder-current{overflow:auto;border-right:1px solid #253247;background:#080c13;padding-bottom:20px}.builder-analytics{overflow:auto;background:#070b11;padding:10px}
.builder-library-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:12px 13px 7px}.builder-library-head h3{margin:0;font-size:15px}.builder-library-head p{margin:0}.builder-library-head>span{color:#7d8da2;font-size:10px}
.builder-search{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid #26364c;background:#03070d;padding:0 10px;height:38px}.builder-search span{color:#25dce6}.builder-search input{width:100%;border:0;background:transparent;color:#fff;outline:none;font-size:12px}
.builder-filters{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:6px;padding:0 12px 9px}.builder-filters select{height:32px;background:#0b111a;border:1px solid #27364b;color:#c6cfda;padding:0 7px;font-size:10px;outline:none}.builder-playable{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:#94a2b5;font-size:10px}.builder-playable input{accent-color:#24dbe5}
.builder-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;overflow:auto;padding:0 8px 10px;align-content:start}.builder-card{min-width:0;border:1px solid #1d2b3f;background:#090e15;transition:.16s}.builder-card.in-deck{border-color:#b1a51e;box-shadow:inset 0 0 0 1px #b1a51e55}.builder-card.not-playable{opacity:.52}.builder-card:hover{border-color:#52647e;transform:translateY(-1px)}.builder-card-art{display:block;width:100%;padding:0;border:0;background:#05080d;position:relative;cursor:pointer;aspect-ratio:733/1024}.builder-card-art img{display:block;width:100%;height:100%;object-fit:cover}.builder-owned,.builder-illegal{position:absolute;top:4px;font-size:8px;font-weight:900;border-radius:2px;padding:2px 4px}.builder-owned{left:4px;background:#0b3b21;border:1px solid #2a8b50;color:#7ff1a7}.builder-illegal{right:4px;background:#3a1017;border:1px solid #8d3341;color:#ff9ba6}.builder-card-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:5px}.builder-card-foot>div:first-child{min-width:0}.builder-card-foot b{display:block;font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-card-foot span{display:block;margin-top:2px;color:#748196;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-card-qty{display:grid;grid-template-columns:20px 20px 20px;align-items:center}.builder-card-qty button{height:20px;border:1px solid #2d4057;background:#07151e;color:#37e3ea;padding:0;cursor:pointer}.builder-card-qty button:disabled{opacity:.25;cursor:not-allowed}.builder-card-qty strong{text-align:center;font-size:9px;color:#fff}
.builder-current>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #263449;background:#0a1119}.builder-current>header span{font-size:8px;letter-spacing:.12em;color:#748398;font-weight:900}.builder-current>header h3{margin:3px 0 0;font-size:15px}.builder-total{display:flex;align-items:baseline;gap:3px}.builder-total b{font-size:22px;color:#37e0e8}.builder-total small{font-size:9px;color:#7d8a9c}.builder-legends-mini{display:flex;justify-content:space-between;padding:7px 12px;border-bottom:1px solid #202d3d;color:#8794a6;font-size:9px}.builder-legends-mini b.ok{color:#63e69a}.builder-legends-mini b.warn{color:#e9d94a}
.builder-deck-section{padding:10px 9px 0}.builder-deck-section h4{display:flex;justify-content:space-between;margin:0 0 6px;color:#aab5c3;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.builder-deck-section h4 span{background:#1c293a;color:#d7e0ea;padding:2px 5px;border-radius:2px}.builder-deck-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:7px;align-items:center;margin-bottom:4px;padding:5px 6px;border:1px solid #2d3340;background:#190a0d;position:relative}.builder-deck-row.color-red{border-left:3px solid #ff4655}.builder-deck-row.color-yellow{border-left:3px solid #ffe04a}.builder-deck-row.color-green{border-left:3px solid #2fd08c}.builder-deck-row.color-blue{border-left:3px solid #4d88ff}.builder-row-cost{display:grid;place-items:center;width:28px;height:28px;border:1px solid #354258;background:#0d141d;color:#fff;font-weight:900;font-size:10px}.builder-row-main{display:grid;min-width:0;gap:1px}.builder-row-main b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-row-main span{font-size:7px;color:#7e8b9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-row-main small{font-size:7px}.builder-row-main small.good{color:#5be497}.builder-row-main small.bad{color:#ef7b86}.builder-row-qty{display:grid;grid-template-columns:22px 32px 22px;align-items:center;text-align:center}.builder-row-qty button{height:22px;border:1px solid #3a4658;background:#101720;color:#fff;cursor:pointer;padding:0}.builder-row-qty button:disabled{opacity:.25}.builder-row-qty strong{font-size:8px}.builder-list-empty{border:1px dashed #29374a;color:#687689;padding:10px;text-align:center;font-size:9px}
.analytics-status,.analytics-box{border:1px solid #243247;background:#0a1018;padding:10px;margin-bottom:8px}.analytics-status-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.analytics-status span,.analytics-box h4{font-size:8px;letter-spacing:.1em;color:#7f8ca0;font-weight:900}.analytics-status b{font-size:8px;border:1px solid;padding:3px 5px}.analytics-status b.valid{color:#64eca0;border-color:#2d7a50;background:#092118}.analytics-status b.invalid{color:#ff7f8b;border-color:#7a2d3a;background:#250c11}.analytics-status p{margin:7px 0 0;color:#b8c2ce;font-size:9px}.analytics-status small{display:block;margin-top:4px;color:#728094;font-size:8px}.analytics-box h4{margin:0 0 10px}.cost-curve{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;align-items:end;height:105px}.cost-curve>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}.cost-curve i{display:block;width:100%;min-height:4px;background:#27dcea;border-radius:2px 2px 0 0}.cost-curve b{font-size:7px;color:#b7c2cf}.cost-curve span{font-size:7px;color:#68778c}.donut{width:108px;height:108px;border-radius:50%;margin:4px auto 10px;display:grid;place-items:center}.donut:before{content:"";grid-area:1/1;width:68px;height:68px;border-radius:50%;background:#0a1018}.donut>div{grid-area:1/1;z-index:1;display:grid;text-align:center}.donut strong{font-size:17px}.donut span{font-size:7px;color:#7d8a9d}.donut.small{width:90px;height:90px}.donut.small:before{width:57px;height:57px}.analytics-legend{display:grid;gap:4px}.analytics-legend.compact{grid-template-columns:1fr 1fr}.analytics-legend span{font-size:7px;color:#8b98a9}.analytics-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c);margin-right:4px}.analytics-progress{display:flex;align-items:center;gap:8px}.analytics-progress>div{flex:1;height:6px;background:#1b2635;overflow:hidden;border-radius:10px}.analytics-progress i{display:block;height:100%;background:#2ed99a}.analytics-progress strong{font-size:12px;color:#63e8a4}.analytics-box.collection p{margin:7px 0 0;color:#748296;font-size:8px}
@media(max-width:1550px){.pro-builder-grid{grid-template-columns:minmax(480px,1.25fr) minmax(330px,.8fr) 235px}.builder-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pro-builder-actions{max-width:520px}}
@media(max-width:1250px){.pro-builder-grid{grid-template-columns:minmax(430px,1fr) minmax(330px,.8fr)}.builder-analytics{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border-top:1px solid #253247}.builder-analytics .analytics-box,.builder-analytics .analytics-status{margin:0}.builder-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pro-builder-top{grid-template-columns:auto 1fr}.pro-builder-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:900px){.pro-builder-grid{grid-template-columns:1fr;max-height:none}.builder-library,.builder-current{border-right:0;border-bottom:1px solid #253247}.builder-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:620px}.builder-current{max-height:620px}.builder-analytics{grid-template-columns:1fr 1fr}.pro-builder-top{position:static}}
@media(max-width:620px){.pro-builder-top{grid-template-columns:1fr}.pro-builder-actions{grid-column:auto}.pro-builder-tabs{overflow:auto}.pro-builder-tabs .save-state{display:none}.builder-filters{grid-template-columns:1fr 1fr}.builder-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-analytics{grid-template-columns:1fr}.visibility-control{width:100%;justify-content:space-between}.pro-builder-actions button{flex:1}.pro-builder-actions .danger{flex:0 0 auto}}
.builder-card-grid{flex:1;min-height:0}
@media(max-width:900px){.builder-card-grid{flex:none;overflow:auto}}


/* === v1.0.1 · scroll robusto del Deck Builder === */
@media(min-width:901px){
  .pro-deck-builder{min-height:0}
  .pro-builder-grid{
    height:calc(100vh - 190px);
    min-height:560px;
    max-height:none;
    overflow:hidden;
  }
  .builder-library{
    min-height:0;
    overflow:hidden;
  }
  .builder-card-grid{
    flex:1 1 auto;
    min-height:0;
    max-height:none;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
  }
  .builder-current,
  .builder-analytics{
    min-height:0;
    max-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
  }
  .builder-card-grid::-webkit-scrollbar,
  .builder-current::-webkit-scrollbar,
  .builder-analytics::-webkit-scrollbar{width:10px}
  .builder-card-grid::-webkit-scrollbar-track,
  .builder-current::-webkit-scrollbar-track,
  .builder-analytics::-webkit-scrollbar-track{background:#070b11}
  .builder-card-grid::-webkit-scrollbar-thumb,
  .builder-current::-webkit-scrollbar-thumb,
  .builder-analytics::-webkit-scrollbar-thumb{background:#26374d;border:2px solid #070b11;border-radius:999px}
  .builder-card-grid::-webkit-scrollbar-thumb:hover,
  .builder-current::-webkit-scrollbar-thumb:hover,
  .builder-analytics::-webkit-scrollbar-thumb:hover{background:#405978}
}
@media(max-width:900px){
  .pro-builder-grid{height:auto;min-height:0;max-height:none;overflow:visible}
  .builder-library,.builder-current,.builder-analytics{max-height:none}
}


/* v1.0.2 · los controles globales solo pertenecen a Colección */
#collectionControls.hidden{display:none!important;}

/* === v1.0.11 · ficha estilo oficial === */
.detail-page-top{margin-bottom:14px}
.official-detail-layout{grid-template-columns:minmax(410px,520px) minmax(0,1fr);gap:46px;align-items:start;background:radial-gradient(circle at 24% 16%,rgba(241,232,24,.09) 0,rgba(0,0,0,0) 31%)}
.official-card-hero{padding-top:4px}
.official-stage{position:relative;overflow:hidden;border-radius:0;background:transparent;box-shadow:none}
.official-stage::before{content:'';position:absolute;inset:0;border:1px solid rgba(56,88,109,.18);pointer-events:none}
.official-printing-caption{margin:12px 0 18px;color:#6c7a8e;letter-spacing:.04em}
.official-art-thumbs{justify-content:flex-start}
.official-info-col{padding-top:0}
.detail-title-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.detail-title-bar .detail-official-head{flex:1;min-width:0}
.share-card-inline{width:auto;min-width:122px;height:38px;margin-top:0;align-self:flex-start;border:1px solid #2f4153;background:#090f18;color:#f2f6fb;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:0 16px}
.share-card-inline:hover{border-color:#526a85;background:#101826;color:#fff}
.detail-name-main{font-size:58px;line-height:.92;letter-spacing:-.02em}
.detail-name-sub{font-size:31px;color:#b0b8c3;line-height:1;margin-top:4px}
.detail-badge-row{margin-top:16px;gap:10px}
.detail-chip{min-height:38px;padding:8px 14px;font-size:12px;letter-spacing:.1em}
.detail-primary-stats{margin-top:22px;gap:1px;background:#173246}
.detail-primary-stats>div{min-height:88px;padding:15px 18px;border:0;background:#060d14}
.detail-primary-stats span{font-size:12px;letter-spacing:.12em;color:#8f9cad}
.detail-primary-stats b{margin-top:8px;font-size:36px;line-height:1}
.detail-rules-box.official-panel,.detail-faq-box{border:1px solid #164861;background:#060b13;padding:24px 26px}
.detail-rules-box.official-panel>span,.detail-faq-head>span{color:#98a6b8;font-size:12px;letter-spacing:.14em}
.detail-rules-copy p{font-size:18px;line-height:1.62;color:#eef2f7}
.rule-keyword{padding:1px 6px;border-radius:0}
.detail-rules-note{display:none}
.detail-faq-box{margin-top:18px}
.detail-faq-head{margin-bottom:2px}
.faq-official-link{font-size:12px;letter-spacing:.09em}
.faq-item{padding:18px 0}
.faq-item h4{font-size:18px;line-height:1.5;color:#fff}
.faq-item p{font-size:16px;line-height:1.7;color:#c8d0db}
.detail-meta-strip{display:flex;flex-wrap:wrap;gap:20px 28px;margin-top:20px;padding-top:2px;color:#b7c0cb}
.detail-meta-strip div,.detail-artist-strip{font-size:14px;line-height:1.5}
.detail-meta-strip span,.detail-artist-strip span{font-weight:800;color:#8997a9;letter-spacing:.08em;text-transform:uppercase;margin-right:6px}
.detail-meta-strip b,.detail-artist-strip b{font-weight:700;color:#f4f7fb}
.detail-artist-strip{margin-top:10px}
.official-collection-box{margin-top:26px;border-color:#213548;background:#07101a}
.official-collection-box .detail-box-title{font-size:13px;letter-spacing:.12em}
.official-collection-box .edition-tabs{border-bottom-color:#213548}
.official-collection-box .edition-tab{background:#0b111a;border:1px solid transparent;color:#91a1b6}
.official-collection-box .edition-tab.active{background:#123d1d;color:#86ff9a;border-color:#2e7b40}
.official-collection-box .collection-selected{background:#0a1118;border-color:#223548}
.official-collection-box .collection-selected b{font-size:18px}
.official-collection-box .collection-selected small{font-size:12px;color:#91a1b6}
.detail-utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.detail-utility-grid .detail-box,.detail-utility-grid .deck-stat-box{margin-top:0;height:100%}
.compact-deck-stat-box .deck-stat-grid>div{padding:15px 12px}
.compact-deck-stat-box .deck-stat-grid b{font-size:24px}
.detail-info-table{grid-template-columns:1fr 1fr;gap:12px 24px}
.detail-info-table>div{padding:10px 0}
@media(max-width:1450px){
  .official-detail-layout{grid-template-columns:minmax(360px,460px) minmax(0,1fr);gap:34px}
  .detail-name-main{font-size:48px}
  .detail-name-sub{font-size:26px}
  .detail-rules-copy p{font-size:16px}
  .faq-item h4{font-size:16px}
  .faq-item p{font-size:14px}
}
@media(max-width:1080px){
  .detail-title-bar{flex-direction:column;align-items:flex-start}
  .share-card-inline{min-width:0}
  .detail-name-main{font-size:40px}
  .detail-name-sub{font-size:23px}
  .detail-utility-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .official-detail-layout{grid-template-columns:1fr;gap:22px}
  .detail-name-main{font-size:34px}
  .detail-name-sub{font-size:20px}
  .detail-primary-stats>div{min-height:74px;padding:12px}
  .detail-primary-stats b{font-size:28px}
  .detail-rules-copy p{font-size:15px}
  .faq-item h4{font-size:15px}
  .faq-item p{font-size:13px}
  .detail-meta-strip{gap:10px 16px}
}
@media(max-width:480px){
  .share-card-inline{width:100%}
  .detail-chip{min-height:32px;padding:6px 10px;font-size:10px}
  .detail-rules-box.official-panel,.detail-faq-box{padding:18px}
  .detail-meta-strip div,.detail-artist-strip{font-size:12px}
  .detail-info-table{grid-template-columns:1fr}
}

/* === v1.0.12 · efecto 3D de carta según el puntero === */
.nc-tilt-card{
  --tilt-rx:0deg;
  --tilt-ry:0deg;
  --tilt-scale:1;
  --tilt-glare-x:50%;
  --tilt-glare-y:50%;
  --tilt-shine:0;
  position:relative;
  transform-style:preserve-3d;
  will-change:transform,filter,box-shadow;
  transform:perspective(900px) rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) scale(var(--tilt-scale));
  transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s ease,filter .28s ease,border-color .2s ease;
}
.nc-tilt-card.is-tilting{transition:transform .06s linear,box-shadow .12s ease,filter .12s ease}
.nc-tilt-card::before,
.nc-tilt-card::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
  opacity:var(--tilt-shine);
  transition:opacity .24s ease;
}
.nc-tilt-card::before{
  background:
    radial-gradient(circle at var(--tilt-glare-x) var(--tilt-glare-y),rgba(255,255,255,.46) 0%,rgba(114,244,255,.21) 11%,rgba(255,55,198,.14) 25%,rgba(255,232,49,.08) 38%,transparent 58%);
  mix-blend-mode:screen;
}
.nc-tilt-card::after{
  background:
    linear-gradient(118deg,transparent 18%,rgba(0,229,255,.06) 34%,rgba(255,255,255,.20) 46%,rgba(255,227,20,.14) 50%,rgba(255,32,190,.08) 58%,transparent 76%);
  mix-blend-mode:screen;
  filter:saturate(1.2);
}
.nc-tilt-card.is-tilting{
  filter:saturate(1.04) brightness(1.025);
  box-shadow:0 24px 58px rgba(0,0,0,.48),0 0 24px rgba(226,238,0,.12);
}
.nc-tilt-card>img.card-render{position:relative;z-index:0;transform:translateZ(1px)}
.catalog-art-button.nc-tilt-card:hover{
  transform:perspective(900px) rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) scale(var(--tilt-scale));
  border-color:#7d8700;
  box-shadow:0 24px 58px #000b,0 0 0 1px #dce50055,0 0 28px #dce50020;
}
.catalog-art-button.nc-tilt-card:hover img{transform:translateZ(1px) scale(1.012)}
.builder-card-art.nc-tilt-card{z-index:2;border-radius:4px}
.builder-card-art.nc-tilt-card.is-tilting{z-index:20}
.big-card-stage.nc-tilt-card{z-index:4;border-radius:10px}
.big-card-stage.nc-tilt-card::before,
.big-card-stage.nc-tilt-card::after{inset:0;z-index:2}
.big-card-stage.nc-tilt-card .big-card{position:relative;z-index:1}
.big-card-stage.nc-tilt-card .art-nav{z-index:4}
.art-thumb.nc-tilt-card{transform-origin:center center}
.art-thumb.nc-tilt-card.is-tilting{z-index:8}
.catalog-owned,.catalog-missing,.catalog-wish,.builder-owned,.builder-illegal{z-index:3}
@media(hover:none),(pointer:coarse){
  .nc-tilt-card{transform:none!important;filter:none!important;box-shadow:inherit!important}
  .nc-tilt-card::before,.nc-tilt-card::after{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .nc-tilt-card{transform:none!important;transition:none!important}
  .nc-tilt-card::before,.nc-tilt-card::after{display:none!important}
}

/* === v1.0.13 · catálogo separado de Mi colección === */
.collection-view-hint{color:#7f8da0;font-size:11px;letter-spacing:.02em}
.collection-grid .catalog-card{display:flex;flex-direction:column;min-width:0}
.collection-qty-badge{position:absolute;right:8px;top:8px;z-index:4;display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid #66f18e;background:rgba(7,48,24,.92);color:#9affb3;border-radius:999px;font-size:15px;font-weight:950;box-shadow:0 8px 18px #000b,0 0 16px rgba(71,255,126,.16)}
.my-collection-card .catalog-art-button{border-color:#294435}
.my-collection-card .catalog-meta{padding-top:11px}
.collection-card-summary{display:grid;gap:3px;margin-top:8px;padding-top:8px;border-top:1px solid #1d2a35}
.collection-card-summary b{font-size:13px;color:#90ffa9}
.collection-card-summary span{font-size:10px;line-height:1.45;color:#8594a6;white-space:normal}
@media(max-width:820px){.collection-qty-badge{min-width:34px;height:34px;font-size:13px}.collection-card-summary b{font-size:12px}.collection-card-summary span{font-size:9px}}

/* === v1.0.15 · escáner visual de cartas === */
.nav-beta{margin-left:auto;padding:2px 5px;border:1px solid #6f7611;border-radius:999px;color:var(--yellow);font-size:7px;letter-spacing:.08em;font-weight:900}
.scanner-panel{overflow:hidden}
.scanner-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(33,230,216,.05),transparent 42%),linear-gradient(315deg,rgba(244,239,24,.04),transparent 38%)}
.scanner-hero h2{margin:2px 0 8px;font-size:24px}.scanner-hero>div>p:last-child{max-width:760px;margin:0;color:#91a0b3;line-height:1.6;font-size:13px}.scanner-beta-badge{flex:0 0 auto;padding:7px 10px;border:1px solid #777a15;background:#22230d;color:var(--yellow);border-radius:7px;font-size:10px;letter-spacing:.16em;font-weight:950}
.scanner-layout{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(330px,.85fr);gap:18px;padding:18px}.scanner-camera-card,.scanner-result-card{min-width:0;border:1px solid #263447;background:#080e16;border-radius:14px;overflow:hidden}.scanner-camera-card{padding:14px}.scanner-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:4/5;max-height:680px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 42%,#162232 0,#0a0f17 48%,#06090e 100%);border:1px solid #2a394c}.scanner-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05080d}.scanner-idle{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;color:#8f9db0;background:radial-gradient(circle at 50% 40%,rgba(25,40,57,.82),rgba(5,9,14,.96))}.scanner-idle-icon{width:74px;height:74px;display:grid;place-items:center;margin-bottom:17px;border:1px solid #3b536c;border-radius:50%;font-size:38px;color:var(--cyan);box-shadow:0 0 38px rgba(33,230,216,.08)}.scanner-idle b{color:#eaf0f6;font-size:16px}.scanner-idle span{margin-top:7px;font-size:12px}.scanner-guide{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(72%,360px);height:auto;aspect-ratio:63/88;max-width:none;border:1px solid rgba(255,255,255,.18);border-radius:10px;opacity:.22;transition:.2s;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.28)}.scanner-guide.active{opacity:1}.scanner-guide>i{position:absolute;width:32px;height:32px;border-color:var(--yellow);filter:drop-shadow(0 0 8px rgba(244,239,24,.38))}.scanner-guide>i:nth-child(1){left:-2px;top:-2px;border-left:3px solid var(--yellow);border-top:3px solid var(--yellow)}.scanner-guide>i:nth-child(2){right:-2px;top:-2px;border-right:3px solid var(--yellow);border-top:3px solid var(--yellow)}.scanner-guide>i:nth-child(3){right:-2px;bottom:-2px;border-right:3px solid var(--yellow);border-bottom:3px solid var(--yellow)}.scanner-guide>i:nth-child(4){left:-2px;bottom:-2px;border-left:3px solid var(--yellow);border-bottom:3px solid var(--yellow)}.scanner-guide>span{position:absolute;left:50%;top:10px;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;background:#080b10cc;color:var(--yellow);font-size:8px;letter-spacing:.16em;font-weight:950;border-radius:999px}.scanner-flash{position:absolute;inset:0;z-index:6;background:#fff;opacity:0;pointer-events:none}.scanner-flash.go{animation:scannerFlash .26s ease-out}@keyframes scannerFlash{0%{opacity:.72}100%{opacity:0}}
.scanner-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.scanner-actions .primary,.scanner-actions .secondary{min-height:42px}.scanner-scan-btn{flex:1 1 180px}.scanner-actions button:disabled{opacity:.42;cursor:not-allowed}.scanner-tips{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;color:#75869a;font-size:10px}.scanner-tips span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#14202d;border:1px solid #2b3b50;color:#b7c5d5;font-size:9px;font-weight:900}
.scanner-result-card{padding:18px;align-self:start;min-height:420px}.scanner-result-empty{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;color:#7f8da0}.scanner-result-empty>div{width:68px;height:68px;display:grid;place-items:center;margin-bottom:16px;border:1px solid #304157;border-radius:50%;color:var(--cyan);font-size:32px}.scanner-result-empty b{font-size:17px;color:#e8eef5}.scanner-result-empty p{max-width:360px;margin:8px 0 0;line-height:1.6;font-size:12px}.scanner-result-empty.error>div{color:var(--red);border-color:#70303a}.scanner-result-empty.error b{color:#ffc6ce}.scanner-result-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.scanner-result-head>div{display:grid;gap:4px}.scanner-result-head span{color:#7d8da1;font-size:9px;letter-spacing:.15em;font-weight:850}.scanner-result-head b{font-size:13px;color:#83f5a4}.scanner-result-head b.warn{color:#ffd765}.scanner-result-head strong{font-size:28px}.scanner-confidence{height:5px;margin:11px 0 16px;background:#182231;border-radius:99px;overflow:hidden}.scanner-confidence i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--yellow));border-radius:99px}.scanner-compare{display:grid;grid-template-columns:1fr 1fr;gap:11px}.scanner-compare figure{margin:0;min-width:0;border:1px solid #263649;background:#050a10;border-radius:10px;overflow:hidden}.scanner-compare img{display:block;width:100%;aspect-ratio:63/88;object-fit:cover;background:#0d131b}.scanner-compare figcaption{padding:7px 9px;color:#718195;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.scanner-detected{padding:16px 0 12px}.scanner-detected>span{font-size:9px;letter-spacing:.14em;color:var(--cyan);font-weight:900}.scanner-detected h3{margin:4px 0 4px;font-size:22px}.scanner-detected p{margin:0;color:#8493a6;font-size:11px;line-height:1.55}.scanner-edition-label{display:grid;gap:7px;color:#8998aa;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.scanner-edition-label select{width:100%;padding:11px 12px;border:1px solid #2b3c51;border-radius:9px;background:#0a111a;color:#eaf0f6;outline:none;text-transform:none;letter-spacing:0}.scanner-edition-label select:focus{border-color:#5d768f}.scanner-owned-line{display:flex;justify-content:space-between;gap:10px;padding:11px 0;color:#8291a4;font-size:11px}.scanner-owned-line b{color:#cdd8e4}.scanner-add{width:100%;min-height:44px}.scanner-loading-detail{padding:16px;text-align:center;border:1px dashed #2b3b4d;border-radius:9px;color:#8090a3;font-size:11px}.scanner-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.scanner-result-actions .secondary{min-height:40px}.scanner-alternatives{margin-top:16px;padding-top:14px;border-top:1px solid #1e2b3a}.scanner-alternatives>span{display:block;margin-bottom:8px;color:#748499;font-size:10px}.scanner-alt{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;margin-top:5px;border:1px solid #263548;background:#0a1119;color:#9ba9bb;border-radius:8px;cursor:pointer;text-align:left;font-size:11px}.scanner-alt.active{border-color:#6e7412;background:#181a0b;color:#eef06b}.scanner-alt b{font-size:10px;color:#718399}.scanner-alt.active b{color:var(--yellow)}
.scanner-recent{margin:0 18px 18px;border:1px solid #253348;border-radius:12px;overflow:hidden;background:#090f17}.scanner-recent .panel-head{padding:13px 15px}.scanner-recent .panel-head h3{margin:0 0 3px;font-size:14px}.scanner-recent .panel-head>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:#1b230d;color:var(--yellow);font-weight:900}.scanner-recent-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#1d2a39}.scanner-recent-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:0;background:#0a1119;color:#dbe3ec;text-align:left;cursor:pointer}.scanner-recent-item:hover{background:#111b27}.scanner-recent-item img{width:42px;aspect-ratio:63/88;object-fit:cover;border-radius:3px}.scanner-recent-item span{min-width:0;display:grid;gap:3px}.scanner-recent-item b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.scanner-recent-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#75869b;font-size:8px}.scanner-recent-item em{font-style:normal;color:#8bffa8;font-weight:900;font-size:11px}
@media(max-width:1100px){.scanner-layout{grid-template-columns:1fr 1fr}.scanner-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.scanner-layout{grid-template-columns:1fr;padding:12px}.scanner-camera-card,.scanner-result-card{border-radius:11px}.scanner-stage{max-height:none}.scanner-result-card{min-height:0}.scanner-result-empty{min-height:260px}.scanner-recent{margin:0 12px 12px}.scanner-hero{padding:17px}.scanner-hero h2{font-size:20px}.scanner-guide{width:min(76%,360px)}}
@media(max-width:760px){.nav-beta{display:none}.scanner-actions{display:grid;grid-template-columns:1fr 1fr}.scanner-scan-btn{grid-column:1/-1;grid-row:1}.scanner-start-btn{grid-row:2}.scanner-tips{line-height:1.4}}
@media(max-width:520px){.scanner-layout{padding:8px}.scanner-camera-card,.scanner-result-card{padding:9px}.scanner-stage{aspect-ratio:3/4}.scanner-guide{width:80%;max-width:360px}.scanner-compare{gap:7px}.scanner-detected h3{font-size:19px}.scanner-result-actions{grid-template-columns:1fr}.scanner-recent{margin:0 8px 8px}.scanner-recent-list{grid-template-columns:1fr}.scanner-hero>div>p:last-child{font-size:11px}.scanner-beta-badge{padding:5px 7px;font-size:8px}}

/* === v1.0.16 · corrección responsive móvil / sin desbordamiento horizontal === */
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .app-shell{width:100%;min-width:0;max-width:100vw;overflow-x:clip}
  .sidebar{
    width:100%;min-width:0;max-width:100vw;
    padding:9px 9px;
    gap:4px;
    overflow:hidden;
  }
  .logo{flex:0 0 auto;margin-right:2px;min-width:0}
  .sidebar-logo-icon{width:36px;height:36px}
  .sidebar nav{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:2px;
  }
  .nav-btn{
    flex:1 1 0;
    min-width:35px;
    max-width:46px;
    height:40px;
    padding:0 6px;
    justify-content:center;
    text-align:center;
    gap:0;
  }
  .sidebar-footer{
    flex:0 0 auto;
    min-width:0;
    margin:0 0 0 2px;
    gap:0;
  }
  .sidebar-footer a{display:none!important}
  .sidebar-footer a[href="admin.php"]{
    display:grid!important;
    place-items:center;
    width:40px;
    height:40px;
    padding:0!important;
    border:1px solid transparent;
    border-radius:9px;
    font-size:0;
    color:#aeb9c7;
  }
  .sidebar-footer a[href="admin.php"]::before{content:'⚙';font-size:19px;line-height:1}
  .sidebar-footer a[href="admin.php"]:hover{background:#151d2a;border-color:#2a3649;color:#fff}
  .main{width:100%;min-width:0;max-width:100%;padding:18px 12px 46px}
  .topbar{min-width:0;margin-bottom:18px}
  .topbar h1{font-size:clamp(29px,9vw,36px);line-height:1.05;overflow-wrap:anywhere}
  .panel,.collection-panel,.filters-shell{width:100%;max-width:100%;min-width:0}
  .panel-head{min-width:0;padding:15px 14px}
  .loading,.empty{padding:34px 18px}
}
@media(max-width:360px){
  .sidebar{padding-left:6px;padding-right:6px}
  .sidebar-logo-icon{width:33px;height:33px}
  .nav-btn{min-width:32px;max-width:42px;height:38px;padding:0 4px}
  .sidebar-footer a[href="admin.php"]{width:36px;height:38px}
  .main{padding-left:10px;padding-right:10px}
}

/* v1.0.17 · rechazo de falsos positivos del escáner */
.scanner-reject-photo{display:grid;grid-template-columns:minmax(0,1fr);margin:4px 0 2px}.scanner-reject-photo figure{margin:0;border:1px solid #263649;background:#050a10;border-radius:10px;overflow:hidden}.scanner-reject-photo img{display:block;width:100%;max-height:430px;aspect-ratio:63/88;object-fit:cover;background:#0d131b}.scanner-reject-photo figcaption{padding:7px 9px;color:#718195;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.scanner-detected.scanner-rejected{padding-bottom:16px}.scanner-detected.scanner-rejected>span{color:#ff7f8d}.scanner-detected.scanner-rejected h3{color:#f2f5f8}.scanner-low-warning{padding:11px 12px;border:1px solid #6d5b1c;background:#1a1608;color:#f3da74;border-radius:9px;font-size:11px;line-height:1.45}.scanner-result-actions.single{grid-template-columns:1fr}
\n\n/* === v1.0.26 · color oficial del tipo de carta según su color === */
.nc-color-red{--nc-card-accent:#ff4f62;--nc-card-accent-bg:rgba(255,79,98,.085)}
.nc-color-yellow{--nc-card-accent:#f4ef18;--nc-card-accent-bg:rgba(244,239,24,.075)}
.nc-color-green{--nc-card-accent:#39d98a;--nc-card-accent-bg:rgba(57,217,138,.075)}
.nc-color-blue{--nc-card-accent:#49a5ff;--nc-card-accent-bg:rgba(73,165,255,.085)}
.nc-color-unknown{--nc-card-accent:#9aa6b8;--nc-card-accent-bg:rgba(154,166,184,.07)}
.catalog-type-row{display:flex;align-items:center;gap:8px;margin-top:7px;min-height:27px;flex-wrap:wrap}
.catalog-type-badge{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 13px 4px 11px;border:2px solid var(--nc-card-accent,#9aa6b8);background:var(--nc-card-accent-bg,rgba(154,166,184,.07));color:var(--nc-card-accent,#9aa6b8);font-size:10px;font-weight:950;line-height:1;letter-spacing:.13em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.catalog-ram-inline{color:#7e8b9f;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.detail-official-head .detail-type-kicker{color:var(--nc-card-accent,#f5ea27)}
.detail-official-head .detail-chip.chip-type{color:var(--nc-card-accent,#ff8d97);border-color:var(--nc-card-accent,#ff6674);background:var(--nc-card-accent-bg,transparent)}
@media(max-width:820px){.catalog-type-row{gap:6px;margin-top:6px;min-height:24px}.catalog-type-badge{min-height:24px;padding:3px 11px 3px 9px;font-size:9px}.catalog-ram-inline{font-size:9px}}


/* === v1.0.27 · corrección definitiva del acento rojo === */
.catalog-card.nc-color-red .catalog-type-badge{
  color:#ff4f62!important;
  border-color:#ff4f62!important;
  background:rgba(255,79,98,.085)!important;
}
.detail-official-head.nc-color-red .detail-type-kicker{color:#ff4f62!important}
.detail-official-head.nc-color-red .detail-chip.chip-type{
  color:#ff4f62!important;
  border-color:#ff4f62!important;
  background:rgba(255,79,98,.085)!important;
}


/* === v1.0.28 · estadísticas de carta al estilo oficial === */
.catalog-stats-inline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
  min-height:18px;
  color:#8f98aa;
  font-size:10px;
  font-weight:750;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.catalog-stat{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.catalog-stat>b{color:#e9edf3;font-size:11px;font-weight:950;letter-spacing:.04em}
.catalog-stat-ram{gap:5px}
.catalog-ram-dot{
  display:inline-block;
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:var(--nc-card-accent,#9aa6b8);
  box-shadow:0 0 9px color-mix(in srgb,var(--nc-card-accent,#9aa6b8) 40%,transparent);
}
@media(max-width:820px){
  .catalog-stats-inline{gap:6px;margin-top:8px;font-size:9px;letter-spacing:.1em}
  .catalog-stat{gap:3px}
  .catalog-stat>b{font-size:10px}
  .catalog-ram-dot{width:8px;height:8px;flex-basis:8px}
}

/* === v1.0.29 · Deck Builder inspirado en la experiencia oficial === */
.deck-builder-panel{background:#03040e;border-color:#1b2638;overflow:visible}
.deck-builder-panel>.deck-panel-head{display:none!important}
.deck-builder-panel>.deck-grid{display:block!important;padding:0!important}
.deck-builder-panel>.deck-detail{padding:0!important;border:0!important}
.official-deck-hub-tabs{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:0;border-bottom:1px solid #263244;background:#050710;min-height:48px;padding:0 14px}
.official-deck-hub-tabs button{height:48px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8c98aa;padding:0 14px;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.official-deck-hub-tabs button.active{color:#38e6ff;border-bottom-color:#38e6ff}.official-deck-hub-tabs button small{color:#a7a200;margin-left:5px;font-size:7px}.official-deck-hub-tabs .hub-new-deck{height:32px;border:1px solid #2a3a50;background:#08101a;color:#fff;padding:0 14px}.official-deck-hub-tabs .hub-new-deck:hover{border-color:#eff400;color:#eff400}
.official-deck-hub-body{background:#060810;min-height:430px}.deck-tournament-soon{min-height:430px;display:grid;place-items:center;align-content:center;text-align:center;gap:12px;color:#8491a4}.deck-tournament-soon b{font-size:28px;color:#eef3f9}.deck-tournament-soon span{border:1px solid #797500;color:#fff200;padding:6px 10px;font-size:10px;letter-spacing:.14em}.deck-tournament-soon p{max-width:520px;margin:0}

.official-deck-builder-shell{background:#02030b;color:#eef2f7;min-height:760px}
.official-builder-global{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border-bottom:1px solid #243044;background:#02030b;padding:9px 12px}
.official-builder-prompt{font-size:10px;letter-spacing:.14em;font-weight:900;color:#e9eef5}.official-builder-actions{display:flex;align-items:center;gap:7px}.official-builder-actions button{height:32px;border:1px solid #314156;background:#070b13;color:#e9eef5;padding:0 11px;font-size:9px;font-weight:900;letter-spacing:.06em;cursor:pointer}.official-builder-actions button:hover{border-color:#38ddf2}.official-builder-actions .save{border-color:#168aa0;color:#5ceeff}.official-builder-actions .share{border-color:#8e8400;color:#fff130}.official-builder-actions button:disabled{opacity:.35;cursor:not-allowed}
.official-builder-toolbar{display:grid;grid-template-columns:auto minmax(320px,1fr);gap:12px;align-items:center;padding:7px 10px;border-bottom:1px solid #1b2637;background:#050710}.official-builder-toolbar>.deck-back{height:38px;border:0;background:transparent;color:#9aa6b7;font-size:9px;font-weight:900;cursor:pointer}.official-smart-search{display:grid;grid-template-columns:minmax(0,1fr) 40px 36px;max-width:900px;border:1px solid #26364b;background:#06101a}.official-smart-search input{height:38px;border:0;background:transparent;color:#f3f6f9;padding:0 12px;outline:none;font-size:11px}.official-smart-search button{border:0;border-left:1px solid #26364b;background:#00d9f2;color:#031016;font-size:20px;font-weight:900;cursor:pointer}.official-smart-search .help{background:#09101a;color:#d8e1eb;font-size:13px}
.official-builder-columns{display:grid;grid-template-columns:minmax(520px,1.55fr) minmax(330px,.72fr) minmax(250px,.48fr);height:calc(100vh - 190px);min-height:610px;max-height:900px;border-top:0}
.official-library-pane,.official-current-deck,.official-builder-side{min-width:0;min-height:0;overflow:hidden}.official-library-pane{display:flex;flex-direction:column;border-right:1px solid #233044;background:#03050d}.official-current-deck{display:flex;flex-direction:column;border-right:1px solid #233044;background:#050711}.official-builder-side{overflow-y:auto;background:#050710;padding:10px}
.official-library-tools{display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid #202c3e}.official-library-tools>button,.official-library-tools select,.official-view-switch button{height:30px;border:1px solid #2a3a4f;background:#07101a;color:#aeb8c7;padding:0 9px;font-size:9px;cursor:pointer}.official-view-switch{display:flex}.official-view-switch button.active{background:#37dff2;color:#051015;border-color:#37dff2}.official-library-tools select{padding-right:22px}.official-builder-filters{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr)) auto;gap:7px;padding:8px 10px;border-bottom:1px solid #202c3e;background:#070b13}.official-builder-filters select{height:34px;background:#050911;color:#dce3eb;border:1px solid #29384c;padding:0 8px}.official-builder-filters label{display:flex;align-items:center;gap:6px;font-size:9px;color:#9aa7b8;white-space:nowrap}.official-library-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:6px 10px;color:#78869a;font-size:8px;border-bottom:1px solid #182334}.official-library-meta b{color:#e9dd4b;letter-spacing:.04em}
.official-card-library{--deck-cols:6;display:grid;grid-template-columns:repeat(var(--deck-cols),minmax(0,1fr));gap:8px;padding:9px;overflow-y:auto;align-content:start;min-height:0;scrollbar-gutter:stable}.official-builder-card{min-width:0;--builder-hover-glow:rgba(154,166,184,.30);--builder-hover-glow-strong:rgba(154,166,184,.52)}.official-builder-art{position:relative;width:100%;padding:0;border:1px solid #273246;background:#080a0e;aspect-ratio:5/7;overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}.official-builder-art img{width:100%;height:100%;object-fit:contain;transition:transform .18s ease}.official-builder-card.in-deck .official-builder-art{box-shadow:0 0 0 1px #39dff0}.official-builder-card.not-playable{opacity:.5}.official-builder-card:not(.not-playable):hover .official-builder-art,.official-builder-card:not(.not-playable):focus-within .official-builder-art{border-color:var(--nc-card-accent,#8ea2b8);box-shadow:0 0 0 1px var(--builder-hover-glow-strong),0 0 22px var(--builder-hover-glow),0 0 44px var(--builder-hover-glow);transform:translateY(-2px) scale(1.01);filter:saturate(1.03)}.official-builder-card:not(.not-playable):hover .official-builder-art img,.official-builder-card:not(.not-playable):focus-within .official-builder-art img{transform:scale(1.01)}.official-builder-card.in-deck:not(.not-playable):hover .official-builder-art,.official-builder-card.in-deck:not(.not-playable):focus-within .official-builder-art{box-shadow:0 0 0 1px #39dff0,0 0 0 2px var(--builder-hover-glow-strong),0 0 22px var(--builder-hover-glow),0 0 44px var(--builder-hover-glow)}.official-builder-card.nc-color-red{--builder-hover-glow:rgba(255,79,98,.34);--builder-hover-glow-strong:rgba(255,79,98,.62)}.official-builder-card.nc-color-yellow{--builder-hover-glow:rgba(244,239,24,.30);--builder-hover-glow-strong:rgba(244,239,24,.56)}.official-builder-card.nc-color-green{--builder-hover-glow:rgba(57,217,138,.30);--builder-hover-glow-strong:rgba(57,217,138,.56)}.official-builder-card.nc-color-blue{--builder-hover-glow:rgba(73,165,255,.32);--builder-hover-glow-strong:rgba(73,165,255,.58)}.official-owned,.official-illegal{position:absolute;top:4px;padding:2px 4px;font-size:7px;font-weight:900}.official-owned{left:4px;background:#083821;color:#70f7a0;border:1px solid #2c8752}.official-illegal{right:4px;background:#3a1018;color:#ff94a0;border:1px solid #983947}.official-builder-card-actions{height:25px;display:flex;justify-content:center;align-items:center;gap:0;margin-top:4px}.official-builder-card-actions button{height:25px;min-width:26px;border:1px solid #0d5668;background:#06131d;color:#36e4f3;cursor:pointer}.official-builder-card-actions .plus-only{width:28px;font-size:18px}.official-builder-card-actions button:disabled{opacity:.25}.official-builder-card-actions b{min-width:26px;text-align:center;font-size:9px}.official-builder-card-listcopy{display:none}
.official-card-library.list-layout{grid-template-columns:1fr;gap:5px}.official-card-library.list-layout .official-builder-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #202d3f;padding:5px;background:#070b12}.official-card-library.list-layout .official-builder-art{width:58px;aspect-ratio:5/7}.official-card-library.list-layout .official-builder-card-listcopy{display:grid;gap:3px;grid-column:2;grid-row:1}.official-card-library.list-layout .official-builder-card-listcopy b{font-size:10px}.official-card-library.list-layout .official-builder-card-listcopy span{font-size:8px;color:#79869a}.official-card-library.list-layout .official-builder-card-actions{grid-column:3;grid-row:1;margin:0}

.official-deck-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #26334a}.official-deck-tabs button{height:45px;border:0;border-bottom:2px solid transparent;background:#0c0d1c;color:#8994a6;font-size:10px;font-weight:900;cursor:pointer}.official-deck-tabs button.active{background:#35dff1;color:#061018;border-bottom-color:#35dff1}.official-deck-tabs b{margin-left:5px}
.official-current-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px 34px 34px;gap:4px;padding:8px;border-bottom:1px solid #202b3b}.official-current-toolbar input{min-width:0;background:#060a12;border:0;color:#f1f4f8;font-weight:800;padding:0 8px}.official-current-toolbar button{height:30px;border:1px solid #2d3a4d;background:#07101a;color:#9eabba;cursor:pointer}.official-current-toolbar button:disabled{opacity:.25}.official-current-mini{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-bottom:1px solid #1f2b3b;font-size:8px;color:#768497}.official-current-mini strong{color:#ef5b66}.official-current-list{overflow-y:auto;padding:7px;min-height:0}.official-deck-section{margin-bottom:10px}.official-deck-section h4{display:flex;justify-content:space-between;margin:0 0 5px;font-size:8px;color:#78879a;letter-spacing:.09em;text-transform:uppercase}.official-deck-section h4 span{background:#1a2638;color:#d8e1ea;padding:2px 5px}.official-deck-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:7px;align-items:center;padding:5px 6px;margin-bottom:4px;border:1px solid #45242a;background:#210b10}.official-deck-row.color-yellow{border-color:#645b17;background:#181507}.official-deck-row.color-green{border-color:#1f5c43;background:#071a12}.official-deck-row.color-blue{border-color:#264c7b;background:#071323}.official-row-cost{display:grid;place-items:center;width:28px;height:28px;border:1px solid #6f3940;background:#12070a;font-weight:900;font-size:10px}.official-row-main{min-width:0}.official-row-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.official-row-main span{display:block;margin-top:2px;color:#8d98a8;font-size:7px}.official-row-qty{display:grid;grid-template-columns:25px 32px 25px;align-items:center;text-align:center}.official-row-qty button{height:25px;border:1px solid #54333a;background:#16090d;color:#ddd;cursor:pointer}.official-row-qty button:disabled{opacity:.25}.official-row-qty strong{font-size:8px}.official-deck-empty{padding:12px;border:1px dashed #29364a;text-align:center;color:#637185;font-size:8px}

.official-side-head{padding:4px 2px 10px;border-bottom:1px solid #202b3d}.official-side-head>input{width:100%;background:transparent;border:0;color:#fff;font-weight:900;padding:5px 0;outline:none}.official-side-head p{margin:4px 0;color:#6f7e93;font-size:8px}.official-side-head p button{border:0;background:transparent;color:#8a97aa;padding:0;cursor:pointer}.official-side-head label{display:flex;justify-content:space-between;align-items:center;color:#748297;font-size:8px}.official-side-head select{background:#060a12;border:1px solid #2b384c;color:#cdd6e1;padding:4px;font-size:8px}.official-side-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 0}.official-side-icons button{height:30px;border:1px solid #2a374a;background:#070c14;color:#cbd5e0;cursor:pointer}.official-side-manage{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.official-side-manage button{height:30px;border:1px solid #2a374a;background:#070c14;color:#cbd5e0;font-size:8px}.official-side-manage .danger{border-color:#652c37;color:#ff8793}
.official-builder-analytics{display:grid;gap:7px}.official-analytics-box,.official-validation-list{border:1px solid #252d42;background:#090b16;padding:10px}.official-analytics-box h4{margin:0 0 9px;color:#828da0;font-size:7px;letter-spacing:.1em;text-align:center}.official-analytics-box.deck-status h4{text-align:left}.official-analytics-box.deck-status p{margin:0 0 7px;color:#9ca7b5;font-size:8px}.official-analytics-box.deck-status b{display:inline-block;padding:5px 8px;border:1px solid;font-size:8px}.official-analytics-box.deck-status b.invalid{border-color:#7d2d3a;color:#ff6c78;background:#280a10}.official-analytics-box.deck-status b.valid{border-color:#27744b;color:#67ec9d;background:#071d13}.official-cost-curve{height:105px;display:grid;grid-template-columns:repeat(8,1fr);align-items:end;gap:4px}.official-cost-curve>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.official-cost-curve span{font-size:6px;color:#778498}.official-cost-curve i{display:block;width:70%;background:#35dff1;min-height:2px}.official-cost-curve b{font-size:7px;color:#778498}.official-donut{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;margin:7px auto}.official-donut:before{content:"";grid-area:1/1;width:62px;height:62px;border-radius:50%;background:#090b16}.official-donut>div{grid-area:1/1;z-index:1}.official-donut strong{font-size:15px}.official-no-data{text-align:center;color:#59667a;font-size:7px;margin:0}.official-analytics-legend{display:grid;gap:3px}.official-analytics-legend span{font-size:7px;color:#8b97a8}.official-analytics-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c);margin-right:4px}.official-validation-list p{margin:0 0 7px;color:#f15b65;font-size:7px;line-height:1.45}.official-validation-list p:last-child{margin-bottom:0}.official-validation-list p.ok{color:#5ee59a}

@media(max-width:1350px){.official-builder-columns{grid-template-columns:minmax(470px,1.35fr) minmax(320px,.8fr) 235px}.official-card-library{--deck-cols:5!important}}
@media(max-width:1100px){.official-builder-columns{grid-template-columns:minmax(430px,1fr) minmax(310px,.75fr);height:auto;max-height:none}.official-builder-side{grid-column:1/-1;display:grid;grid-template-columns:220px 110px repeat(3,minmax(160px,1fr));gap:7px;align-items:start;border-top:1px solid #233044}.official-builder-analytics{display:contents}.official-validation-list{grid-column:1/-1}.official-card-library{height:620px}.official-current-deck{height:620px}}
@media(max-width:760px){.official-deck-hub-tabs{grid-template-columns:1fr 1fr 1fr;padding:0;overflow:hidden}.official-deck-hub-tabs>span{display:none}.official-deck-hub-tabs .hub-new-deck{grid-column:1/-1;width:100%;height:40px}.official-deck-hub-tabs button{padding:0 6px;font-size:8px}.official-builder-global{grid-template-columns:1fr}.official-builder-actions{display:grid;grid-template-columns:1fr 1fr}.official-builder-actions button{width:100%}.official-builder-toolbar{grid-template-columns:1fr}.official-smart-search{min-width:0}.official-builder-columns{grid-template-columns:1fr;height:auto}.official-library-pane,.official-current-deck{border-right:0;border-bottom:1px solid #233044}.official-card-library{--deck-cols:2!important;height:560px}.official-library-tools{grid-template-columns:auto 1fr auto auto}.official-library-tools label,.official-library-tools>button[data-deck-zoom]{display:none}.official-builder-filters{grid-template-columns:1fr 1fr}.official-builder-filters label{grid-column:1/-1}.official-current-deck{height:auto;max-height:650px}.official-current-list{max-height:520px}.official-builder-side{display:block;grid-column:auto;padding:10px}.official-builder-analytics{display:grid}.official-builder-prompt{text-align:center;line-height:1.5}.official-deck-hub-body .deck-section{padding:12px}.official-deck-hub-body .deck-grid-inner{grid-template-columns:1fr}}


/* === v1.0.30 · navegación superior y área de trabajo de ancho completo === */
.sidebar-logo-wide{display:none}
@media(min-width:761px){
  .app-shell{display:block;min-height:100vh}
  .sidebar{
    position:sticky;top:0;z-index:120;width:100%;height:72px;
    padding:0 20px;display:flex;flex-direction:row;align-items:center;
    background:rgba(5,8,15,.96);border-right:0;border-bottom:1px solid #243044;
    backdrop-filter:blur(16px);box-shadow:0 10px 32px rgba(0,0,0,.22)
  }
  .sidebar .logo{
    height:100%;padding:0 24px 0 0;margin:0 20px 0 0;display:flex;align-items:center;
    border-right:1px solid #1b2738;flex:0 0 auto
  }
  .sidebar-logo-wide{display:block;width:168px;height:54px;object-fit:contain}
  .sidebar-logo-icon{display:none!important}
  .sidebar nav{display:flex;align-items:stretch;gap:2px;height:100%;min-width:0}
  .nav-btn{
    position:relative;height:100%;padding:0 15px;border:0;border-radius:0;background:transparent;
    color:#9ca9bb;white-space:nowrap;text-align:center;justify-content:center;gap:8px;font-size:12px;font-weight:750
  }
  .nav-btn:hover{background:#101722;color:#fff}
  .nav-btn.active{background:#0c131d;color:#fff;box-shadow:inset 0 -3px 0 var(--yellow)}
  .nav-beta{margin-left:2px}
  .sidebar-footer{
    margin:0 0 0 auto;display:flex;align-items:center;gap:2px;height:100%;font-size:11px;white-space:nowrap
  }
  .sidebar-footer a{
    height:100%;display:flex;align-items:center;padding:0 9px;color:#8f9caf;border-left:1px solid transparent
  }
  .sidebar-footer a:hover{background:#101722;color:#fff}
  .sidebar-footer small{padding:0 0 0 8px;color:#4f5d70;font-size:9px}
  .main{width:100%;padding:22px 24px 58px;min-width:0}
  body[data-view="decks"] .main{padding:12px 12px 28px}
  body[data-view="decks"] .topbar{display:none}
  body[data-view="decks"] .deck-builder-panel{border-radius:2px}
  body[data-view="decks"] .pro-deck-builder{min-height:0}
  body[data-view="decks"] .pro-builder-grid{height:calc(100vh - 184px)}
}
@media(min-width:761px) and (max-width:1180px){
  .sidebar{padding:0 12px}
  .sidebar .logo{padding-right:12px;margin-right:8px}
  .sidebar-logo-wide{width:132px}
  .nav-btn{padding:0 10px;font-size:11px}
  .sidebar-footer a{width:38px;padding:0;justify-content:center;font-size:0}
  .sidebar-footer a[href="account.php"]::after{content:"◉";font-size:15px}
  .sidebar-footer a[href="admin.php"]::after{content:"⚙";font-size:15px}
  .sidebar-footer a[href="update.php"]::after{content:"⬆";font-size:15px}
  .sidebar-footer a[href="logout.php"]::after{content:"⏻";font-size:15px}
  .sidebar-footer small{display:none}
}
@media(max-width:760px){
  .sidebar-logo-wide{display:none!important}
  .sidebar-logo-icon{display:block!important}
}

@media(max-width:760px){.official-builder-card:not(.not-playable):hover .official-builder-art,.official-builder-card:not(.not-playable):focus-within .official-builder-art{box-shadow:0 0 0 1px var(--builder-hover-glow-strong),0 0 16px var(--builder-hover-glow),0 0 26px var(--builder-hover-glow)}}


/* === v1.0.34 · punto de color delante de RAM === */
.detail-stat-ram>span{display:flex!important;align-items:center;gap:7px}
.detail-ram-dot{display:inline-block;width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:var(--nc-card-accent,#9aa6b8);box-shadow:0 0 10px color-mix(in srgb,var(--nc-card-accent,#9aa6b8) 45%,transparent)}
.deck-ram-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--deck-ram,#9aa6b8);vertical-align:middle;box-shadow:0 0 6px color-mix(in srgb,var(--deck-ram,#9aa6b8) 45%,transparent)}
@media(max-width:820px){.detail-ram-dot{width:9px;height:9px;flex-basis:9px}.detail-stat-ram>span{gap:5px}}


/* === v1.0.35 · corrección explícita de la bolita RAM en cartas rojas === */
.catalog-card.nc-color-red .catalog-ram-dot,.detail-primary-stats.nc-color-red .detail-ram-dot,.builder-deck-row.color-red .deck-ram-dot{background:#ff4f62!important;box-shadow:0 0 9px rgba(255,79,98,.42)!important}
.catalog-card.nc-color-yellow .catalog-ram-dot,.detail-primary-stats.nc-color-yellow .detail-ram-dot,.builder-deck-row.color-yellow .deck-ram-dot{background:#f4ef18!important;box-shadow:0 0 9px rgba(244,239,24,.38)!important}
.catalog-card.nc-color-green .catalog-ram-dot,.detail-primary-stats.nc-color-green .detail-ram-dot,.builder-deck-row.color-green .deck-ram-dot{background:#39d98a!important;box-shadow:0 0 9px rgba(57,217,138,.38)!important}
.catalog-card.nc-color-blue .catalog-ram-dot,.detail-primary-stats.nc-color-blue .detail-ram-dot,.builder-deck-row.color-blue .deck-ram-dot{background:#49a5ff!important;box-shadow:0 0 9px rgba(73,165,255,.4)!important}


/* === v1.0.36 · cabecera de ficha con tipo arriba y etiquetas debajo por color === */
.detail-official-head{color:var(--nc-card-accent,#f5ea27)}
.detail-official-head .detail-type-kicker{color:var(--nc-card-accent,#f5ea27)}
.detail-official-head .detail-name-main{color:var(--nc-card-accent,#f5ea27);text-shadow:0 0 22px color-mix(in srgb,var(--nc-card-accent,#f5ea27) 18%,transparent)}
.detail-chip-stack{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px}
.detail-badge-row{margin-top:0!important}
.detail-badge-row-primary,.detail-badge-row-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.detail-official-head .detail-chip{color:var(--nc-card-accent,#ff8d97);border-color:var(--nc-card-accent,#ff6674);background:var(--nc-card-accent-bg,transparent)}
.detail-official-head .detail-chip.chip-type{font-weight:950}
@media(max-width:820px){.detail-chip-stack{gap:8px;margin-top:12px}.detail-badge-row-primary,.detail-badge-row-secondary{gap:8px}}


/* === v1.0.37 · unificación de color entre chip principal y secundarios en la ficha === */
.detail-official-head.nc-color-red .detail-chip{color:#ff4f62!important;border-color:#ff4f62!important;background:rgba(255,79,98,.085)!important}
.detail-official-head.nc-color-yellow .detail-chip{color:#f4ef18!important;border-color:#f4ef18!important;background:rgba(244,239,24,.075)!important}
.detail-official-head.nc-color-green .detail-chip{color:#39d98a!important;border-color:#39d98a!important;background:rgba(57,217,138,.075)!important}
.detail-official-head.nc-color-blue .detail-chip{color:#49a5ff!important;border-color:#49a5ff!important;background:rgba(73,165,255,.085)!important}
.detail-official-head .detail-chip.chip-type{font-weight:950}


/* === v1.0.46 · estado visual Tengo / Falta en el catálogo === */
.legend .dot.missing{background:#ff5b74;box-shadow:0 0 10px rgba(255,91,116,.30)}
.legend .dot.owned{background:#58e989;box-shadow:0 0 10px rgba(88,233,137,.28)}
