.product-modal-overlay--stack-top{z-index:10050}.product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:flex-start;justify-content:center;z-index:10000;padding:40px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}@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{position:relative;background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-teritiary) 50%,var(--background-secondary) 100%);border-radius:var(--block-radius);max-width:500px;width:100%;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.05);border:1px solid var(--border-color-default);overflow:visible}.product-modal:after,.product-modal:before{content:"❄";position:absolute;color:hsla(0,0%,100%,.15);font-size:24px;pointer-events:none;z-index:0}.product-modal:before{top:10%;left:8%;filter:blur(2px);transform:scale(.8)}.product-modal:after{bottom:15%;right:10%;filter:blur(3px);transform:scale(1.2);font-size:32px}.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-create .product-modal__content,.product-modal--clan-edit .product-modal__content,.product-modal--clan-leave .product-modal__content,.product-modal--clan-news .product-modal__content{padding-top:20px;padding-bottom:24px}.product-modal--server-commands{max-width:min(560px,100%)}.product-modal--server-commands .product-modal__content{padding-top:20px;padding-bottom:24px}.product-modal--server-commands .product-modal__content--scrollable{max-height:min(78vh,640px)}.product-modal--partner{max-width:920px}.product-modal--partner .product-modal__content{padding:20px 24px 24px}.product-modal__snowflake{position:absolute;color:hsla(0,0%,100%,.12);pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none}.product-modal__snowflake--1{top:5%;left:5%;font-size:16px;filter:blur(1px);transform:scale(.7)}.product-modal__snowflake--2{top:20%;right:8%;font-size:20px;filter:blur(2px);transform:scale(.9)}.product-modal__snowflake--3{top:50%;left:3%;font-size:14px;filter:blur(1.5px);transform:scale(.6)}.product-modal__snowflake--4{bottom:25%;right:5%;font-size:28px;filter:blur(3px);transform:scale(1.3)}.product-modal__snowflake--5{top:35%;left:12%;font-size:18px;filter:blur(2.5px);transform:scale(1.1)}.product-modal__snowflake--6{bottom:10%;left:8%;font-size:22px;filter:blur(2px);transform:scale(.8)}.product-modal__close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--background-teritiary);border:1px solid var(--border-color-default);border-radius:var(--card-radius);cursor:pointer;z-index:10}.product-modal__close:hover{background:var(--background-main);border-color:var(--border-color-hover)}.product-modal__close .mui-icon{color:var(--text-primary)}.product-modal__error,.product-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;text-align:center}.product-modal__header{padding:24px 32px;border-bottom:1px solid var(--border-color-default);position:relative;z-index:1}.product-modal__title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.product-modal__content{padding:32px;position:relative;z-index:1}.product-modal__content--scrollable{max-height:min(70vh,640px);overflow-y:auto;-webkit-overflow-scrolling:touch}.product-modal__footer-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center}.product-modal__image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:32px;min-height:200px}.product-modal__light{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;opacity:.6;filter:blur(20px)}.product-modal__image{width:200px;height:200px;object-fit:contain;position:relative;z-index:1;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 rgba(0,0,0,.4))}.product-modal__info{display:flex;flex-direction:column;gap:20px}.product-modal__subdrops{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px 8px;margin-bottom:4px}.product-modal__subdrop{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px 4px 8px;background:color-mix(in srgb,var(--background-teritiary) 88%,var(--background-main));border:1px solid var(--border-color-default);border-radius:var(--card-radius);text-align:center;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.product-modal__subdrop:hover{border-color:var(--border-color-hover);box-shadow:0 2px 12px color-mix(in srgb,var(--primary-colors-main) 12%,transparent)}.product-modal__subdrop-image-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin-bottom:4px;z-index:1}.product-modal__subdrop-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px color-mix(in srgb,#000 35%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--primary-colors-main) 18%,transparent));padding:2px;transition:transform .2s ease}.product-modal__subdrop:hover .product-modal__subdrop-image{transform:scale(1.06)}.product-modal__subdrop-boost{position:absolute;bottom:2px;right:2px;background:var(--badge-background);color:var(--badge-text-color);padding:1px 5px;border-radius:var(--card-radius);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.35;z-index:2;box-shadow:0 1px 4px color-mix(in srgb,#000 40%,transparent);border:1px solid color-mix(in srgb,var(--badge-text-color) 22%,transparent)}.product-modal__subdrop-title{font-size:11px;color:var(--text-secondary);margin:0;font-weight:500;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;width:100%;max-width:100%;z-index:1;word-break:break-word}.product-modal__select-header{margin-bottom:0}.product-modal__select-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.product-modal__select-title-hint{display:inline-flex;align-items:center;cursor:help;color:var(--text-secondary);opacity:.7;transition:opacity .2s ease}.product-modal__select-title-hint:hover{opacity:1}.product-modal__select-title-hint .mui-icon{font-size:16px}.product-modal__select-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:8px}@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{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px;background:var(--background-teritiary);border:2px solid var(--border-color-default);border-radius:var(--card-radius);cursor:pointer;gap:8px;min-width:0;width:100%}.product-modal__select-card:hover{background:var(--background-main);border-color:var(--primary-colors-secondary)}.product-modal__select-card--active{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,.product-modal__select-card--active:hover{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))}.product-modal__select-card-image-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--background-secondary);border-radius:var(--card-radius);overflow:hidden}.product-modal__select-card-image{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.product-modal__select-card-price{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-weight:700;font-size:12px;padding:4px 8px;border-radius:var(--card-radius);display:flex;align-items:center;gap:4px;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.3)}.product-modal__select-card-name{font-weight:500;font-size:13px;color:var(--text-primary);text-align:center;line-height:1.4;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;min-width:0;flex-shrink:1}.product-modal__price{font-size:36px;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px;line-height:1.2;letter-spacing:-.5px}.product-modal__description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0}.product-modal__description .vip-description{margin-top:4px;padding:18px 18px 20px;border-radius:var(--block-radius);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 rgba(0,0,0,.22)}.product-modal__description .vip-description h3{margin:0 0 16px;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:.02em;color:var(--text-primary);padding-bottom:12px;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-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.product-modal__description .vip-description h3{color:var(--text-primary);background:none;-webkit-text-fill-color:unset}}.product-modal__description .vip-description ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.product-modal__description .vip-description li{margin:0;padding:12px 14px;border-radius:var(--card-radius);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);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;line-height:1.55}.product-modal__description .vip-description .command{flex:0 1 auto;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:600;letter-spacing:.03em;padding:5px 10px;border-radius:var(--card-radius);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);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent);max-width:100%;word-break:break-word}.product-modal__description .vip-description .feature-name{flex:0 1 auto;font-weight:700;font-size:14px;color:var(--text-primary);max-width:100%}.product-modal__description .vip-description .feature-desc{flex:1 1 220px;margin:0;font-size:14px;color:var(--text-secondary);min-width:min(100%,200px)}.product-modal__count{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;padding:8px 12px;background:var(--background-teritiary);border-radius:var(--card-radius);display:inline-block;width:fit-content}.product-modal__info-block{display:flex;align-items:flex-start;gap:12px;padding:16px;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);border-radius:var(--card-radius);font-size:14px;line-height:1.5;color:var(--text-primary)}.product-modal__info-block .mui-icon{color:var(--primary-colors-secondary);flex-shrink:0;margin-top:2px}.product-modal__floating-price{font-size:13px;color:var(--text-secondary);text-align:center;margin:0;padding:12px;background:var(--background-teritiary);border-radius:var(--card-radius)}.product-modal__floating-price span{color:var(--primary-colors-secondary);font-weight:600}.product-modal__withdraw-hint{display:flex;align-items:flex-start;gap:12px;margin:16px 0 0;padding:12px 16px;background:var(--background-teritiary);border:1px solid var(--border-color-default);border-radius:var(--card-radius);font-size:13px;line-height:1.45;color:var(--text-secondary);text-align:left}.product-modal__withdraw-hint-icon{flex-shrink:0;display:inline-flex;margin-top:2px;color:var(--primary-colors-secondary)}.product-modal__withdraw-hint-text a{color:var(--primary-colors-secondary);text-decoration:underline;word-break:break-all}.product-modal__footer{padding:24px 32px 32px;border-top:1px solid var(--border-color-default);background:rgba(0,0,0,0);border-radius:0 0 var(--block-radius) var(--block-radius);position:relative;z-index:1}.product-modal__error-message{padding:12px;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;font-size:14px;white-space:pre-line;word-break:break-word}.product-modal__error-message a{color:inherit;text-decoration:underline}.product-modal__purchase{display:flex;flex-direction:column;gap:16px}.product-modal__purchase-top{display:flex;align-items:center;justify-content:flex-end;gap:12px}.product-modal__purchase-count{font-size:16px;font-weight:600;color:var(--text-secondary)}.product-modal__purchase-price-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.product-modal__purchase-price{font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.product-modal__purchase-selected-name{font-size:14px;font-weight:500;color:var(--text-secondary);text-align:right}.product-modal__purchase-actions{display:flex;align-items:center;gap:12px;justify-content:space-between}.product-modal__quantity-wrapper{display:flex;align-items:center;gap:8px}.product-modal__quantity{display:flex;align-items:center;gap:12px}.product-modal__quantity-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--background-teritiary);border:1px solid var(--border-color-default);border-radius:var(--card-radius);cursor:pointer;transition:background-color .2s ease;color:var(--text-primary);padding:0;flex-shrink:0}.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{font-size:16px;font-weight:500;color:var(--text-primary);min-width:50px;text-align:center;display:flex;align-items:center;justify-content:center}.product-modal__quantity-count{font-size:13px;font-weight:400;color:var(--text-secondary);margin-left:4px}