.three-stage[data-v-57752b22]{min-width:0}.three-canvas[data-v-57752b22]{touch-action:pan-y;cursor:default;position:absolute;inset:12px 12px 78px}.three-canvas[data-selected=keyboard][data-v-57752b22],.three-canvas[data-selected=mouse][data-v-57752b22]{touch-action:none}.three-canvas[data-v-57752b22] canvas{width:100%;height:100%;display:block}.three-tools[data-v-57752b22]{z-index:4;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:25px;left:32px;right:32px}.three-hint[data-v-57752b22]{color:#ccddf0aa;font-size:11px}.three-tools>div[data-v-57752b22]{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.three-tools button[data-v-57752b22]{color:#dceeff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07162966;border:1px solid #c6e5ff55;border-radius:999px;padding:10px 13px;font:11px Arial,sans-serif}.three-tools button[aria-pressed=true][data-v-57752b22]{color:#071629;background:#80b7ff}.three-fallback[data-v-57752b22]{position:absolute;inset:0}.fallback-keyboard[data-v-57752b22]{-o-object-fit:contain;object-fit:contain;width:100%;height:490px;position:absolute;top:5px;right:-9%;transform:rotate(-30deg)}.fallback-mouse[data-v-57752b22]{-o-object-fit:contain;object-fit:contain;width:46%;height:300px;position:absolute;bottom:15px;left:5%;transform:rotate(12deg)}@media (width<=1000px){.three-tools[data-v-57752b22]{left:15px;right:15px}.three-hint[data-v-57752b22]{display:none}}@media (width<=650px){.three-stage[data-v-57752b22]{min-height:370px}.three-canvas[data-v-57752b22]{inset:0 8px 62px}.three-tools[data-v-57752b22]{justify-content:center;bottom:12px}.fallback-keyboard[data-v-57752b22]{height:270px}.fallback-mouse[data-v-57752b22]{height:200px}}.dfrag-card[data-v-43a17e56]{--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-43a17e56]:focus-visible{outline:2px solid var(--rarity-primary);outline-offset:8px}.dfrag-card[data-v-43a17e56]:hover,.dfrag-card[data-v-43a17e56]:focus-visible{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-43a17e56]{--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-43a17e56]{--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-43a17e56]{--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-43a17e56]{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-43a17e56]{inset:1.2% -1.5% -1.5% 1.2%}.dfrag-card--legendary .dfrag-card__thickness[data-v-43a17e56]{background:linear-gradient(135deg,#fff2b4,#102b35 24%,#71486d 68%,#efbd49)}.dfrag-card__surface[data-v-43a17e56]{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-43a17e56]{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-43a17e56]: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-43a17e56]: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-43a17e56]:before{opacity:calc(var(--sheen-opacity) + .3)}.dfrag-card__glass-pane[data-v-43a17e56]{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-43a17e56]: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-43a17e56]{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-43a17e56]{opacity:var(--design-foil-strength,0)}.dfrag-card__facets[data-v-43a17e56],.dfrag-card__lightning[data-v-43a17e56],.dfrag-card__glints[data-v-43a17e56]{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-43a17e56]{z-index:2;opacity:var(--facet-opacity);filter:blur(.35px);transform:translateZ(14px)}.dfrag-card__lightning[data-v-43a17e56]{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-43a17e56]{stroke-dasharray:15 12;stroke-dashoffset:0}.dfrag-card__lightning-secondary[data-v-43a17e56]{opacity:var(--secondary-opacity)}.dfrag-card__lightning-tertiary[data-v-43a17e56]{opacity:var(--tertiary-opacity)}.dfrag-card__glints[data-v-43a17e56]{z-index:9;opacity:var(--glint-opacity);transform:translate3d(var(--effect-x), var(--effect-y), 43px)}.dfrag-card--active .dfrag-card__lightning[data-v-43a17e56]{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-43a17e56]{animation:.76s cubic-bezier(.2,.8,.25,1) both dfrag-card-trace-43a17e56}.dfrag-card--active .dfrag-card__lightning-secondary[data-v-43a17e56]{animation-delay:90ms}.dfrag-card--active .dfrag-card__glints[data-v-43a17e56]{opacity:var(--glint-active-opacity)}@keyframes dfrag-card-trace-43a17e56{0%{stroke-dashoffset:78px}to{stroke-dashoffset:0}}.dfrag-card__header[data-v-43a17e56]{z-index:14;pointer-events:none;position:absolute;inset:0;transform:translateZ(50px)}.dfrag-card__top-stat[data-v-43a17e56]{text-shadow:0 .7cqi 2cqi #000;display:grid;position:absolute;top:6%;left:8%}.dfrag-card__top-stat span[data-v-43a17e56]{color:var(--rarity-primary);letter-spacing:.1em;text-transform:uppercase;font:700 clamp(.4rem,2.4cqi,.64rem) ui-monospace,SFMono-Regular,Menlo,monospace}.dfrag-card__top-stat strong[data-v-43a17e56]{letter-spacing:-.1em;margin-top:1.2cqi;font:800 clamp(1.25rem,13cqi,3.5rem)/.8 ui-monospace,SFMono-Regular,Menlo,monospace}.dfrag-card__top-stat small[data-v-43a17e56]{color:color-mix(in srgb, var(--rarity-primary) 64%, #8b8d94);letter-spacing:.08em;text-transform:uppercase;margin-top:2.1cqi;font:clamp(.34rem,1.85cqi,.5rem) ui-monospace,SFMono-Regular,Menlo,monospace}.dfrag-card__team-logo[data-v-43a17e56],.dfrag-card__team-fallback[data-v-43a17e56]{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-43a17e56]{border:1px solid #ffffff52;place-items:center;font:700 clamp(.44rem,2.5cqi,.68rem) ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.dfrag-card__portrait-field[data-v-43a17e56]{z-index:4;pointer-events:none;position:absolute;inset:5% -1% 14%;transform:translateZ(27px)}.dfrag-card__portrait[data-v-43a17e56]{-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-43a17e56]{color:#ffffff3b;text-transform:uppercase;border:1px dashed #ffffff2b;place-items:center;font-size:clamp(2rem,18cqi,5rem);font-weight:900;display:grid;position:absolute;inset:24% 17% 13%}.dfrag-card__identity[data-v-43a17e56]{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-43a17e56]{letter-spacing:-.035em;transform-origin:0;margin:0;font-family:Snell Roundhand,Segoe Script,Brush Script MT,URW Chancery L,cursive;font-size:clamp(2rem,15cqi,4.6rem);font-weight:600;line-height:.72;transform:rotate(-3deg)}.dfrag-card__identity p[data-v-43a17e56]{color:#aeb3bc;letter-spacing:.07em;text-transform:uppercase;margin:2.5% 0 0;font-size:clamp(.42rem,2.4cqi,.64rem)}.dfrag-card__stats[data-v-43a17e56]{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-43a17e56]{text-align:center;min-width:0;padding:17% 0 14%}.dfrag-card__stats dt[data-v-43a17e56]{color:#747983;text-transform:uppercase;font:clamp(.31rem,1.75cqi,.46rem) ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.dfrag-card__stats dd[data-v-43a17e56]{margin:15% 0 0;font:700 clamp(.5rem,3cqi,.78rem) ui-monospace,SFMono-Regular,Menlo,monospace}.dfrag-card__provenance[data-v-43a17e56]{z-index:15;color:#626771;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:4%;font: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-43a17e56]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dfrag-card--logitech-g[data-v-43a17e56]{--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-43a17e56]{--set-glass-opacity:.64}.dfrag-card--logitech-g.dfrag-card--epic[data-v-43a17e56]{--set-glass-opacity:.7}.dfrag-card--logitech-g.dfrag-card--legendary[data-v-43a17e56]{--set-glass-opacity:.78}.dfrag-card--logitech-g .dfrag-card__thickness[data-v-43a17e56]{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-43a17e56],.dfrag-card--logitech-g.dfrag-card--legendary .dfrag-card__surface[data-v-43a17e56]{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-43a17e56]: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-43a17e56]:before{opacity:.2}.dfrag-card--logitech-g .dfrag-card__glass-pane[data-v-43a17e56]{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-43a17e56]: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-43a17e56]:after{left:145%}.dfrag-card__set-pane[data-v-43a17e56]{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-43a17e56]: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-43a17e56]{border-color:color-mix(in srgb, var(--rarity-primary) 31%, #ccf3ff61);filter:brightness(1.1)}.dfrag-card--active .dfrag-card__set-pane[data-v-43a17e56]:before{opacity:.86;transform:translate(1.5cqi,-1.8cqi)}.dfrag-card__set-pane--left[data-v-43a17e56]{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-43a17e56]{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-43a17e56]{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-43a17e56]{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-43a17e56]{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-43a17e56]: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-43a17e56]{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-43a17e56]{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-43a17e56]:after{content:"";background:linear-gradient(90deg,#0000004d,#0000 24% 76%,#0000004d),linear-gradient(#0000 58%,#000 100%);position:absolute;inset:0}.dfrag-card--logitech-g .dfrag-card__portrait[data-v-43a17e56]{z-index:1;width:124%;max-width:none;margin-left:-12%;position:relative}.dfrag-card--logitech-g .dfrag-card__team-logo[data-v-43a17e56],.dfrag-card--logitech-g .dfrag-card__team-fallback[data-v-43a17e56]{width:9%;top:auto;bottom:19.5%;right:7%}.dfrag-card--logitech-g .dfrag-card__top-stat[data-v-43a17e56]{top:5.2%}.dfrag-card--logitech-g .dfrag-card__identity[data-v-43a17e56]{padding-bottom:3.6%;bottom:17.2%;left:8.5%;right:8.5%}.dfrag-card--logitech-g .dfrag-card__stats[data-v-43a17e56]{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-43a17e56]{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-43a17e56]{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-43a17e56],.dfrag-card--frame-hidden .dfrag-card__lightning[data-v-43a17e56],.dfrag-card--frame-hidden .dfrag-card__glints[data-v-43a17e56],.dfrag-card--frame-hidden .dfrag-card__set-pane[data-v-43a17e56],.dfrag-card--frame-hidden .dfrag-card__light-guide[data-v-43a17e56]{display:none}@media (prefers-reduced-motion:reduce){.dfrag-card[data-v-43a17e56]{transition:none;transform:none!important}.dfrag-card--active .dfrag-card__lightning path[data-v-43a17e56]{animation:none}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-campaign{max-width:1440px}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-white\/20{border-color:#fff3}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-relaxed{line-height:1.625}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html{color:#fff;scroll-behavior:smooth;background:#000;scroll-padding-top:24px}body{-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a,button{touch-action:manipulation}:focus-visible{outline-offset:5px;outline:3px solid #80b7ff}.skip-link{z-index:50;color:#071629;background:#fff;padding:10px 18px;position:absolute;top:-60px;left:15px}.skip-link:focus{top:10px}.preview-toolbar{font-family:Arial,Helvetica,sans-serif}.toolbar-button{color:#ddd;background:0 0;border:1px solid #ffffff30;border-radius:999px;padding:8px 13px;font-size:12px}.mode-switch button{color:#bbb;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:12px}.mode-switch button[aria-pressed=true]{color:#071629;background:#eaf2ff}.product{isolation:isolate;color:#fff;background:#071629;font:15px/1.5 Arial,Helvetica,sans-serif;position:relative;overflow:clip;container-type:inline-size}.product h1,.product h2,.product h3,.product p{margin:0}.product h1,.product h2{letter-spacing:-.025em;font-family:Impact,Arial Narrow,Arial,sans-serif;font-weight:900;line-height:.94}.product h2{font-size:clamp(40px,5.4cqw,80px)}.product h3{letter-spacing:-.035em;font-size:27px;line-height:1.1}.product p{max-width:50ch;color:inherit;opacity:.78;margin-top:17px}.product a{color:inherit;text-decoration:none}.product small{opacity:.65;font-size:12px;display:block}.product :focus-visible{outline-offset:5px;outline:3px solid #80b7ff}.art{background-position:50%;background-repeat:no-repeat;background-size:contain}.brandnav{color:#fff;background:#071629;align-items:center;gap:40px;height:114px;padding:20px 44px;display:flex}.brand-home{flex-shrink:0;display:block}.brand-logo{mix-blend-mode:screen;width:155px;height:auto;display:block}.nav-sections{gap:28px;margin-left:auto;font-size:13px;display:flex}.nav-pass{margin-left:15px;font-size:13px}.nav-pass span{margin-left:10px}.button{z-index:4;background:#fff;justify-content:space-between;align-items:center;gap:32px;min-height:48px;padding:14px 22px;font-size:14px;font-weight:700;display:inline-flex;position:relative;color:#071629!important}.button span{font-size:20px;line-height:1;transition:transform .2s}.button:hover span{transform:translate(3px)}.product .button:hover{background:#c8e2ff}.product a:not(.button):hover{text-underline-offset:5px;text-decoration:underline}.hardware-hero{color:#fff;background:#071629 url(/art/studio-dark.webp) 50%/cover;grid-template-columns:42% 58%;min-height:670px;display:grid;position:relative;overflow:hidden}.hardware-copy{z-index:4;padding:75px 0 65px 48px;position:relative}.hardware-copy h1{font-size:clamp(62px,7.8cqw,112px);line-height:.92}.headline-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.headline-line>span{display:block}.hardware-copy p{opacity:.9;margin-top:26px;font-size:18px}.hardware-copy .button{background:#80b7ff;margin-top:30px;box-shadow:0 7px 24px #0004}.header-secondary{margin-top:18px;font-size:13px;display:block}.hardware-stage{isolation:isolate;min-height:560px;position:relative}.hardware-object{pointer-events:none;z-index:2;position:absolute}.hardware-parallax{width:100%;height:100%}.hardware-keyboard{width:100%;height:490px;top:5px;right:-9%}.hardware-mouse{width:46%;height:300px;bottom:15px;left:5%}.hardware-object img{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.keyboard-image{filter:drop-shadow(25px 38px 13px #02112690);transform:rotate(-30deg)}.mouse-image{filter:drop-shadow(18px 30px 10px #02112680);transform:rotate(12deg)}.stage-light{pointer-events:none;background:radial-gradient(at 60% 40%,#a2d0ff20,#0000 63%);position:absolute;inset:0 -10% 0 0}.hardware-caption{z-index:3;color:#d8ebff;font-size:12px;position:absolute;bottom:35px;right:40px}.header-meta{border-top:1px solid #b7d9ff25;grid-column:1/-1;justify-content:space-between;padding:22px 48px;font-size:12px;display:flex}.hardware-links{z-index:2;background:#0b1d32;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:26px 48px;display:grid;position:relative;box-shadow:inset 0 1px #a5d1ff20,0 12px 24px #0003}.hardware-links a{display:block}.hardware-links b{font-size:17px;display:block}.hardware-links span{opacity:.6;margin-top:5px;font-size:12px;display:block}.poster-games{background:linear-gradient(#071629bb,#071629ee),url(/art/studio-dark.webp) 50%/cover;padding:65px 44px 75px}.games-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px;display:flex}.games-intro h2{font-size:clamp(38px,5.6cqw,80px)}.games-intro p{margin:0 0 6px;font-size:15px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.game-feature{isolation:isolate;background:linear-gradient(135deg,#233b57,#10243d);border:1px solid #9acbff25;display:block;overflow:hidden;box-shadow:0 18px 28px #020b1766,inset 0 1px #c4e0ff15}.product .game-feature:hover{text-decoration:none}.game-visual{border-bottom:1px solid #badaff35;height:250px;position:relative;overflow:hidden}.game-visual>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.game-copy{padding:25px}.game-copy h3{font-size:27px}.game-copy p{max-width:32ch;min-height:3em;margin:12px 0 22px;font-size:13px}.game-copy b{font-size:13px}.keyboard-visual{background:#a7caff url(/art/studio-light.webp) 100%/cover}.keyboard-visual>img{-o-object-fit:contain;object-fit:contain;width:125%;max-width:none;transform:rotate(-19deg)translate(-6%,3%)}.game-light{pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fff2 47%,#0000 58%);transition:transform .65s;position:absolute;inset:-35%;transform:translate(-65%)}.game-feature:is(:hover,:focus-visible) .game-light{transform:translate(65%)}.poster-collection{color:#071629;background:linear-gradient(#eaf2ffb8,#edf5ffd9),url(/art/studio-light.webp) 0/cover;padding:65px 48px 40px;box-shadow:inset 0 1px #fff}.collection-heading{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.collection-heading h2{font-size:clamp(42px,6.6cqw,95px)}.collection-heading p{max-width:30ch;margin:8px 0;font-size:14px}.card-interaction-note{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:12px;display:flex}.product .card-interaction-note p{margin:0}.card-interaction-note button{color:#17385c;background:#fff5;border:1px solid #17385c40;padding:8px 14px}.real-card-row{perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:50px 8px 55px;display:grid}.card-arrival{min-width:0}.card-arrival:focus-within,.card-arrival:hover{z-index:5}.display-card{transform:translateY(var(--offset)) rotate(var(--fan));transform-origin:bottom;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:relative}.display-card:is(:hover,:focus-within){transform:translateY(-14px)rotate(0)scale(1.035)}.real-card-row .dfrag-card{text-transform:none;width:100%}.real-card-row .dfrag-card:focus-visible{outline-offset:7px;outline:3px solid #1261ee}.product .real-card-row p{opacity:1;margin:0}.product .real-card-row h2,.product .real-card-row h3{letter-spacing:inherit;font-family:inherit;line-height:inherit}.collection-foot{z-index:6;justify-content:space-between;align-items:center;gap:25px;display:flex;position:relative}.collection-foot .button{background:#071629;color:#fff!important}.collection-foot p{margin:0;font-size:10px}.collection-foot>a:last-child{font-size:13px}.poster-watch{color:#071629;background:linear-gradient(115deg,#80b7ffec,#80b7ff88),url(/art/studio-light.webp) 100%/cover;grid-template-columns:1.2fr 1fr;gap:65px;padding:75px 65px;display:grid}.poster-watch>h2{font-size:clamp(100px,19cqw,274px);line-height:.82}.poster-watch>div{padding-top:10px}.poster-watch p{font-size:14px}.poster-watch .button{background:#071629;margin-top:20px;color:#fff!important}.watch-link{border-top:1px solid #07162950;margin-top:35px;padding-top:25px}.watch-link b{font-size:20px}.watch-link p{margin:8px 0;font-size:13px}.watch-link a{font-size:13px}.crew-gear{grid-template-columns:1.1fr 1fr;min-height:420px;display:grid}.crew{background:linear-gradient(100deg,#1045a9cf,#1045a988),url(/art/studio-dark.webp) 50%/cover;padding:60px 48px}.crew p{max-width:38ch;margin-bottom:25px}.crew small{margin-top:18px}.gear{color:#142539;background:linear-gradient(#e3efff88,#e3efffcc),url(/art/studio-light.webp) 100%/cover;padding:250px 40px 40px;position:relative}.gear .art{filter:drop-shadow(15px 28px 12px #07162930);width:70%;height:290px;position:absolute;top:-15px;right:15%;transform:rotate(-18deg)}.gear p{margin-bottom:14px;font-size:14px}.gear a{font-size:14px;font-weight:700}.campaign-end{color:#fff;background:linear-gradient(#071629ce,#071629ef),url(/art/studio-dark.webp) 0 100%/cover;padding:70px 48px 25px}.closing{justify-content:space-between;align-items:center;margin-bottom:65px;display:flex}.closing h2{font-size:70px}.end-grid{grid-template-columns:1fr 1fr 1.1fr;gap:65px;display:grid}.end-grid h3{letter-spacing:0;font:700 17px Arial,sans-serif}.end-grid p{font-size:13px}.end-grid details{border-bottom:1px solid #526276;margin-bottom:18px;padding:0 0 18px;font-size:13px}.end-grid summary{cursor:pointer;font-weight:700}.steps{counter-reset:steps;gap:22px;padding:0;list-style:none;display:grid}.steps li{counter-increment:steps;padding-left:26px;position:relative}.steps li:before{content:counter(steps);color:#80b7ff;position:absolute;left:0}.steps b{font-size:14px}.steps p{margin-top:5px;font-size:13px}.legal{color:#94a8be;justify-content:space-between;margin-top:65px;font-size:11px;display:flex}.product.motion-off *,.product.motion-off :before,.product.motion-off :after{transition:none!important;animation:none!important}.motion-off .display-card:is(:hover,:focus-within){transform:translateY(var(--offset)) rotate(var(--fan))}.motion-off .dfrag-card{transform:none!important}.motion-off .game-light{display:none}@media (width<=1000px){.brandnav{gap:20px;padding:20px 25px}.nav-sections{gap:15px}.hardware-copy{padding:50px 0 40px 30px}.hardware-copy h1{font-size:clamp(52px,8cqw,80px)}.hardware-copy p{font-size:15px}.hardware-hero{min-height:0}.hardware-stage{min-height:490px}.hardware-keyboard{height:350px;top:20px;right:-10%}.hardware-mouse{width:55%;height:235px;bottom:10px;left:0}.header-meta{padding:20px 30px}.hardware-links{gap:20px;padding:25px 30px}.poster-games{padding:50px 30px}.games-intro h2{font-size:55px}.game-grid{gap:16px}.game-visual{height:190px}.game-copy{padding:20px}.game-copy h3{font-size:23px}.collection-heading{display:block}.collection-heading p{max-width:55ch;margin-top:20px}.real-card-row{gap:16px;padding:40px 0}.poster-watch{gap:35px;padding:50px 30px}.crew{padding:40px 30px}.end-grid{gap:30px}}@media (width<=650px){.brandnav{gap:15px;height:92px;padding:15px 20px}.brand-logo{width:130px}.nav-sections{display:none}.nav-pass{margin-left:auto;font-size:11px}.nav-pass span{margin-left:4px}.hardware-hero{background-position:58%;background-size:auto 100%;flex-direction:column;display:flex}.hardware-copy{background:linear-gradient(90deg,#07162955,#0000);padding:35px 23px 30px}.hardware-copy h1{font-size:clamp(55px,14cqw,80px)}.hardware-copy p{margin-top:20px;font-size:16px}.hardware-copy .button{margin-top:24px}.hardware-stage{min-height:335px}.hardware-keyboard{width:88%;height:270px;top:-38px;right:-8%}.keyboard-image{transform:rotate(-25deg)}.hardware-mouse{width:50%;height:200px;bottom:5px;left:0}.hardware-caption{font-size:10px;bottom:24px;right:23px}.header-meta{gap:20px;padding:20px 23px;font-size:10px}.hardware-links{gap:15px;padding:22px 23px}.hardware-links b{font-size:13px}.hardware-links span{font-size:10px}.poster-games{padding:40px 20px}.games-intro{margin-bottom:26px;display:block}.games-intro h2{font-size:48px}.games-intro p{margin-top:15px}.game-grid{grid-template-columns:1fr;gap:22px}.game-visual{height:250px}.game-copy{padding:23px}.game-copy h3{font-size:27px}.game-copy p{max-width:42ch;min-height:0}.poster-collection{background-position:0 0;background-size:auto 100%;padding:40px 20px 30px}.collection-heading h2{font-size:44px}.collection-heading p{font-size:13px}.card-interaction-note{gap:10px;font-size:11px}.card-interaction-note button{padding:7px 10px;font-size:11px}.real-card-row{scroll-snap-type:x mandatory;gap:25px;margin-inline:-20px;padding:35px 22px 45px;display:flex;overflow-x:auto}.card-arrival{scroll-snap-align:center;flex:0 0 235px}.display-card:is(:hover,:focus-within){transform:translateY(-8px)scale(1.02)}.collection-foot{flex-wrap:wrap;gap:15px}.collection-foot p{flex-basis:100%;order:3}.collection-foot .button{gap:12px;padding:12px 16px;font-size:12px}.poster-watch{padding:40px 25px;display:block}.poster-watch>h2{font-size:120px;line-height:.85}.poster-watch>div{padding-top:35px}.poster-watch h3{font-size:29px}.crew-gear{display:block}.crew{padding:40px 25px}.crew h2{font-size:55px}.crew p{font-size:14px}.gear{min-height:355px;padding:240px 25px 35px}.gear .art{height:265px;top:-10px}.campaign-end{padding:40px 25px 25px}.closing{margin-bottom:40px;display:block}.closing h2{font-size:60px}.closing .button{margin-top:25px}.end-grid{display:block}.end-grid>div+div{margin-top:35px}.legal{gap:25px;margin-top:40px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product *,.product :before,.product :after{transition:none!important;animation:none!important}.display-card:is(:hover,:focus-within){transform:translateY(var(--offset)) rotate(var(--fan))}}.motion-off .dfrag-card{--pointer-x:50%!important;--pointer-y:50%!important;--sheen-x:0px!important;--sheen-y:0px!important;--effect-x:0px!important;--effect-y:0px!important}@media (width>=768px){.md\:px-8{padding-left:2rem;padding-right:2rem}}.art.logo{background-image:url(/art/logo.webp)}.art.ins{background-image:url(/art/ins.webp)}.art.jks{background-image:url(/art/jks.webp)}.art.vexite{background-image:url(/art/vexite.webp)}.art.nettik{background-image:url(/art/nettik.webp)}.art.keyboard{background-image:url(/art/keyboard.webp)}.art.mouse{background-image:url(/art/mouse.webp)}.game-art-higher{background-image:url(/art/higher.webp)}.game-art-map{background-image:url(/art/map.webp)}