.product-modal-overlay--stack-top{z-index:10050}.product-modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;-webkit-overflow-scrolling:touch;background-color:#0009;justify-content:center;align-items:flex-start;height:100vh;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (max-width:768px){.product-modal-overlay{height:100dvh;min-height:100dvh;padding:max(16px,env(safe-area-inset-top))max(16px,env(safe-area-inset-right))max(24px,env(safe-area-inset-bottom))max(16px,env(safe-area-inset-left));align-items:stretch}}.product-modal{background:linear-gradient(135deg,var(--background-secondary)0%,var(--background-teritiary)50%,var(--background-secondary)100%);border:1px solid var(--border-color-default);border-radius:16px;width:100%;max-width:500px;margin:auto;position:relative;overflow:visible;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d}.product-modal:before,.product-modal:after{content:"❄";color:#ffffff26;pointer-events:none;z-index:0;font-size:24px;position:absolute}.product-modal:before{filter:blur(2px);top:10%;left:8%;transform:scale(.8)}.product-modal:after{filter:blur(3px);font-size:32px;bottom:15%;right:10%;transform:scale(1.2)}.product-modal--wide{max-width:800px}.product-modal--clan-invite .product-modal__content{padding-top:20px;padding-bottom:24px}.product-modal--clan-invite .product-modal__content--scrollable{max-height:min(72vh,540px)}.product-modal--clan-applications .product-modal__content{padding-top:20px;padding-bottom:24px}.product-modal--clan-applications .product-modal__content--scrollable{max-height:min(72vh,560px)}.product-modal--clan-transfer .product-modal__content{padding-top:20px;padding-bottom:24px}.product-modal--clan-transfer .product-modal__content--scrollable{max-height:min(72vh,480px)}.product-modal--clan-edit .product-modal__content,.product-modal--clan-news .product-modal__content,.product-modal--clan-leave .product-modal__content,.product-modal--clan-create .product-modal__content{padding-top:20px;padding-bottom:24px}.product-modal--partner{max-width:920px}.product-modal--partner .product-modal__content{padding:20px 24px 24px}.product-modal__snowflake{color:#ffffff1f;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;position:absolute}.product-modal__snowflake--1{filter:blur(1px);font-size:16px;top:5%;left:5%;transform:scale(.7)}.product-modal__snowflake--2{filter:blur(2px);font-size:20px;top:20%;right:8%;transform:scale(.9)}.product-modal__snowflake--3{filter:blur(1.5px);font-size:14px;top:50%;left:3%;transform:scale(.6)}.product-modal__snowflake--4{filter:blur(3px);font-size:28px;bottom:25%;right:5%;transform:scale(1.3)}.product-modal__snowflake--5{filter:blur(2.5px);font-size:18px;top:35%;left:12%;transform:scale(1.1)}.product-modal__snowflake--6{filter:blur(2px);font-size:22px;bottom:10%;left:8%;transform:scale(.8)}.product-modal__close{background:var(--background-teritiary);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.product-modal__close:hover{background:var(--background-main)}.product-modal__close .mui-icon{color:var(--text-primary)}.product-modal__loading,.product-modal__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.product-modal__header{border-bottom:1px solid var(--border-color-default);z-index:1;padding:24px 32px;position:relative}.product-modal__title{color:var(--text-primary);margin:0;font-size:20px;font-weight:600;line-height:1.4}.product-modal__content{z-index:1;padding:32px;position:relative}.product-modal__content--scrollable{-webkit-overflow-scrolling:touch;max-height:min(70vh,640px);overflow-y:auto}.product-modal__footer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.product-modal__image-wrapper{justify-content:center;align-items:center;width:100%;min-height:200px;margin-bottom:32px;display:flex;position:relative}.product-modal__light{z-index:0;opacity:.6;filter:blur(20px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-modal__image{object-fit:contain;z-index:1;width:200px;height:200px;filter:drop-shadow(0 0 40px color-mix(in srgb,var(--primary-colors-main)32%,transparent))drop-shadow(0 0 80px color-mix(in srgb,var(--primary-colors-secondary)28%,transparent))drop-shadow(0 0 120px color-mix(in srgb,var(--primary-colors-main)22%,transparent))drop-shadow(0 12px 32px #0006);position:relative}.product-modal__info{flex-direction:column;gap:20px;display:flex}.product-modal__subdrops{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:8px;display:grid}@media (max-width:1024px){.product-modal__subdrops{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.product-modal__subdrops{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.product-modal__subdrops{grid-template-columns:repeat(2,1fr)}}.product-modal__subdrop{background:linear-gradient(135deg,color-mix(in srgb,var(--background-secondary)92%,transparent)0%,color-mix(in srgb,var(--background-teritiary)92%,transparent)50%,color-mix(in srgb,var(--background-secondary)92%,transparent)100%);border:1px solid var(--border-color-default);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:20px 12px;display:flex;position:relative;overflow:hidden}.product-modal__subdrop-image-wrapper{aspect-ratio:1;z-index:1;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex;position:relative}.product-modal__subdrop-image{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--primary-colors-main)22%,transparent))drop-shadow(0 0 40px color-mix(in srgb,var(--primary-colors-main)16%,transparent))drop-shadow(0 8px 24px #0000004d);padding:8px;transition:transform .3s}.product-modal__subdrop:hover .product-modal__subdrop-image{transform:scale(1.1)rotate(5deg)}.product-modal__subdrop-boost{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#000000b3;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 8px #0000004d}.product-modal__subdrop-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;z-index:1;width:100%;margin:0;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}.product-modal__select-header{margin-bottom:0}.product-modal__select-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.product-modal__select-title-hint{cursor:help;color:var(--text-secondary);opacity:.7;align-items:center;transition:opacity .2s;display:inline-flex}.product-modal__select-title-hint:hover{opacity:1}.product-modal__select-title-hint .mui-icon{font-size:16px}.product-modal__select-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:8px;display:grid}@media (max-width:900px){.product-modal__select-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.product-modal__select-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:400px){.product-modal__select-grid{grid-template-columns:repeat(2,1fr)}}.product-modal__select-card{background:var(--background-teritiary);border:2px solid var(--border-color-default);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;padding:12px;display:flex;position:relative}.product-modal__select-card:hover{background:var(--background-main);border-color:var(--primary-colors-secondary)}.product-modal__select-card--active{border-color:var(--primary-colors-secondary);background:linear-gradient(135deg,color-mix(in srgb,var(--primary-colors-main)14%,transparent),color-mix(in srgb,var(--primary-colors-secondary)14%,transparent));box-shadow:0 0 0 2px var(--primary-colors-secondary),0 4px 16px color-mix(in srgb,var(--primary-colors-main)28%,transparent);cursor:default}.product-modal__select-card--active:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-colors-main)14%,transparent),color-mix(in srgb,var(--primary-colors-secondary)14%,transparent));border-color:var(--primary-colors-secondary)}.product-modal__select-card-image-wrapper{aspect-ratio:1;background:var(--background-secondary);border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.product-modal__select-card-image{object-fit:contain;filter:drop-shadow(0 2px 8px #0003);width:100%;height:100%;padding:8px}.product-modal__select-card-price{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#000000b3;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 2px 8px #0000004d}.product-modal__select-card-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;width:100%;min-width:0;max-width:100%;margin-top:4px;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}.product-modal__price{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:36px;font-weight:800;line-height:1.2;display:flex}.product-modal__description{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.product-modal__description .vip-description{background:linear-gradient(145deg,color-mix(in srgb,var(--primary-colors-main)10%,var(--background-teritiary))0%,color-mix(in srgb,var(--primary-colors-secondary)6%,var(--background-secondary))100%);border:1px solid color-mix(in srgb,var(--primary-colors-secondary)32%,var(--border-color-default));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-colors-main)12%,transparent)inset,0 8px 28px #00000038;border-radius:14px;margin-top:4px;padding:18px 18px 20px}.product-modal__description .vip-description h3{letter-spacing:.02em;color:var(--text-primary);border-bottom:1px solid color-mix(in srgb,var(--primary-colors-secondary)28%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--primary-colors-secondary)85%,var(--text-primary))0%,var(--text-primary)45%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:700;line-height:1.35}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.product-modal__description .vip-description h3{color:var(--text-primary);-webkit-text-fill-color:unset;background:0 0}}.product-modal__description .vip-description ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.product-modal__description .vip-description li{background:color-mix(in srgb,var(--background-secondary)88%,transparent);border:1px solid var(--border-color-default);border-left:3px solid var(--primary-colors-secondary);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0;padding:12px 14px;line-height:1.55;display:flex}.product-modal__description .vip-description .command{letter-spacing:.03em;color:color-mix(in srgb,var(--primary-colors-secondary)12%,var(--text-primary));background:color-mix(in srgb,var(--primary-colors-main)14%,var(--background-teritiary));border:1px solid color-mix(in srgb,var(--primary-colors-secondary)35%,transparent);word-break:break-word;border-radius:8px;flex:0 auto;max-width:100%;padding:5px 10px;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:600;box-shadow:inset 0 1px #ffffff0f}.product-modal__description .vip-description .feature-name{color:var(--text-primary);flex:0 auto;max-width:100%;font-size:14px;font-weight:700}.product-modal__description .vip-description .feature-desc{color:var(--text-secondary);flex:220px;min-width:min(100%,200px);margin:0;font-size:14px}.product-modal__count{color:var(--text-primary);background:var(--background-teritiary);border-radius:8px;width:fit-content;margin:0;padding:8px 12px;font-size:15px;font-weight:600;display:inline-block}.product-modal__info-block{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-colors-main)8%,transparent),color-mix(in srgb,var(--primary-colors-secondary)8%,transparent));border:1px solid color-mix(in srgb,var(--primary-colors-main)28%,transparent);color:var(--text-primary);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:14px;line-height:1.5;display:flex}.product-modal__info-block .mui-icon{color:var(--primary-colors-secondary);flex-shrink:0;margin-top:2px}.product-modal__floating-price{color:var(--text-secondary);text-align:center;background:var(--background-teritiary);border-radius:8px;margin:0;padding:12px;font-size:13px}.product-modal__floating-price span{color:var(--primary-colors-secondary);font-weight:600}.product-modal__footer{border-top:1px solid var(--border-color-default);z-index:1;background:0 0;border-radius:0 0 16px 16px;padding:24px 32px 32px;position:relative}.product-modal__error-message{background:color-mix(in srgb,var(--primary-colors-main)14%,transparent);border:1px solid color-mix(in srgb,var(--primary-colors-main)38%,transparent);border-radius:var(--card-radius);color:var(--primary-colors-main);margin-bottom:16px;padding:12px;font-size:14px}.product-modal__purchase{flex-direction:column;gap:16px;display:flex}.product-modal__purchase-top{justify-content:flex-end;align-items:center;gap:12px;display:flex}.product-modal__purchase-count{color:var(--text-secondary);font-size:16px;font-weight:600}.product-modal__purchase-price-wrapper{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.product-modal__purchase-price{color:var(--text-primary);align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.product-modal__purchase-selected-name{color:var(--text-secondary);text-align:right;font-size:14px;font-weight:500}.product-modal__purchase-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.product-modal__quantity-wrapper{align-items:center;gap:8px;display:flex}.product-modal__quantity{align-items:center;gap:12px;display:flex}.product-modal__quantity-btn{background:var(--background-teritiary);cursor:pointer;width:24px;height:24px;color:var(--text-primary);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s;display:flex}.product-modal__quantity-btn:hover:not(:disabled){background:var(--background-main)}.product-modal__quantity-btn:disabled{opacity:.4;cursor:not-allowed}.product-modal__quantity-text{color:var(--text-primary);text-align:center;justify-content:center;align-items:center;min-width:50px;font-size:16px;font-weight:500;display:flex}.product-modal__quantity-count{color:var(--text-secondary);margin-left:4px;font-size:13px;font-weight:400}