:root{--t-common:#a9a69c;--t-uncommon:#8fb89c;--t-rare:#8eaacd;--t-epic:#d48c8c;--t-legendary:#d8ab4e;--t-grail:#ecd59a}:root[data-theme=light]{--t-common:#625e55;--t-uncommon:#3b6a4f;--t-rare:#3b5a84;--t-epic:#9b3f44;--t-legendary:#7a5719;--t-grail:#5c4111}.live,.pc{--t-common:#a9a69c;--t-uncommon:#8fb89c;--t-rare:#8eaacd;--t-epic:#d48c8c;--t-legendary:#d8ab4e;--t-grail:#ecd59a}.pc{--pc-w:150px;--tc:var(--t-common);--pc-stock:#16171d;--pc-line:rgba(242,240,234,0.08);--pc-ink:#f2f0ea;position:relative;width:var(--pc-w);aspect-ratio:5/7;flex:none;box-sizing:border-box;border-radius:calc(var(--pc-w) * .06);border:max(1px,calc(var(--pc-w) * .012)) solid var(--tc);background:var(--pc-stock);overflow:hidden;font-size:calc(var(--pc-w) * .085);color:var(--pc-ink);-moz-user-select:none;user-select:none;-webkit-user-select:none}.pc[data-tier=uncommon]{--tc:var(--t-uncommon)}.pc[data-tier=rare]{--tc:var(--t-rare)}.pc[data-tier=epic]{--tc:var(--t-epic)}.pc[data-tier=legendary]{--tc:var(--t-legendary)}.pc[data-tier=grail]{--tc:var(--t-grail)}.pc-face{inset:calc(var(--pc-w) * .03);border-radius:calc(var(--pc-w) * .035);border:1px solid var(--pc-line);overflow:hidden}.pc-art,.pc-face{position:absolute}.pc-art{left:7%;right:7%;top:6%;height:66%;display:grid;place-items:center}.pc-art svg{width:100%;height:100%;overflow:visible;font-family:var(--font-body,system-ui),system-ui,sans-serif}.pc-plate{position:absolute;left:0;right:0;bottom:0;min-height:23%;display:flex;align-items:center;justify-content:center;gap:.4em;padding:.3em .55em;border-top:1px solid color-mix(in srgb,var(--tc) 55%,transparent);background:color-mix(in srgb,var(--tc) 9%,var(--pc-stock))}.pc-gem{flex:none;width:.5em;height:.5em;transform:rotate(45deg);background:var(--tc)}.pc-name{font-size:max(12px,.78em);line-height:1.12;font-weight:650;text-align:center;color:var(--pc-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc[data-tier=grail]{--pc-stock:#1b160d;--pc-line:color-mix(in srgb,var(--t-grail) 45%,transparent);border:max(3px,calc(var(--pc-w) * .026)) double var(--tc)}.pc[data-tier=grail] .pc-plate{border-top:0;background:var(--tc)}.pc[data-tier=grail] .pc-name{color:#1b1204}.pc[data-tier=grail] .pc-gem{background:#1b1204}.pc-lifted{box-shadow:var(--shadow)}.nowrap-word{white-space:nowrap}