.play{--common:#cbbd9f;--uncommon:#8fd162;--rare:#6fa8ff;--epic:#c58bff;--mythic:#ff8a5c;--legendary:#ffcf4d}.play .r-common{color:var(--common)}.play .r-uncommon{color:var(--uncommon)}.play .r-rare{color:var(--rare)}.play .r-epic{color:var(--epic)}.play .r-mythic{color:var(--mythic)}.play .r-legendary{color:var(--legendary)}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.play .tabs{z-index:1;gap:4px;margin-bottom:-2px;display:flex;position:relative}.play .tchip{border:1px solid var(--panel-edge);background:var(--well);color:var(--ink);border-radius:999px;align-items:center;gap:3px;margin:0 4px 4px 0;padding:2px 8px 2px 4px;font-size:12px;display:inline-flex}.play .tchip.on{border-color:var(--gold2);color:var(--gold2);background:#c99a2e33}.play .tchip.clear{color:var(--muted)}.play .collmain{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}@media (max-width:800px){.play .collmain{grid-template-columns:1fr}}.play .chest.none{opacity:.5}.play .reveal{margin-top:10px}.play .revealrow{flex-wrap:wrap;gap:10px;display:flex}.play .rv{text-align:center;width:110px;animation:.4s ease-out backwards pop}.play .rv:hover{z-index:40}.play .rv>img{width:80px;height:80px}.play .misc{border-bottom:1px dotted #7d5f3655;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:6px 0;display:grid}.play .misc img{width:30px}.play .itemgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.play .gfull{grid-column:1/-1}.play .wcell{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.play .wt{border:3px solid var(--rc);background:radial-gradient(circle at 50% 35%, var(--rl), var(--rd));border-radius:8px;width:92px;height:92px;display:block;position:relative;overflow:hidden;box-shadow:0 2px #0008,inset 0 0 0 1px #fff2}.play .wt img{object-fit:contain;filter:drop-shadow(0 2px 2px #0008);width:calc(100% - 12px);height:calc(100% - 24px);position:absolute;inset:6px 6px 18px}.play .wt .wlv{color:#f3e3bd;background:#000a;justify-content:center;align-items:center;gap:2px;height:18px;font:italic 700 12px Arial,sans-serif;display:flex;position:absolute;bottom:0;left:0;right:0}.play .wt .wbonus{color:#9fe85a;background:#000a;border-radius:4px;padding:0 3px;font:700 10px Arial,sans-serif;position:absolute;bottom:20px;right:3px}.play .wt .wlv b{color:#7ee34a;font-style:normal}.play .wt .hex{color:#fff;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);z-index:1;background:#5aa3e6;justify-content:center;align-items:center;width:24px;height:22px;font:700 13px Arial;display:flex;position:absolute;top:3px;left:3px}.play .wt .up{display:none}.play .wcell:hover .wt{border-color:var(--gold2)}.play .wname{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:104px;height:2.3em;font-size:12px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.play .wcell{justify-content:flex-start}.play .wtys{justify-content:center;gap:2px;display:flex}.play .wcell .pop{pointer-events:none;width:250px}.play .mergebar{align-items:center;gap:10px;margin-bottom:10px;display:flex}.play .sh{align-items:baseline;gap:10px;margin:14px 0 8px;font-size:17px;font-weight:700;display:flex}.play .setTiers{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.play .setTiers .now{color:var(--uncommon);font-weight:700}.play .setTiers .next{color:inherit;font-style:italic}.play .sets-n{color:var(--muted);font-size:12px;font-weight:400}.play .erow{background:#ffffff0f;border-radius:4px;align-items:center;gap:8px;margin-bottom:5px;padding:7px 10px;display:flex}.play .erow img{width:18px;height:18px}.play .tierrow{background:linear-gradient(90deg,#33281b,#4a3a24);border:1px solid #0006;border-radius:6px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;font-size:14px;display:grid}.play .tierrow .star{color:#6b6b6b;text-align:center;font-size:20px}.play .tierrow.now{box-shadow:0 0 0 2px var(--ok) inset}.play .tierrow.now .star{color:var(--ok)}.play .tierrow .tn{color:var(--muted);font-size:12px}.play .wcell{position:relative}.play .wcell.worn .wt{box-shadow:0 0 0 2px var(--accent), 0 0 14px var(--accent)}.play .wtag{z-index:2;white-space:nowrap;border:1px solid var(--gold);color:var(--gold2);background:#000c;border-radius:999px;padding:0 6px;font-size:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.play .wt.empty{border:2px dashed var(--panel-edge);box-shadow:none;background:0 0}.play .wt.empty .star{color:#7d5f3688;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.play .wt .wlv.can{color:#9fe85a}.play .mhead{align-items:flex-start;gap:16px;margin-bottom:6px;padding-right:24px;display:flex}.play .mtile .wt{width:104px;height:104px}.play .dupbar.ok{color:#1f1912;background:linear-gradient(#d6f57a,#9fd24e);border-color:#9fd24e}.play .dupbar .chev{font-size:12px}.play .mbtns{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.play .nextv{color:#9fdc6a;font-weight:700}.play .wcell.missing .wt{filter:grayscale()brightness(.45)}.play .wcell.missing .wlv{visibility:hidden}.play .wcell.missing .wname{color:var(--muted)}.play .wtag.miss{color:var(--muted);background:#3a2f22}.play .srcrow{text-align:left;border:1px solid var(--panel-edge);background:var(--well);width:100%;color:var(--ink);font:inherit;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:6px 8px;display:flex}.play .srcrow img{object-fit:contain;width:32px;height:32px}.play button.srcrow{cursor:pointer}.play button.srcrow:hover{border-color:var(--gold2)}.play .srcrow.off{opacity:.6}.play .srchead{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 8px;display:flex}.play .srchead .istats{margin-right:auto}.play .srcbtn{border:1px solid var(--panel-edge);background:var(--well);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;padding:4px 10px;font-size:12px}.play .srcbtn:hover,.play .srcbtn.on{border-color:var(--gold2)}.play .srclist{margin-bottom:8px}.play .srcplace{text-align:left;border:1px solid var(--panel-edge);background:var(--well);width:100%;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;padding:6px 8px;display:flex}.play .srcplace:hover:not(:disabled){border-color:var(--gold2)}.play .srcplace.off{opacity:.6;cursor:default}.play .srcplace .srcbest{margin-left:auto}.play .srcgrid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.play .srctile{border:1px solid var(--panel-edge);background:var(--well);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 4px 6px;display:flex;position:relative}.play .srctile.on,.play .srctile:hover{border-color:var(--gold2)}.play .srctile img{object-fit:contain;width:48px;height:48px}.play .srcname{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.play .srcpct{color:var(--ok);font-size:11px;font-weight:600}.play .srcboss{background:var(--gold);color:#1f1912;border-radius:6px;padding:0 5px;font-size:10px;position:absolute;top:3px;left:3px}.play .srcboss.inline{margin-left:6px;position:static}.play .srcdet{border:1px solid var(--panel-edge);background:var(--well);border-radius:8px;margin-top:8px;padding:8px}.play .srcwho{align-items:center;gap:8px;display:flex}.play .srcwho img{object-fit:contain;width:32px;height:32px}.play .srclink{color:var(--gold2);font:inherit;cursor:pointer;background:0 0;border:0;margin-right:10px;padding:0;font-size:12px}.play .srclink:hover{text-decoration:underline}.play .srcvals{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.play .srcvals div{background:var(--panel);border-radius:6px;flex-direction:column;align-items:center;padding:4px;display:flex}.play .srcvals span{color:var(--muted);font-size:11px}.play .srcvals .real{color:var(--ok)}.play .irow{background:var(--card);border:1px solid #7d5f3655;border-radius:8px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:grid}.play .irow img{width:48px;height:48px}.play .delta{font-size:12px}.play .delta .up{color:var(--ok)}.play .delta .down{color:var(--danger)}.play .filters{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.play .filters select,.play .filters input{font:inherit;border:1px solid var(--panel-edge);background:var(--well);color:var(--ink);border-radius:6px;padding:4px 6px}.play .ti{width:18px;height:18px}.play .t-area{background:var(--brown2);border-radius:4px;padding:2px}.play .mtile{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.play .dupbar{z-index:1;border:1px solid var(--panel-edge);width:112px;height:22px;color:var(--muted);background:#2a241c;justify-content:center;align-items:center;gap:6px;margin-top:-6px;font:italic 700 15px Arial,sans-serif;display:flex;position:relative}.play .mtxt{min-width:0;padding-top:18px}.play .mname{font:700 26px var(--font-display);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;line-height:1.1}.play .rband{background:var(--rc);color:#fff;text-transform:uppercase;text-align:center;min-width:110px;padding:2px 14px;font:italic 700 15px Arial,sans-serif;display:inline-block}.play .mlvtxt{color:var(--rc);text-transform:uppercase;margin-left:12px;font:italic 700 15px Arial,sans-serif}.play .mfoot{justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.play .mfoot .mup{text-transform:uppercase;min-width:200px;padding:8px 16px;font-size:16px}.play .wtwrap{display:inline-block;position:relative}@media (max-width:600px){.play .itemgrid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:10px 6px}.play .itemgrid .wt{border-width:2px;width:60px;height:60px}.play .itemgrid .wt img{width:calc(100% - 8px);height:calc(100% - 18px);inset:4px 4px 14px}.play .itemgrid .wt .wlv{height:14px;font-size:10px}.play .itemgrid .wt .hex{width:18px;height:17px;font-size:10px;top:2px;left:2px}.play .itemgrid .wname{max-width:66px;font-size:10px}.play .itemgrid .istats{font-size:10px}.play .itemgrid .wtag{font-size:9px}.play .itemgrid .wtys{flex-wrap:wrap;max-width:66px}.play .itemgrid .ti{width:14px;height:14px}}.play .chestgrid{grid-template-columns:repeat(auto-fill,112px);justify-content:center;gap:8px;display:grid}.play .chest{flex-direction:column;align-items:center;gap:6px;display:flex}.play .chest .cimg{color:inherit;background:0 0;border:0;align-items:flex-end;gap:2px;padding:0;display:flex;position:relative}.play .chest:not(.none) .cimg{cursor:pointer}.play .chest:not(.none) .cimg:hover img{filter:drop-shadow(0 3px 4px #000a)brightness(1.15);transform:translateY(-2px)}.play .chest .cimg img{object-fit:contain;filter:drop-shadow(0 3px 4px #000a);width:72px;height:72px}.play .chest .ccount{color:var(--gold2);font-size:13px}.play .chest .cbtns{gap:4px;display:flex}.play .chest .cbtns .btn{white-space:nowrap;padding:1px 8px;font-size:11px}.play .chest .pop .card{background:var(--panel);border:2px solid var(--panel-edge);text-align:left;border-radius:8px;padding:8px 10px;box-shadow:0 8px 18px #000c}.play .chestinfo{margin:4px 0 0;font-size:12px}