.dfrag-card[data-v-f88d58fe]{--rarity-primary:#bac0c8;--rarity-secondary:#4a535e;--rarity-rim:#7f8995;--face-highlight:#1a2630;--face-shadow:#04070a;--portrait-saturation:.72;--facet-opacity:.07;--sheen-opacity:.1;--lightning-opacity:0;--lightning-active-opacity:0;--secondary-opacity:0;--tertiary-opacity:0;--glint-opacity:0;--glint-active-opacity:0;--card-rotate-x:0deg;--card-rotate-y:0deg;--pointer-x:50%;--pointer-y:50%;--sheen-x:0px;--sheen-y:0px;--effect-x:0px;--effect-y:0px;isolation:isolate;aspect-ratio:5/7;color:#fff;cursor:crosshair;width:100%;transform:rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y));transform-style:preserve-3d;outline:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;transition:transform .16s ease-out,filter .18s;position:relative;container-type:inline-size}.dfrag-card[data-v-f88d58fe]:focus-visible{outline:2px solid var(--rarity-primary);outline-offset:8px}.dfrag-card[data-v-f88d58fe]:focus-visible,.dfrag-card[data-v-f88d58fe]:hover{filter:drop-shadow(0 8cqi 6cqi #000000c7) drop-shadow(0 0 4cqi color-mix(in srgb,var(--rarity-primary) 34%,transparent))}.dfrag-card--rare[data-v-f88d58fe]{--rarity-primary:#ffbe55;--rarity-secondary:#75501f;--rarity-rim:#d6a24c;--face-highlight:#163653;--face-shadow:#030a14;--portrait-saturation:.8;--facet-opacity:.1;--sheen-opacity:.18;--lightning-opacity:.12;--lightning-active-opacity:.58}.dfrag-card--epic[data-v-f88d58fe]{--rarity-primary:#ad86ff;--rarity-secondary:#56329b;--rarity-rim:#9871ed;--face-highlight:#30245a;--face-shadow:#060616;--portrait-saturation:.86;--facet-opacity:.14;--sheen-opacity:.25;--lightning-opacity:.2;--lightning-active-opacity:.78;--secondary-opacity:.5;--glint-opacity:.06;--glint-active-opacity:.34}.dfrag-card--legendary[data-v-f88d58fe]{--rarity-primary:#62f2df;--rarity-secondary:#d9599e;--rarity-rim:#f0c75b;--face-highlight:#10435a;--face-shadow:#020711;--portrait-saturation:.92;--facet-opacity:.17;--sheen-opacity:.34;--lightning-opacity:.28;--lightning-active-opacity:.92;--secondary-opacity:.8;--tertiary-opacity:.58;--glint-opacity:.12;--glint-active-opacity:.72}.dfrag-card__thickness[data-v-f88d58fe]{z-index:-2;border-radius:var(--design-border-radius,7.5cqi);background:linear-gradient(135deg,color-mix(in srgb,var(--rarity-rim) 72%,#fff),#07101b 25%,#172231 72%,var(--rarity-secondary));position:absolute;inset:1.2% -2.4% -2.1% 1.5%;transform:translateZ(-18px);box-shadow:3cqi 4.5cqi 6cqi #000000d6}.dfrag-card--common .dfrag-card__thickness[data-v-f88d58fe]{inset:1.2% -1.5% -1.5% 1.2%}.dfrag-card--legendary .dfrag-card__thickness[data-v-f88d58fe]{background:linear-gradient(135deg,#fff2b4,#102b35 24%,#71486d 68%,#efbd49)}.dfrag-card__surface[data-v-f88d58fe]{border:1px solid color-mix(in srgb,var(--rarity-rim) 76%,#fff);border-radius:var(--design-border-radius,7.2cqi);background:radial-gradient(circle at 52% 24%,var(--face-highlight),var(--face-shadow) 72%);box-shadow:inset 0 0 0 1.2cqi #09111b,inset 0 0 0 1.8cqi var(--rarity-rim),inset 0 0 0 2.7cqi #dcecff57,inset 0 0 0 3.6cqi color-mix(in srgb,var(--face-highlight) 72%,#000),inset 0 0 12cqi color-mix(in srgb,var(--rarity-primary) 25%,transparent);transform-style:preserve-3d;position:absolute;inset:0;overflow:hidden}.dfrag-card--legendary .dfrag-card__surface[data-v-f88d58fe]{border-color:#fff1bd;box-shadow:inset 0 0 0 1.2cqi #11222a,inset 0 0 0 1.8cqi #f0c75b,inset 0 0 0 2.7cqi #dffcff9c,inset 0 0 0 3.6cqi #183f4b,inset 0 0 14cqi #4de4d66b}.dfrag-card__surface[data-v-f88d58fe]:before{z-index:18;pointer-events:none;border-radius:inherit;background:linear-gradient(116deg,transparent 24%,#fff0 34%,#e9f8ff14 38%,#ffffff78 41%,#c9efff21 44%,transparent 50%,transparent 68%,color-mix(in srgb,var(--rarity-primary) 20%,transparent) 73%,transparent 79%);background-position:var(--pointer-x) var(--pointer-y);content:"";mix-blend-mode:screen;opacity:var(--sheen-opacity);transform:translate3d(var(--sheen-x),var(--sheen-y),38px);transition:opacity .18s,transform .24s ease-out;position:absolute;inset:-18%}.dfrag-card--legendary .dfrag-card__surface[data-v-f88d58fe]:before{background:linear-gradient(116deg,#0000 20%,#ff78cc17 30%,#ffffff7a 39%,#62f2df45 44%,#0000 51% 61%,#ffd86540 69%,#8d78ff26 75%,#0000 82%)}.dfrag-card--active .dfrag-card__surface[data-v-f88d58fe]:before{opacity:calc(.3 + var(--sheen-opacity))}.dfrag-card__glass-pane[data-v-f88d58fe]{z-index:1;border:1px solid color-mix(in srgb,var(--rarity-primary) 36%,#d9f6ff 24%);background:linear-gradient(145deg,#ffffff14,transparent 26%),radial-gradient(circle at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--rarity-primary) 16%,transparent),transparent 34%),#030c1457;box-shadow:inset 0 0 8cqi #d3f7ff1a,inset 0 0 1px #ffffff6b,0 0 6cqi color-mix(in srgb,var(--rarity-primary) 10%,transparent);border-radius:4.5cqi 4.5cqi 11cqi;position:absolute;inset:15% 5.5% 20%;overflow:hidden;transform:translateZ(12px)}.dfrag-card__glass-pane[data-v-f88d58fe]:after{content:"";background:linear-gradient(128deg,#0000 18%,#ffffff0d 38%,#0000 39% 65%,#ffffff0a 66%,#0000 83%);position:absolute;inset:0}.dfrag-card__design-foil[data-v-f88d58fe]{z-index:10;pointer-events:none;border-radius:calc(var(--design-border-radius,7.2cqi) * .72);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--rarity-primary) 70%,#fff),transparent calc(10% + var(--design-spectrum-width,0) * 18%)),conic-gradient(from 110deg at var(--pointer-x) var(--pointer-y),transparent,#62f2df80,#d9599e6b,#f0c75b7a,transparent);box-shadow:inset 0 0 2.4cqi color-mix(in srgb,var(--rarity-primary) calc(var(--design-edge-intensity,0) * 70%),transparent);mix-blend-mode:screen;opacity:calc(var(--design-foil-strength,0) * .32);transform:translate3d(var(--effect-x),var(--effect-y),42px);transition:opacity .18s,transform .22s ease-out;position:absolute;inset:2.8%}.dfrag-card--active .dfrag-card__design-foil[data-v-f88d58fe]{opacity:var(--design-foil-strength,0)}.dfrag-card__facets[data-v-f88d58fe],.dfrag-card__glints[data-v-f88d58fe],.dfrag-card__lightning[data-v-f88d58fe]{pointer-events:none;width:100%;height:100%;color:var(--rarity-primary);mix-blend-mode:screen;transition:opacity .18s,transform .26s ease-out,filter .18s;position:absolute;inset:0}.dfrag-card__facets[data-v-f88d58fe]{z-index:2;opacity:var(--facet-opacity);filter:blur(.35px);transform:translateZ(14px)}.dfrag-card__lightning[data-v-f88d58fe]{z-index:8;opacity:var(--lightning-opacity);filter:blur(.3px);transform:translate3d(var(--effect-x),var(--effect-y),40px)}.dfrag-card__lightning path[data-v-f88d58fe]{stroke-dasharray:15 12;stroke-dashoffset:0}.dfrag-card__lightning-secondary[data-v-f88d58fe]{opacity:var(--secondary-opacity)}.dfrag-card__lightning-tertiary[data-v-f88d58fe]{opacity:var(--tertiary-opacity)}.dfrag-card__glints[data-v-f88d58fe]{z-index:9;opacity:var(--glint-opacity);transform:translate3d(var(--effect-x),var(--effect-y),43px)}.dfrag-card--active .dfrag-card__lightning[data-v-f88d58fe]{opacity:var(--lightning-active-opacity);filter:blur(0) drop-shadow(0 0 1.2cqi color-mix(in srgb,var(--rarity-primary) 70%,#fff))}.dfrag-card--active .dfrag-card__lightning path[data-v-f88d58fe]{animation:.76s cubic-bezier(.2,.8,.25,1) both dfrag-card-trace-f88d58fe}.dfrag-card--active .dfrag-card__lightning-secondary[data-v-f88d58fe]{animation-delay:90ms}.dfrag-card--active .dfrag-card__glints[data-v-f88d58fe]{opacity:var(--glint-active-opacity)}@keyframes dfrag-card-trace-f88d58fe{0%{stroke-dashoffset:78px}to{stroke-dashoffset:0}}.dfrag-card__header[data-v-f88d58fe]{z-index:14;pointer-events:none;position:absolute;inset:0;transform:translateZ(50px)}.dfrag-card__top-stat[data-v-f88d58fe]{text-shadow:0 .7cqi 2cqi #000;display:grid;position:absolute;top:6%;left:8%}.dfrag-card__top-stat span[data-v-f88d58fe]{color:var(--rarity-primary);letter-spacing:.1em;text-transform:uppercase;font:700 calc(clamp(.4rem,2.4cqi,.64rem)) ui-monospace,SFMono-Regular,Menlo,monospace}.dfrag-card__top-stat strong[data-v-f88d58fe]{letter-spacing:-.1em;margin-top:1.2cqi;font:800 calc(clamp(1.25rem,13cqi,3.5rem))/.8 ui-monospace,SFMono-Regular,Menlo,monospace}.dfrag-card__top-stat small[data-v-f88d58fe]{color:color-mix(in srgb,var(--rarity-primary) 64%,#8b8d94);letter-spacing:.08em;text-transform:uppercase;margin-top:2.1cqi;font:calc(clamp(.34rem,1.85cqi,.5rem)) ui-monospace,SFMono-Regular,Menlo,monospace}.dfrag-card__team-fallback[data-v-f88d58fe],.dfrag-card__team-logo[data-v-f88d58fe]{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 .8cqi 1.8cqi #000);width:11%;position:absolute;top:5.5%;right:7.5%}.dfrag-card__team-fallback[data-v-f88d58fe]{border:1px solid #ffffff52;place-items:center;font:700 calc(clamp(.44rem,2.5cqi,.68rem)) ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.dfrag-card__portrait-field[data-v-f88d58fe]{z-index:4;pointer-events:none;position:absolute;inset:5% -1% 14%;transform:translateZ(27px)}.dfrag-card__portrait[data-v-f88d58fe]{-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;width:100%;height:100%;filter:saturate(var(--portrait-saturation)) contrast(1.08) drop-shadow(0 2.5cqi 2cqi #000000b3);transform:scale(var(--design-portrait-scale,1));transform-origin:bottom}.dfrag-card__portrait-fallback[data-v-f88d58fe]{color:#ffffff3b;text-transform:uppercase;border:1px dashed #ffffff2b;place-items:center;font-size:calc(clamp(2rem,18cqi,5rem));font-weight:900;display:grid;position:absolute;inset:24% 17% 13%}.dfrag-card__identity[data-v-f88d58fe]{z-index:13;text-shadow:0 .8cqi 2cqi #000;background:linear-gradient(#0000,#02050ceb 43%);padding:7% 3.5% 2.8%;position:absolute;bottom:18.5%;left:6.5%;right:6.5%;transform:translateZ(49px)}.dfrag-card__signature[data-v-f88d58fe]{letter-spacing:-.035em;transform-origin:0;margin:0;font-family:Snell Roundhand,Segoe Script,Brush Script MT,URW Chancery L,cursive;font-size:calc(clamp(2rem,15cqi,4.6rem));font-weight:600;line-height:.72;transform:rotate(-3deg)}.dfrag-card__identity p[data-v-f88d58fe]{color:#aeb3bc;letter-spacing:.07em;text-transform:uppercase;margin:2.5% 0 0;font-size:calc(clamp(.42rem,2.4cqi,.64rem))}.dfrag-card__stats[data-v-f88d58fe]{z-index:15;border-top:1px solid color-mix(in srgb,var(--rarity-primary) 40%,transparent);border-bottom:1px solid color-mix(in srgb,var(--rarity-primary) 20%,transparent);background:#02050ce8;grid-template-columns:repeat(6,1fr);margin:0;display:grid;position:absolute;bottom:5.3%;left:6%;right:6%;transform:translateZ(54px)}.dfrag-card__stats div[data-v-f88d58fe]{text-align:center;min-width:0;padding:17% 0 14%}.dfrag-card__stats dt[data-v-f88d58fe]{color:#747983;text-transform:uppercase;font:calc(clamp(.31rem,1.75cqi,.46rem)) ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.dfrag-card__stats dd[data-v-f88d58fe]{margin:15% 0 0;font:700 calc(clamp(.5rem,3cqi,.78rem)) ui-monospace,SFMono-Regular,Menlo,monospace}.dfrag-card__provenance[data-v-f88d58fe]{z-index:15;color:#626771;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:4%;font:calc(clamp(.29rem,1.55cqi,.42rem)) ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;bottom:1.6%;left:6.5%;right:6.5%;transform:translateZ(54px)}.dfrag-card__provenance span[data-v-f88d58fe]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dfrag-card--logitech-g[data-v-f88d58fe]{--brand-blue:#00a8ff;--face-highlight:#111d24;--face-shadow:#010304;--portrait-saturation:.78;--set-glass-opacity:.56;--sheen-opacity:.07}.dfrag-card--logitech-g.dfrag-card--rare[data-v-f88d58fe]{--set-glass-opacity:.64}.dfrag-card--logitech-g.dfrag-card--epic[data-v-f88d58fe]{--set-glass-opacity:.7}.dfrag-card--logitech-g.dfrag-card--legendary[data-v-f88d58fe]{--set-glass-opacity:.78}.dfrag-card--logitech-g .dfrag-card__thickness[data-v-f88d58fe]{background:linear-gradient(135deg,color-mix(in srgb,var(--rarity-rim) 35%,#bceeff),#061019 20%,#09131b 76%,color-mix(in srgb,var(--rarity-secondary) 42%,#07111a));box-shadow:2.8cqi 4cqi 6cqi #000000d6,0 0 2.4cqi color-mix(in srgb,var(--rarity-primary) 9%,transparent);inset:1.3% -1.8% -1.7% 1.5%}.dfrag-card--logitech-g .dfrag-card__surface[data-v-f88d58fe],.dfrag-card--logitech-g.dfrag-card--legendary .dfrag-card__surface[data-v-f88d58fe]{border-color:color-mix(in srgb,var(--rarity-rim) 38%,#c7edf7);box-shadow:inset 0 0 0 .7cqi #071016,inset 0 0 0 1.2cqi color-mix(in srgb,var(--rarity-rim) 38%,#9edcf0 20%),inset 0 0 0 2.1cqi #d3f1fa17,inset 0 0 0 2.8cqi #050a0d,inset 0 0 8cqi color-mix(in srgb,var(--rarity-primary) 7%,transparent);background:radial-gradient(circle at 50% 22%,#121f27,#0000 43%),linear-gradient(#04090c,#010203 76%)}.dfrag-card--logitech-g .dfrag-card__surface[data-v-f88d58fe]:before{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#eefbff2e,transparent 18%);mix-blend-mode:screen}.dfrag-card--logitech-g.dfrag-card--active .dfrag-card__surface[data-v-f88d58fe]:before{opacity:.2}.dfrag-card--logitech-g .dfrag-card__glass-pane[data-v-f88d58fe]{z-index:8;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#ffffff17,transparent 19%),linear-gradient(116deg,#ffffff08,transparent 24% 72%,#59c0e508);border-color:#daf6ff1c;border-radius:5.5cqi;inset:2.7%;transform:translateZ(34px);box-shadow:inset 0 0 6cqi #d6f6ff06}.dfrag-card--logitech-g .dfrag-card__glass-pane[data-v-f88d58fe]:after{background:linear-gradient(90deg,#0000,#e4faff2b,#0000);width:22%;transition:left .8s cubic-bezier(.18,.72,.2,1);inset:-30% auto -30% -60%;transform:skew(-14deg)}.dfrag-card--logitech-g.dfrag-card--active .dfrag-card__glass-pane[data-v-f88d58fe]:after{left:145%}.dfrag-card__set-pane[data-v-f88d58fe]{z-index:7;pointer-events:none;border:1px solid color-mix(in srgb,var(--rarity-primary) 18%,#cbf2ff3d);background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#f1fdff30,transparent 24%),linear-gradient(128deg,#dbf8ff17,#0e28340d 35%,#00040708 65%,#71d3f512);box-shadow:inset 0 0 3cqi #e7fbff0f,0 0 2cqi color-mix(in srgb,var(--rarity-primary) 5%,transparent);opacity:var(--set-glass-opacity);transform:translate3d(var(--effect-x),var(--effect-y),31px);transition:border-color .18s,filter .18s,transform .24s ease-out;position:absolute;overflow:hidden}.dfrag-card__set-pane[data-v-f88d58fe]:before{content:"";background:linear-gradient(151deg,#0000 0 24%,#ffffff1c 25%,#0000 26% 64%,#65c9ed0f 65%,#0000 66%),radial-gradient(at 32% 20%,#ffffff14,#0000 40%);transition:transform .62s cubic-bezier(.2,.7,.2,1),opacity .18s;position:absolute;inset:0}.dfrag-card--active .dfrag-card__set-pane[data-v-f88d58fe]{border-color:color-mix(in srgb,var(--rarity-primary) 31%,#ccf3ff61);filter:brightness(1.1)}.dfrag-card--active .dfrag-card__set-pane[data-v-f88d58fe]:before{opacity:.86;transform:translate(1.5cqi,-1.8cqi)}.dfrag-card__set-pane--left[data-v-f88d58fe]{clip-path:polygon(20% 0,100% 7%,71% 31%,92% 52%,67% 75%,100% 95%,19% 100%,0 77%,17% 51%,0 24%);width:14%;inset:2.7% auto 3% 2.2%}.dfrag-card__set-pane--right[data-v-f88d58fe]{clip-path:polygon(0 5%,85% 0,100% 7%,84% 27%,100% 48%,82% 71%,100% 94%,84% 100%,4% 94%,27% 72%,6% 49%,28% 26%);background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#f5feff38,transparent 23%),linear-gradient(105deg,#e3faff14,#00a8ff0d 55%,#00172408);width:18%;inset:2% 1.8% 2.4% auto}.dfrag-card__set-pane--top[data-v-f88d58fe]{clip-path:polygon(7% 0,95% 4%,100% 54%,74% 100%,50% 70%,24% 96%,0 48%);opacity:.52;height:8%;inset:1.8% 15% auto}.dfrag-card__set-pane--bottom[data-v-f88d58fe]{clip-path:polygon(0 34%,21% 0,44% 28%,68% 5%,87% 30%,100% 18%,92% 100%,8% 94%);opacity:.54;height:10%;inset:auto 13% 1.8%}.dfrag-card__light-guide[data-v-f88d58fe]{z-index:12;background:var(--brand-blue);opacity:.88;pointer-events:none;border-radius:1cqi;width:.7cqi;position:absolute;top:3.2%;bottom:3.3%;right:2.8%;transform:translateZ(40px);box-shadow:0 0 1.7cqi #00a8ff9e,0 0 4cqi #00a8ff21}.dfrag-card__light-guide[data-v-f88d58fe]:after{content:"";filter:blur(1.5cqi);background:linear-gradient(#00a8ff2b,#0000);width:5cqi;height:22%;position:absolute;top:0;right:-2.2cqi}.dfrag-card__brand-mark[data-v-f88d58fe]{z-index:16;aspect-ratio:51/48;-o-object-fit:contain;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 1.8cqi #00a8ff4f);width:13%;position:absolute;top:4.6%;right:5.2%;transform:translateZ(55px)}.dfrag-card--logitech-g .dfrag-card__portrait-field[data-v-f88d58fe]{background:radial-gradient(at 50% 25%,#24485b47,#0000 48%),linear-gradient(#071015,#020405 72%);border:1px solid #d9f6ff14;border-radius:3.8cqi 3.8cqi 15cqi 15cqi/3.8cqi 3.8cqi 5cqi 5cqi;inset:7.5% 8.5% 17%;overflow:hidden;transform:translateZ(22px);box-shadow:inset 0 0 0 1px #d9f6ff0a,inset 0 -8cqi 9cqi #000}.dfrag-card--logitech-g .dfrag-card__portrait-field[data-v-f88d58fe]:after{content:"";background:linear-gradient(90deg,#0000004d,#0000 24% 76%,#0000004d),linear-gradient(#0000 58%,#000);position:absolute;inset:0}.dfrag-card--logitech-g .dfrag-card__portrait[data-v-f88d58fe]{z-index:1;width:124%;max-width:none;margin-left:-12%;position:relative}.dfrag-card--logitech-g .dfrag-card__team-fallback[data-v-f88d58fe],.dfrag-card--logitech-g .dfrag-card__team-logo[data-v-f88d58fe]{width:9%;top:auto;bottom:19.5%;right:7%}.dfrag-card--logitech-g .dfrag-card__top-stat[data-v-f88d58fe]{top:5.2%}.dfrag-card--logitech-g .dfrag-card__identity[data-v-f88d58fe]{padding-bottom:3.6%;bottom:17.2%;left:8.5%;right:8.5%}.dfrag-card--logitech-g .dfrag-card__stats[data-v-f88d58fe]{border-top-color:color-mix(in srgb,var(--rarity-primary) 46%,transparent);background:#010407eb;bottom:4.8%;left:7%;right:7%}.dfrag-card--logitech-g .dfrag-card__provenance[data-v-f88d58fe]{color:color-mix(in srgb,var(--rarity-primary) 30%,#68717a);bottom:1.3%;left:7.5%;right:7.5%}.dfrag-card.dfrag-card--frame-hidden .dfrag-card__surface[data-v-f88d58fe]{box-shadow:inset 0 0 12cqi color-mix(in srgb,var(--rarity-primary) 18%,transparent);border-color:#0000}.dfrag-card--frame-hidden .dfrag-card__facets[data-v-f88d58fe],.dfrag-card--frame-hidden .dfrag-card__glints[data-v-f88d58fe],.dfrag-card--frame-hidden .dfrag-card__light-guide[data-v-f88d58fe],.dfrag-card--frame-hidden .dfrag-card__lightning[data-v-f88d58fe],.dfrag-card--frame-hidden .dfrag-card__set-pane[data-v-f88d58fe]{display:none}@media (prefers-reduced-motion:reduce){.dfrag-card[data-v-f88d58fe]{transition:none;transform:none!important}.dfrag-card--active .dfrag-card__lightning path[data-v-f88d58fe]{animation:none}}