:root{--bg:#0e0c16;--panel:#161322e0;--ink:#f1ecff;--muted:#9a93b5;--accent:#ff5fa2;--common:#9aa0a6;--uncommon:#4cd964;--rare:#3aa0ff;--superrare:#c04cff;--legendary:#ffc83a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:20px/1.3 VT323,monospace}#stage{z-index:-1;width:100%;height:100%;position:fixed;inset:0}a{color:var(--accent)}h1,h2,.logo,button{font-family:Silkscreen,monospace}h1{margin:0 0 12px;font-size:28px}h2{margin:20px 0 8px;font-size:18px}#header{background:var(--panel);z-index:2;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}#header nav{flex-wrap:wrap;flex:1;gap:12px;display:flex}#header nav a{color:var(--ink);text-decoration:none}#header nav b{color:var(--accent)}.logo{color:var(--ink);font-size:18px;text-decoration:none}.coins{color:var(--legendary)}main{max-width:1200px;margin:0 auto;padding:16px}.panel{background:var(--panel);border:2px solid #2c2640;padding:16px}.narrow{max-width:420px;margin:8vh auto}input,select{font:inherit;color:var(--ink);background:#1b1729;border:2px solid #3a3352;width:100%;margin:4px 0;padding:6px 8px}td input[type=checkbox]{width:auto}button{background:var(--accent);color:#12101b;cursor:pointer;border:0;padding:9px 14px;font-size:13px}button.ghost{color:var(--ink);background:0 0;border:2px solid #3a3352}button:disabled{opacity:.45;cursor:default}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row input,.row select{flex:1;width:auto}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}th,td{text-align:left;border-bottom:1px solid #2c2640;padding:4px 6px}.hint,.message{color:var(--muted)}.sign{vertical-align:middle;background:var(--uncommon);color:#000;padding:4px 8px;font-size:13px}.sign.closed{color:#ddd;background:#555}.products{flex-wrap:wrap;gap:16px;display:flex}.product{flex-direction:column;align-items:center;gap:8px;display:flex}.packbox{text-align:center;background:linear-gradient(160deg, var(--accent), var(--superrare));color:#fff;place-items:center;width:140px;height:190px;padding:10px;font-family:Silkscreen,monospace;font-size:14px;display:grid}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.card{border:3px solid var(--common);text-align:center;background:#1b1729;width:150px;padding:10px;position:relative}.card .art{width:128px;height:128px;image-rendering:pixelated;background-repeat:no-repeat;margin:0 auto}.card .name{margin-top:6px;font-size:18px}.card .meta{color:var(--muted);font-size:15px}.card.unowned .art{filter:brightness(0);opacity:.35}.card.unowned{border-color:#2c2640}.r-uncommon{border-color:var(--uncommon)}.r-rare{border-color:var(--rare)}.r-superrare{border-color:var(--superrare)}.r-legendary{border-color:var(--legendary)}.badge,.count{padding:0 4px;font-size:14px;position:absolute;top:4px}.badge{background:var(--accent);color:#000;left:4px}.count{background:#000;right:4px}.binder .card{width:auto}.flip{cursor:pointer}.flip .back{background:#2c2640;place-items:center;width:150px;height:196px;font-size:48px;display:grid}.flip .card,.flip.flipped .back{display:none}.flip.flipped .card{display:block}.tabs{gap:12px;margin-bottom:8px;display:flex}.tabs a.on{color:var(--ink)}.progress{background:#2c2640;height:8px;margin-bottom:12px}.progress div{background:var(--uncommon);height:100%}#toast{opacity:0;pointer-events:none;background:#000;padding:8px 14px;transition:opacity .2s;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (width<=600px){.grid{grid-template-columns:repeat(2,1fr)}.card{width:auto}}