.gwrap{max-width:1280px;margin:0 auto;padding:16px}
.gpanel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px}
.ghdr{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acid);margin-bottom:10px}

/* stats strip */
.gstats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}
.gs{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-align:center}
.gs .k{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:5px}
.gs b{font-family:var(--pixel,'Press Start 2P'),monospace;font-size:12px;color:var(--acid)}
.gs.burn b{color:#ff6a1a}

.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filters select,.filters input{background:#0a0b0e;color:var(--cream);border:1px solid var(--line);border-radius:8px;
  padding:9px 11px;font-size:13px;font-family:var(--mono);font-weight:700}
.filters input{min-width:250px;flex:1 1 250px}
.filters select{cursor:pointer}
.chk{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--cream);border:1px solid var(--line);border-radius:8px;padding:8px 11px;cursor:pointer}
.chk input{accent-color:#CBF806}
.gcount{margin-left:auto;color:var(--dim);font-size:12px;font-weight:700;font-family:var(--mono)}

/* kind legend (click = filter) */
.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;margin-bottom:14px}
.lg{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px;cursor:pointer;text-align:left;color:inherit;font:inherit}
.lg:hover{border-color:var(--acid)}
.lg img{width:34px;height:34px;border-radius:5px;flex:none}
.lg span{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.lg b{font-family:var(--pixel,'Press Start 2P'),monospace;font-size:8px}
.lg i{font-style:normal;font-family:var(--mono);font-size:9.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.gstatus{text-align:center;color:var(--dim);font-family:var(--mono);font-size:12px;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.gcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block;
  text-decoration:none;color:inherit;transition:transform .08s,border-color .12s}
.gcard:hover{transform:translateY(-2px);border-color:var(--acid)}
.gcard.t-leg{border-color:rgba(255,213,74,.6)}.gcard.t-epic{border-color:rgba(199,125,255,.55)}.gcard.t-rare{border-color:rgba(90,209,255,.5)}
.gcard.sealed .gart{opacity:.85}
.gart{width:100%;aspect-ratio:1;background:#06070b;display:block;object-fit:cover;-webkit-user-drag:none;user-select:none}
.gmeta{padding:9px 10px;font-size:11.5px;font-family:var(--mono)}
.gid{font-family:var(--pixel,'Press Start 2P'),monospace;font-size:10px;color:var(--cream)}
.grar{float:right;font-weight:700;font-family:var(--pixel,'Press Start 2P'),monospace;font-size:10px}
.gkind{margin-top:6px;color:var(--cream)}
.gkind b{font-family:var(--pixel,'Press Start 2P'),monospace;font-size:9px}
.gtr{color:var(--dim);margin-top:3px;line-height:1.5}
.feather{color:#CBF806}
.gown{margin-top:6px;font-size:10.5px;color:var(--sky);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gcol{color:var(--acid);border:1px solid rgba(203,248,6,.35);border-radius:100px;padding:1px 7px;font-size:9.5px}

/* tiers + kind colours */
.leg{color:#ffd54a}.epic{color:#c77dff}.rare{color:#5ad1ff}.com{color:var(--dim)}
.kc0{color:#CBF806}.kc1{color:#8a9a6a}.kc2{color:#b06cff}.kc3{color:#f2b632}.kc4{color:#8fd9ff}.kc5{color:#c9662a}.kc6{color:#3a7bff}.kc7{color:#ff6a1a}.kc8{color:#ff3b3b}

.more{display:block;margin:16px auto;padding:11px 20px}
.empty{text-align:center;color:var(--dim);padding:50px 20px;font-weight:700;font-family:var(--mono)}
.empty .disp{font-family:var(--pixel,'Press Start 2P'),monospace;font-size:14px;line-height:1.6;color:var(--acid);display:block;margin-bottom:12px;text-transform:uppercase}
.empty a{color:var(--acid)}

@media(max-width:900px){.gstats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){
  .filters input{min-width:0;flex:1 1 100%}
  .filters select,.chk{flex:1 1 46%}
  .gstats{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(2,1fr);gap:8px}
}
.chk input{min-width:0;flex:none;width:16px;height:16px;padding:0;margin:0}
.gwrap{padding-top:14px}