.float-lab{background:#0f1014;border:1px solid #2124298c;border-radius:16px;padding:22px}@media not screen and (width>=630px){.float-lab{padding:16px}}.float-lab__head{margin-bottom:16px}.float-lab__title{color:#fff;align-items:center;gap:9px;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:19px;font-weight:900;display:flex}.float-lab__icon{color:#3b82f6;flex:none}.float-lab__hint{color:#8a93a2;margin-top:6px;font-size:13px;line-height:1.45}.float-lab__value-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.float-lab__label{color:#8a93a2;font-size:13px;font-weight:700}.float-lab__number{color:#fff;font-variant-numeric:tabular-nums;background:#07080a;border:1px solid #212429cc;border-radius:10px;width:110px;padding:8px 12px;font-size:15px;font-weight:800}.float-lab__number:focus{border-color:#3b82f699;outline:none}.float-lab__wear{color:#0a0a08;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:900}.float-lab__wear_fn{background:#38b24a}.float-lab__wear_mw{background:#84c343}.float-lab__wear_ft{background:#dfc04a}.float-lab__wear_ww{background:#ef8641}.float-lab__wear_bs{background:#eb4b4b}.float-lab__slider{accent-color:#3b82f6;width:100%;margin:4px 0 14px}.patterns-lead{color:#8a93a2;max-width:900px;margin:0 0 16px;font-size:14px;line-height:1.6}.patterns-lead_hero{text-align:center;color:#a9b2c0;max-width:820px;margin:14px auto 18px}.patterns-nav{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:4px;display:flex}.patterns-nav__link{color:#d3dbe6;background:linear-gradient(#ffffff0a,#0000 70%),#0f1014;border:1px solid #212429;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 15px;font-size:13.5px;font-weight:700;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}[dir=rtl] .patterns-nav__link{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),#0f1014}@media (hover:hover){.patterns-nav__link:hover{color:#fff;background:linear-gradient(#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014;border-color:#3b82f673}[dir=rtl] .patterns-nav__link:hover{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014}}.patterns-nav__link:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}@media not screen and (width>=630px){.patterns-nav__link{height:36px;padding:0 13px;font-size:12.5px}}.patterns-nav__icon{color:#3b82f6;flex:none}.price-lock{background:#3b82f612;border:1px solid #3b82f647;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.price-lock__icon{color:#3b82f6;flex:none}.price-lock__text{color:#d3dbe6;flex:220px;font-size:13.5px;font-weight:600;line-height:1.45}.price-lock__cta{color:#fff;background:linear-gradient(#2e86ff,#1b63d6);border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:filter .16s,background-color .16s;display:inline-flex}[dir=rtl] .price-lock__cta{background:linear-gradient(-180deg,#2e86ff,#1b63d6)}@media (hover:hover){.price-lock__cta:hover{filter:brightness(1.08)}}.price-lock__cta:disabled,.price-lock__cta[aria-disabled=true]{opacity:.5;pointer-events:none}@media (hover:hover){.price-lock__cta:hover{filter:brightness(1.09)}}.pattern-tools{align-items:start;gap:14px;display:grid}@media only screen and (width>=1100px){.pattern-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.pattern-tools__cell{flex-direction:column;gap:12px;min-width:0;display:flex}.pattern-tools__cell_anchor{scroll-margin-top:126px}@media not screen and (width>=630px){.pattern-tools__cell_anchor{scroll-margin-top:78px}}.family-cards{grid-template-columns:repeat(auto-fill,minmax(276px,1fr));align-items:stretch;gap:14px;display:grid}.family-cards>*{animation:.55s cubic-bezier(.22,1,.36,1) backwards reveal-up}@media (prefers-reduced-motion:reduce){.family-cards>*{animation:none}}.family-cards>:first-child{animation-delay:0s}.family-cards>:nth-child(2){animation-delay:50ms}.family-cards>:nth-child(3){animation-delay:.1s}.family-cards>:nth-child(4){animation-delay:.15s}.family-cards>:nth-child(5){animation-delay:.2s}.family-cards>:nth-child(6){animation-delay:.25s}.family-cards>:nth-child(7){animation-delay:.3s}.family-cards>:nth-child(8){animation-delay:.35s}@supports (animation-timeline:view()){.family-cards>*{animation:linear reveal-up;animation-timeline:view();animation-range:entry entry 28%}}@media not screen and (width>=630px){.family-cards{grid-template-columns:minmax(0,1fr)}}.family-card{isolation:isolate;background:linear-gradient(#0f1014,#0a0b0e);border:1px solid #212429;border-radius:16px;flex-direction:column;gap:10px;height:100%;padding:16px;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .28s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}[dir=rtl] .family-card{background:linear-gradient(-180deg,#0f1014,#0a0b0e)}.family-card:before{content:"";background:radial-gradient(220px 130px at 50% 8%, color-mix(in srgb, var(--rarity-color) 18%, transparent), transparent 74%);opacity:.9;pointer-events:none;position:absolute;inset:0}@media (hover:hover){.family-card:hover{border-color:color-mix(in srgb, var(--rarity-color) 45%, #212429);box-shadow:0 16px 44px #00000073, 0 0 32px color-mix(in srgb, var(--rarity-color) 16%, transparent);transform:translateY(-3px)}.family-card:hover .family-card__img{transform:scale(1.04)}.family-card:hover .family-card__go{color:#fff;background:linear-gradient(#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014;border-color:#3b82f673}[dir=rtl] .family-card:hover .family-card__go{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014}}.family-card:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.family-card__art{padding-top:4px;display:block;position:relative}.family-card__img{object-fit:contain;filter:drop-shadow(0 10px 22px #0000008c);opacity:0;width:100%;height:96px;transition:opacity .25s}.img-box_loaded .family-card__img{opacity:1}.family-card__kind{z-index:1;color:#8a93a2;text-transform:uppercase;letter-spacing:.04em;background:#0c0d11d1;border:1px solid #212429e6;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:800;position:absolute;top:0;left:0}[dir=rtl] .family-card__kind{left:auto;right:0}.family-card__title{color:#fff;font-size:16px;font-weight:900;line-height:1.25;position:relative}.family-card__desc{color:#a9b2c0;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:auto;font-size:13px;font-weight:500;line-height:1.6;display:-webkit-box;position:relative;overflow:hidden}.family-card__stats{flex-wrap:wrap;gap:6px;display:flex;position:relative}.family-card__stat{color:#d3dbe6;font-variant-numeric:tabular-nums;background:#ffffff0a;border:1px solid #212429e6;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.family-card__prices{border-top:1px solid #212429bf;flex-direction:column;gap:6px;padding-top:12px;display:flex;position:relative}.family-card__price{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.family-card__price-label{color:#8a93a2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.family-card__price-value{font-variant-numeric:tabular-nums;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 6px #c8d0d938);background:linear-gradient(#fff 20%,#c8d0d9 55%,#8f98a3 100%);flex:none;font-size:14px;font-weight:800}[dir=rtl] .family-card__price-value{background:linear-gradient(-180deg,#fff 20%,#c8d0d9 55%,#8f98a3 100%)}[dir] .family-card__price-value{-webkit-background-clip:text;background-clip:text}.family-card__go{color:#d3dbe6;background:linear-gradient(#ffffff0a,#0000 70%),#0f1014;border:1px solid #212429;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:34px;margin-top:4px;padding:0 14px;font-size:13px;font-weight:800;transition:filter .16s,background-color .16s,border-color .16s;display:inline-flex;position:relative}[dir=rtl] .family-card__go{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),#0f1014}@media (hover:hover){.family-card__go:hover{filter:brightness(1.08)}}.family-card__go:disabled,.family-card__go[aria-disabled=true]{opacity:.5;pointer-events:none}@media (hover:hover){.family-card__go:hover{filter:none;background:linear-gradient(#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014;border-color:#3b82f673}[dir=rtl] .family-card__go:hover{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014}}.charm-scale{background:#ffffff05;border:1px solid #212429b3;border-radius:16px;padding:16px}.charm-scale__head{margin-bottom:12px}.charm-scale__title{color:#fff;margin:0 0 4px;font-size:15.5px;font-weight:900}.charm-scale__hint{color:#8a93a2;font-size:12.5px;line-height:1.5;display:block}.charm-scale__body{align-items:center;gap:14px;display:flex}@media not screen and (width>=630px){.charm-scale__body{flex-direction:column;align-items:stretch}}.charm-scale__sample{background:#00000040;border:1px solid #212429b3;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:116px;padding:10px;transition:border-color .15s,transform .2s;display:flex}@media (hover:hover){.charm-scale__sample:hover{border-color:#3b82f673;transform:translateY(-2px)}}@media not screen and (width>=630px){.charm-scale__sample{flex-direction:row;justify-content:flex-start;gap:12px;width:100%}}.charm-scale__sample-img{object-fit:contain;filter:drop-shadow(0 6px 14px #0000008c);opacity:0;width:76px;height:76px;transition:opacity .25s}.img-box_loaded .charm-scale__sample-img{opacity:1}.charm-scale__bar{border-radius:10px;flex:1;gap:2px;min-width:0;height:46px;display:flex;overflow:hidden}.charm-scale__zone{color:#000000b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;padding:0 6px;display:flex}.charm-scale__zone_green{background:linear-gradient(90deg,#2fbf71,#37c99b)}[dir=rtl] .charm-scale__zone_green{background:linear-gradient(-90deg,#2fbf71,#37c99b)}.charm-scale__zone_blue{background:linear-gradient(90deg,#37c99b,#4c86f0)}[dir=rtl] .charm-scale__zone_blue{background:linear-gradient(-90deg,#37c99b,#4c86f0)}.charm-scale__zone_purple{background:linear-gradient(90deg,#7c4de0,#a855f7)}[dir=rtl] .charm-scale__zone_purple{background:linear-gradient(-90deg,#7c4de0,#a855f7)}.charm-scale__zone-name{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:900;overflow:hidden}.charm-scale__zone-range{font-variant-numeric:tabular-nums;opacity:.85;font-size:10px;font-weight:800}.family-page{flex-direction:column;gap:26px;padding-bottom:32px;display:flex}.family-page__summary{flex-wrap:wrap;gap:8px;display:flex}.family-page__stat{color:#d3dbe6;font-variant-numeric:tabular-nums;background:#ffffff0a;border:1px solid #212429e6;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700}.family-page__stat_price{color:#fff;background:#3b82f614;border-color:#3b82f659}.family-page__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.family-page__open{color:#d3dbe6;background:linear-gradient(#ffffff0a,#0000 70%),#0f1014;border:1px solid #212429;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:filter .16s,background-color .16s,border-color .16s;display:inline-flex}[dir=rtl] .family-page__open{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),#0f1014}@media (hover:hover){.family-page__open:hover{filter:brightness(1.08)}}.family-page__open:disabled,.family-page__open[aria-disabled=true]{opacity:.5;pointer-events:none}@media (hover:hover){.family-page__open:hover{filter:none;background:linear-gradient(#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014;border-color:#3b82f673}[dir=rtl] .family-page__open:hover{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014}}.family-page__how{background:#ffffff06;border:1px solid #2124298c;border-radius:16px;padding:18px 20px}.family-page__how-title{color:#fff;text-transform:uppercase;letter-spacing:.03em;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:16px;font-weight:900}.family-page__how-text{color:#d3dbe6;margin-top:8px;font-size:13.5px;line-height:1.55}.family-page__section-title{letter-spacing:.02em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 55%,#ffffff9e);margin-bottom:16px;padding-left:24px;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:22px;font-weight:900;position:relative}[dir=rtl] .family-page__section-title{background:linear-gradient(-180deg,#fff 55%,#ffffff9e);padding-left:0;padding-right:24px}[dir] .family-page__section-title{-webkit-background-clip:text;background-clip:text}.family-page__section-title:before{content:"";background:linear-gradient(#3b82f6,#60a5fa) 0 0/5px 100% no-repeat,linear-gradient(#3b82f68c,#60a5fa66) 9px 0/3px 100% no-repeat;border-radius:2px;width:13px;position:absolute;top:1px;bottom:8px;left:0;transform:skew(-12deg);box-shadow:-2px 0 12px #3b82f666}[dir=rtl] .family-page__section-title:before{background:linear-gradient(-180deg,#3b82f6,#60a5fa) 0 0/5px 100% no-repeat,linear-gradient(-180deg,#3b82f68c,#60a5fa66) 9px 0/3px 100% no-repeat;left:auto;right:0;transform:skew(12deg);box-shadow:2px 0 12px #3b82f666}@media only screen and (width>=1100px){.family-page__section-title{font-size:26px}}@media not screen and (width>=630px){.family-page__section-title{padding-left:20px;font-size:18px}[dir=rtl] .family-page__section-title{padding-left:0;padding-right:20px}}.family-page__weapons{flex-direction:column;gap:14px;display:flex}.family-page__weapon{border:1px solid color-mix(in srgb, var(--rarity-color) 24%, #212429);background:#ffffff06;border-radius:16px;padding:16px 18px}@media not screen and (width>=630px){.family-page__weapon{padding:12px}}.family-page__skin{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.family-page__img{object-fit:contain;opacity:0;flex:none;width:96px;height:62px;transition:opacity .25s}.img-box_loaded .family-page__img{opacity:1}.family-page__skin-info{flex-direction:column;gap:3px;min-width:0;display:flex}.family-page__weapon-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.family-page__price{font-variant-numeric:tabular-nums;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 6px #c8d0d938);background:linear-gradient(#fff 20%,#c8d0d9 55%,#8f98a3 100%);font-size:13.5px;font-weight:800}[dir=rtl] .family-page__price{background:linear-gradient(-180deg,#fff 20%,#c8d0d9 55%,#8f98a3 100%)}[dir] .family-page__price{-webkit-background-clip:text;background-clip:text}.family-page__tiers{flex-direction:column;gap:12px;margin-top:12px;display:flex}.family-page__tier-group{flex-direction:column;gap:8px;display:flex}.family-page__group-name{color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:900}.family-page__row{align-items:flex-start;gap:12px;display:flex}@media not screen and (width>=630px){.family-page__row{flex-direction:column;gap:6px}}.family-page__row-label{color:#8a93a2;flex:none;width:110px;padding-top:6px;font-size:12.5px;font-weight:800}@media not screen and (width>=630px){.family-page__row-label{width:auto;padding-top:0}}.family-page__chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.family-page__source{color:#8a93a2;border-top:1px solid #21242999;margin-top:12px;padding-top:10px;font-size:12px;line-height:1.5}.family-page__source-warn{color:#fcb603;background:#fcb6031f;border-radius:999px;margin-left:6px;padding:2px 7px;font-weight:800;display:inline-block}[dir=rtl] .family-page__source-warn{margin-left:0;margin-right:6px}.family-page__source-link{color:#60a5fa;align-items:center;gap:4px;margin-left:6px;font-weight:700;display:inline-flex}[dir=rtl] .family-page__source-link{margin-left:0;margin-right:6px}.family-page__source-icon{fill:currentColor}.family-page__fadetable{flex-direction:column;gap:14px;display:flex}.family-page__table-box{background:#ffffff06;border:1px solid #2124298c;border-radius:16px;padding:14px 16px}.family-page__table-head{color:#8a93a2;margin-bottom:10px;font-size:12.5px;line-height:1.5}.family-page__table-weapons{color:#d3dbe6;margin-top:4px;font-weight:700;display:block}.family-page__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.family-page__table{border-collapse:collapse;width:100%;font-size:13px}.family-page__th{color:#8a93a2;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;padding:8px 10px;font-size:11.5px;font-weight:800}[dir=rtl] .family-page__th{text-align:right}.family-page__td{color:#fff;font-variant-numeric:tabular-nums;border-top:1px solid #2124298c;padding:8px 10px}.family-page__list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}@media not screen and (width>=630px){.family-page__list{grid-template-columns:1fr}}.family-page__item{border:1px solid color-mix(in srgb, var(--rarity-color) 20%, #212429);background:#ffffff06;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.family-page__lead{justify-content:center;display:flex}.family-page__back{color:#d3dbe6;background:linear-gradient(#ffffff0a,#0000 70%),#0f1014;border:1px solid #212429;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:14px;font-weight:700;transition:filter .16s,background-color .16s,border-color .16s;display:inline-flex}[dir=rtl] .family-page__back{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),#0f1014}@media (hover:hover){.family-page__back:hover{filter:brightness(1.08)}}.family-page__back:disabled,.family-page__back[aria-disabled=true]{opacity:.5;pointer-events:none}@media (hover:hover){.family-page__back:hover{filter:none;background:linear-gradient(#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014;border-color:#3b82f673}[dir=rtl] .family-page__back:hover{background:linear-gradient(-180deg,#ffffff0a,#0000 70%),linear-gradient(#3b82f60f,#3b82f60f),#0f1014}}
