.storefront{--bg:#0d0b0f;--surface:#171419;--surface-2:#211b22;--text:#ede7eb;--muted:#a497a1;--line:#ffffff10;--wine-deep:#662039;--wine-soft:#a84a65;color-scheme:dark;background:var(--bg);color:var(--text)}
:root[data-palette="gray"] .storefront{--bg:#28272d;--surface:#333139;--surface-2:#3c3942;--text:#f2edf0;--muted:#beb3bd;--line:#ffffff18;--wine-deep:#71283e;--wine-soft:#ae5870}
:root[data-palette="gray"] .storefront .hero h1,:root[data-palette="gray"] .storefront .wordmark-outline,:root[data-palette="gray"] .storefront .page-title>span,:root[data-palette="gray"] .storefront .store-panel h2>span{color:var(--wine-soft)}
.storefront .site-header,.storefront footer{background:var(--bg);border-color:var(--line)}
.storefront .brand-world{color:var(--accent)}
.storefront .header-inner{gap:22px}
.storefront .header-inner nav{gap:22px}
.storefront .header-inner nav .active{color:#f5edf1}
.storefront .palette-button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:20px;padding:9px 12px;font-size:11px}
.storefront .palette-button:hover{border-color:var(--wine-soft)}
.storefront .particles-control{display:flex;align-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:22px;background:var(--surface-2);overflow:hidden}
.storefront .particles-button,.storefront .particles-menu-button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:var(--muted);padding:9px 10px;font-size:11px;white-space:nowrap;line-height:1.6}
.storefront .particles-button svg{width:16px;height:16px}
.storefront .particles-button[aria-pressed="true"]{color:#efb3c4;background:#a43e5920}
.storefront .particles-menu-button{padding:10px 6px;border-left:1px solid var(--line)}
.storefront .particles-control:has(button:hover){border-color:var(--wine-soft)}
.storefront .particles-control button:focus-visible{outline:2px solid #d896ae;outline-offset:-3px}
.site-particles{position:fixed;inset:0;width:100%;height:100%;z-index:40;pointer-events:none}
.storefront .particles-menu{position:fixed;z-index:100;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:20px;border:1px solid #a758704a;border-radius:22px;background:linear-gradient(145deg,#28202bf5,#151219f5);box-shadow:0 20px 70px #0009,0 0 45px #a43e5912;backdrop-filter:blur(24px);color:#f5edf1;animation:particles-menu-in .18s ease-out}
.particles-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.particles-menu-heading span{font-size:8px;font-weight:800;letter-spacing:1.8px;color:#c6889d}
.particles-menu-heading h3{font-size:21px;margin:5px 0 0;letter-spacing:-.5px}
.particles-close{border:1px solid #ffffff12;background:#ffffff06;color:#cbbbc7;border-radius:10px;width:30px;height:30px;font-size:22px;line-height:1}
.particles-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.particle-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:14px;border:1px solid #ffffff0f;border-radius:14px;background:#ffffff03;color:#f5edf1;text-align:left;transition:border-color .2s,background .2s,transform .2s}
.particle-option:hover{background:#ffffff08;border-color:color-mix(in srgb,var(--particle-color) 40%,transparent);transform:translateY(-2px)}
.particle-option[aria-pressed="true"]{border-color:color-mix(in srgb,var(--particle-color) 65%,transparent);background:color-mix(in srgb,var(--particle-color) 9%,#211a23)}
.particle-preview{display:grid;place-items:center;width:38px;height:38px;margin-bottom:5px;border-radius:12px;color:var(--particle-color);background:color-mix(in srgb,var(--particle-color) 10%,transparent)}
.particle-preview svg{width:23px;height:23px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--particle-color) 40%,transparent))}
.particle-option strong{font-size:12px;font-weight:750}
.particle-option small{font-size:10px;color:#a99aaa}
.particle-check{position:absolute;top:12px;right:12px;color:var(--particle-color);font-size:13px;opacity:0}
.particle-option[aria-pressed="true"] .particle-check{opacity:1}
.particles-menu-tip{font-size:9px;text-align:center;color:#ab95a3;margin:16px 0 0;line-height:1.5}
.particle-option:focus-visible,.particles-close:focus-visible{outline:2px solid #e2a4bd;outline-offset:2px}
@keyframes particles-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.storefront .header-inner{gap:12px}.storefront .particles-button{padding:8px}.storefront .particles-button>span{display:none}}
@media(max-width:650px){.storefront .particles-button{padding:8px}.storefront .particles-menu-button{padding:9px 5px}.storefront .particles-menu{padding:16px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.storefront .particles-menu{animation:none}.particle-option{transition:none}.particle-option:hover{transform:none}}
.storefront .particles-button>span{display:none}
.storefront .particles-control{width:34px;height:34px;border-radius:50%;justify-content:center;margin-right:-14px}
.storefront .particles-control .particles-button{width:100%;height:100%;padding:0;border-radius:50%}
.storefront .effects-button-icon{width:21px;height:21px;object-fit:contain;display:block;filter:drop-shadow(0 0 4px #c76d7d30)}
.storefront .particles-menu-button{border-left:0;padding-left:0}
.storefront .particles-menu{width:260px;padding:14px;border-radius:16px;background:#1d181f;box-shadow:0 15px 45px #0007;backdrop-filter:none;border-color:#a7587038}
.particles-menu-heading{margin-bottom:12px}
.particles-menu-heading h3{margin:0;font-size:14px;letter-spacing:0;font-weight:700}
.particles-close{width:25px;height:25px;font-size:18px;border-radius:8px}
.particles-options{gap:6px}
.particle-option{flex-direction:row;align-items:center;gap:8px;padding:9px 8px;border-radius:10px;min-height:43px}
.particle-option:hover{transform:none;background:#ffffff07}
.particle-preview{width:24px;height:24px;border-radius:7px;margin:0;background:transparent}
.particle-preview svg{width:20px;height:20px;filter:none}
.particle-option strong{font-size:11px}
.particle-check{position:static;margin-left:auto;font-size:10px}
.particles-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:11px 2px 0;border:0;border-top:1px solid #ffffff0c;background:transparent;color:#b9aab5;font-size:11px}
.particles-switch{position:relative;width:31px;height:18px;border-radius:20px;background:#49404a;transition:background .2s}
.particles-switch:after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:#ddd2dc;border-radius:50%;transition:transform .2s}
.particles-toggle[aria-pressed="true"] .particles-switch{background:#a84a65}
.particles-toggle[aria-pressed="true"] .particles-switch:after{transform:translateX(13px);background:#fff}
.particles-toggle[aria-pressed="true"]{color:#eadce5}
.particles-toggle:focus-visible{outline:2px solid #d896ae;outline-offset:4px;border-radius:3px}
@media(max-width:1100px){.storefront .particles-control{margin-right:-4px}}
@media(max-width:650px){.storefront .particles-menu{padding:14px;border-radius:16px}.storefront .particles-control{margin-right:-2px}}
.storefront .cart-button,.storefront .button.primary{background:linear-gradient(135deg,var(--wine-soft),var(--wine-deep));border-color:#ffffff0c;box-shadow:0 8px 25px #3c0c2426;color:#fff}
.storefront .button.primary:hover{background:linear-gradient(135deg,var(--accent),var(--wine-deep));box-shadow:0 8px 25px #3c0c2440}
.storefront .hero{background:var(--bg)}
.storefront .hero-image{filter:brightness(.38) saturate(.55)}
.storefront .hero-shade{background:linear-gradient(0deg,var(--bg),#100b1330 40%,#100b1355),linear-gradient(90deg,#130b1640,#0c0a1550)}
:root[data-palette="gray"] .storefront .hero-image{filter:brightness(.55) saturate(.45)}
.storefront .hero-brand{padding-bottom:65px}
.storefront .hero h1{color:var(--accent);text-shadow:0 3px 22px #0c060ded,0 1px 1px #000;font-size:clamp(80px,8.3vw,120px)}
.storefront .wordmark-outline{color:var(--accent);-webkit-text-stroke:0}
.storefront .wordmark-dot{color:var(--wine-soft)}
.storefront .hero-brand-content{container-type:inline-size}
.storefront .hero h1.hero-domain{font-size:clamp(24px,12cqw,86px);line-height:1.1;letter-spacing:-.045em;white-space:nowrap}
.storefront .hero h1.hero-domain>span,.storefront .hero-domain .domain-tld{display:inline}
.storefront .hero-domain .domain-tld{color:#d99bad;font-size:.76em;letter-spacing:-.035em}
.storefront .hero-meta{color:var(--muted)}
.storefront .hero-actions .button.ghost{background:color-mix(in srgb,var(--surface) 90%,transparent);border-color:var(--line)}
.storefront .ip-label{color:#f1cbd7}
.storefront .store-panel,.storefront .hero-offers{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--line);box-shadow:0 15px 45px #0002}
.storefront .store-panel h2>span{color:var(--accent)}
.storefront .store-stats>div{border-color:var(--line)}
.storefront .store-stats>div>svg{background:linear-gradient(var(--wine-soft),var(--wine-deep))}
.storefront .store-stats small{color:var(--muted)}
.storefront .hero-offer{background:radial-gradient(circle at 50% 45%,#543255,#211725 95%);border-color:#ffffff15}
.storefront .offer-2{background:radial-gradient(circle at 50% 45%,#69502d,#2f241c 95%)}
.storefront .offer-3{background:radial-gradient(circle at 50% 45%,#692a40,#29151e 95%)}
.storefront .hero-offer.offer-illustrated{isolation:isolate;width:100%;box-sizing:border-box;aspect-ratio:.57;min-height:270px;padding:19px 10px 16px;border:1px solid #ffffff25;border-radius:12px;background:#084f91}
.storefront .hero-offer.offer-illustrated.offer-2{background:#c28b14}
.storefront .hero-offer.offer-illustrated.offer-3{background:#ed2410}
.storefront .offer-illustrated .offer-character{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transition:transform .45s ease}
.storefront .offer-illustrated:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0004 0%,transparent 28%,transparent 60%,#0009 100%)}
.storefront .hero-offer.offer-illustrated h3{position:relative;z-index:2;min-height:0;max-width:100%;margin:0;font-size:clamp(13px,1.2vw,18px);line-height:1.2;letter-spacing:-.3px;text-transform:uppercase;font-weight:900;text-shadow:0 2px 8px #0008}
.storefront .hero-offer.offer-illustrated>strong{position:relative;z-index:2;margin-top:auto;font-size:clamp(30px,2.8vw,44px);line-height:1.05;letter-spacing:-1.6px;font-weight:900;text-shadow:0 3px 12px #0007}
.storefront .offer-illustrated .offer-link{position:relative;z-index:2;color:#fff;font-size:9px;margin-top:8px;text-shadow:0 1px 4px #0008}
@media(hover:hover){.storefront .offer-illustrated:hover .offer-character{transform:scale(1.055)}}
.storefront .hero-offer.offer-illustrated:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:900px){.storefront .hero-offer.offer-illustrated{min-height:235px;padding:16px 6px 13px}.storefront .hero-offer.offer-illustrated h3{font-size:12px}.storefront .hero-offer.offer-illustrated>strong{font-size:29px}}
@media(max-width:650px){.storefront .hero-offer.offer-illustrated{min-height:220px;padding:15px 5px 13px}.storefront .hero-offer.offer-illustrated h3{font-size:12px}.storefront .hero-offer.offer-illustrated>strong{font-size:28px}.storefront .offer-illustrated .offer-link{font-size:8px;gap:3px}.storefront .offer-illustrated .offer-link svg{width:12px;height:12px}}
@media(max-width:360px){.storefront .hero-offer.offer-illustrated{min-height:200px}.storefront .hero-offer.offer-illustrated h3{font-size:10px}.storefront .hero-offer.offer-illustrated>strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.storefront .offer-illustrated .offer-character{transition:none}.storefront .offer-illustrated:hover .offer-character{transform:none}}
.storefront .store-all-link,.storefront .feature-item p{color:var(--muted)}
.storefront .feature-item h3{color:var(--text)}
.storefront .shop-section{background:var(--surface);border:1px solid var(--line);color:var(--text)}
.storefront .section-heading h2{color:var(--text)}
.storefront .section-heading p{color:var(--muted)}
.storefront .catalog-toolbar{border-color:var(--line)}
.storefront .tab{color:var(--muted)}
.storefront .tab.selected{background:var(--surface-2);border-color:var(--wine-deep);color:#eac5d2}
.storefront .tab:hover{background:var(--surface-2)}
.storefront .search{background:var(--bg);border-color:var(--line);color:var(--muted)}
.storefront .search input,.storefront .search input::placeholder{color:var(--muted)}
.storefront .product-card,.storefront .product-card.featured{background:var(--surface-2);border-color:var(--line);box-shadow:none}
.storefront .product-art{background:transparent}
.storefront .product-art img{filter:drop-shadow(0 10px 20px #0004)}
.storefront .product-card:hover{border-color:var(--wine-soft);box-shadow:0 10px 30px #0002}
.storefront .product-title h3,.storefront .product-bottom strong{color:var(--text)}
.storefront .product-info>p,.storefront .permanent{color:var(--muted)}
.storefront .product-bottom>span{background:var(--wine-deep);color:#f8e4eb}
.storefront .product-badge{background:#56283a;color:#e7bccb}
.storefront .payment-note{background:var(--bg);color:var(--muted)}
.storefront .faq-section h2,.storefront .faq-list summary{color:var(--text)}
.storefront .faq-section>div>p,.storefront .faq-list p{color:var(--muted)}
.storefront .news-card{background:var(--surface);color:var(--text);border-color:var(--line)}
.storefront .footer-links,.storefront .footer-top>p{color:var(--muted)}
.storefront .footer-bottom{color:var(--muted);border-color:var(--line)}
.storefront dialog{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 20px 80px #0006}
.storefront dialog::backdrop{background:#09080cad;backdrop-filter:blur(6px)}
.storefront .icon-button{background:var(--surface-2);border-color:var(--line);color:var(--muted)}
.storefront .detail-icon,.storefront .cart-checkout{background:var(--surface-2);border-color:var(--line)}
.storefront .detail-price,.storefront .cart-total strong,.storefront .cart-empty h3{color:var(--text)}
.storefront .feature-list li,.storefront .field{color:var(--muted);border-color:var(--line)}
.storefront .callout{background:var(--surface-2);border-color:var(--line);color:var(--muted)}
.storefront .field input,.storefront .copy-field,.storefront .quantity button{background:var(--bg);color:var(--text);border-color:var(--line)}
.storefront .cart-item{border-color:var(--line)}
.storefront .cart-item-actions>.nav-link{color:var(--muted)}
.storefront dialog .button.ghost{background:var(--surface-2);border-color:var(--line);color:var(--text)}
.storefront .empty-state h3{color:var(--text)}
.storefront .text-link{color:#d49aad}
.storefront .server-nav{position:relative}
.storefront .server-nav summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;color:inherit;padding:9px 0}
.storefront .server-nav summary::-webkit-details-marker{display:none}
.storefront .server-nav[open] summary{color:var(--text)}
.storefront .server-nav[open] summary>svg{transform:rotate(180deg)}
.storefront .server-dropdown{position:absolute;top:40px;left:-18px;width:280px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:17px;box-shadow:0 15px 45px #0005;z-index:10}
.storefront .server-dropdown a{display:flex;gap:13px;align-items:center;padding:12px 10px;border-radius:10px;text-transform:none;letter-spacing:0;color:var(--text)}
.storefront .server-dropdown a:hover{background:#ffffff08}
.storefront .server-dropdown a>svg{background:var(--surface);border:1px solid var(--line);padding:9px;box-sizing:content-box;border-radius:9px;color:#ceb7c4}
.storefront .server-dropdown strong{display:block;font-size:13px;font-weight:750}
.storefront .server-dropdown small{display:block;font-size:10px;color:var(--muted);font-weight:500;margin-top:2px}
.storefront .portal-page{padding-top:55px;padding-bottom:65px;min-height:65vh}
.storefront .page-title{font-size:48px;letter-spacing:-2px;line-height:1.12;font-weight:800;margin-bottom:34px;color:var(--text)}
.storefront .page-title>span,.storefront .subsection-title>span{color:var(--accent)}
.storefront .page-title>span{display:inline-block;margin-left:.12em}
.storefront .page-description{color:var(--muted);font-size:14px;margin-top:-15px;margin-bottom:35px}
.storefront .rules-page{padding:55px 0 70px;background:transparent;border:0;border-radius:0;margin-top:0}
.storefront .rules-page>.page-title{font-size:48px;margin-bottom:24px}
.storefront .rules-intro{font-size:14px;color:var(--muted)}
.storefront .rules-nav>a{background:transparent;color:var(--muted);border-color:var(--line)}
.storefront .rules-nav>a:hover{color:var(--text)}
.storefront .rules-nav>a>span{color:var(--wine-soft)}
.storefront .rule-section{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:25px 28px}
.storefront .rule-section-title{border-color:var(--line);margin-bottom:0;padding-bottom:18px}
.storefront .rule-section-title>span,.storefront .rule-number{color:var(--wine-soft)}
.storefront .rule-section-title h2{font-size:21px;color:var(--text)}
.storefront .rule-card{color:var(--text);font-size:13px;border-color:var(--line);line-height:1.85;padding:18px 0}
.storefront .rule-card:last-child{border:0;padding-bottom:0}
.storefront .rule-number{font-size:12px}
.storefront .offer-slide{position:relative;border-radius:23px;background:radial-gradient(ellipse at 80% 70%,#ae3a5c88,transparent 60%),linear-gradient(115deg,#4c182d,#812b46);border:1px solid #c6748825;min-height:365px;overflow:clip;padding:35px 40px 58px;margin-bottom:45px}
.storefront .offer-slide-content{position:relative;max-width:60%;z-index:1}
.storefront .offer-label{font-size:10px;letter-spacing:1.6px;color:#e7baca;font-weight:800}
.storefront .offer-slide h2{font-size:36px;color:#fff;margin:17px 0 14px;max-width:550px}
.storefront .offer-slide-price{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.storefront .offer-slide-price strong{font-size:32px;letter-spacing:-1.2px}
.storefront .offer-slide-price s{color:#deb5c2;font-size:16px}
.storefront .offer-slide-content>p{font-size:13px;color:#f0d4de;max-width:440px;margin-bottom:12px}
.storefront .offer-slide-content>.offer-saving{font-size:11px;color:#dbb0bf;margin-bottom:20px}
.storefront .offer-buy{background:#f4e9ee;color:#461526;font-weight:700;border:0;box-shadow:none}
.storefront .offer-buy:hover{background:#fff;transform:none}
.storefront .offer-slide-character{position:absolute;right:15px;bottom:-65px;height:450px;width:auto;pointer-events:none;filter:drop-shadow(0 10px 25px #17081750)}
.storefront .offer-slide-controls{display:flex;align-items:center;gap:7px;position:absolute;bottom:20px;left:37px;z-index:1}
.storefront .offer-slide-controls button{padding:0;border:0;background:#ffffff60;border-radius:10px;width:6px;height:6px}
.storefront .offer-slide-controls button[aria-pressed="true"]{width:22px;background:#fff}
.storefront .offer-slide-controls button:first-child,.storefront .offer-slide-controls button:last-child{display:grid;place-items:center;background:none;color:#fff;width:23px;height:22px;margin-inline:4px}
.storefront .offer-slide-controls button:first-child svg{transform:rotate(180deg)}
.storefront .subsection-title{font-size:30px;margin-bottom:28px}
.storefront .combo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.storefront .combo-card{border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 80% 50%,#652e4330,transparent),var(--surface);text-align:left;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;gap:15px;color:var(--text)}
.storefront .combo-card:hover{border-color:var(--wine-soft)}
.storefront .combo-card>div{flex:1;min-width:0}
.storefront .combo-card h3{font-size:19px;margin:12px 0 10px;color:var(--text)}
.storefront .combo-saving{font-size:42px;line-height:1;font-weight:800;letter-spacing:-1px;color:var(--accent)}
.storefront .combo-label{font-size:12px;color:var(--muted)}
.storefront .combo-card strong{font-size:24px}
.storefront .combo-card img{height:150px;width:150px;object-fit:contain;filter:drop-shadow(0 10px 20px #0005)}
.storefront .combo-more{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:15px}
.storefront .offers-footnote{font-size:11px;margin-top:20px;color:var(--muted)}
.storefront .contacts-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.storefront .contact-cards{display:flex;flex-direction:column;gap:14px}
.storefront .contact-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:23px 20px;display:flex;align-items:center;gap:16px;text-align:left;color:var(--text)}
.storefront .contact-card:hover{border-color:var(--wine-soft)}
.storefront .contact-card>svg{margin-left:auto;color:var(--muted)}
.storefront .contact-symbol{background:var(--surface-2);color:#c596a8;padding:12px;border:1px solid #a8586a25;border-radius:10px;line-height:1}
.storefront .contact-card strong{display:block;font-size:14px}
.storefront .contact-card small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.storefront .contacts-art{max-width:100%;width:460px;max-height:590px;object-fit:contain;filter:drop-shadow(0 25px 50px #3d162e50)}
.storefront .panel-surface{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:25px}
.storefront .monitor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.storefront .monitor-heading h1{margin:0}
.storefront .monitor-heading .button{background:var(--surface);color:var(--muted);border-color:var(--line);font-size:11px;padding:11px 15px}
.storefront .monitor-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:20px}
.storefront .monitor-stats>div{padding:0 25px;border-right:1px solid var(--line)}
.storefront .monitor-stats>div:first-child{padding-left:0}
.storefront .monitor-stats>div:last-child{border:0}
.storefront .monitor-stats span{display:block;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-weight:700}
.storefront .monitor-stats strong{display:block;font-size:39px;line-height:1.2;letter-spacing:-1px;margin-top:9px}
.storefront .monitor-stats .monitor-state{font-size:25px;margin-top:15px}
.storefront .chart-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}
.storefront .chart-heading h2{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:1px;margin:0}
.storefront .chart-heading h2>svg{color:var(--wine-soft)}
.storefront .chart-ranges{display:flex;gap:6px}
.storefront .chart-ranges button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);padding:6px 9px;border-radius:8px;font-size:10px;white-space:nowrap}
.storefront .chart-ranges button[aria-pressed="true"]{background:var(--wine-deep);color:#fff}
.storefront .chart-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--wine-soft)}
.storefront .chart-empty h3{font-size:17px;color:var(--text);margin:17px 0 8px}
.storefront .chart-empty p{font-size:12px;color:var(--muted)}
.storefront .chart-note{font-size:10px;color:var(--muted);margin:15px 0 0}
.storefront .online-chart{width:100%;height:auto;display:block}
.storefront .online-chart line{stroke:var(--line);stroke-width:1}
.storefront .online-chart text{fill:var(--muted);font-size:11px}
.storefront .online-chart .chart-line{fill:none;stroke:var(--wine-soft);stroke-width:3}
.storefront .online-chart circle{fill:var(--wine-soft)}
.storefront .monitor-server{display:flex;align-items:center;gap:20px;margin-top:22px}
.storefront .monitor-server>span{color:var(--wine-soft)}
.storefront .monitor-server h2{font-size:17px;margin:0 0 5px}
.storefront .monitor-server p{font-size:12px;color:var(--muted);margin:0}
.storefront .monitor-server .button{margin-left:auto}
.storefront .game-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.storefront .game-guide-card{position:relative}
.storefront .game-guide-card>svg{color:var(--wine-soft);margin-bottom:22px}
.storefront .guide-number{position:absolute;right:23px;top:21px;font-size:24px;font-weight:800;color:#ffffff15}
.storefront .game-guide-card h2{font-size:20px;margin-bottom:14px}
.storefront .game-guide-card p{font-size:12px;color:var(--muted);line-height:1.75;margin-bottom:8px}
.storefront .guide-note{margin-top:23px;display:flex;align-items:center;gap:18px;font-size:13px;color:var(--muted)}
.storefront .guide-note>svg{color:var(--wine-soft)}
.storefront .guide-note h3{font-size:14px;color:var(--text);margin-bottom:8px}
.storefront .guide-note p{font-size:11px;color:var(--muted);margin:0;line-height:2}
@media(max-width:1100px){.storefront .header-inner{gap:16px}.storefront .header-inner nav{gap:18px;font-size:10px}.storefront .brand{font-size:20px}.storefront .page-title,.storefront .rules-page>.page-title{font-size:40px}.storefront .contacts-layout{gap:30px}.storefront .offer-slide h2{font-size:30px}.storefront .combo-card{padding:25px}.storefront .combo-card img{width:130px;height:130px}}
@media(max-width:900px){.storefront .hero h1{font-size:70px}.storefront .header-inner{gap:12px}.storefront .header-inner nav{gap:13px;font-size:9px}.storefront .palette-button{padding:8px 10px;font-size:10px}.storefront .cart-button{padding:10px}.storefront .offer-slide{padding:30px 28px 58px}.storefront .offer-slide-character{height:365px;right:-35px}.storefront .offer-slide-content{max-width:65%}.storefront .offer-slide h2{font-size:26px}.storefront .combo-card h3{font-size:16px}.storefront .combo-card img{width:105px;height:105px}.storefront .contact-card{padding:18px 15px;gap:12px}.storefront .contact-card strong{font-size:12px}.storefront .contact-symbol{padding:9px}.storefront .monitor-stats strong{font-size:30px}.storefront .game-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.storefront .header-inner{justify-content:flex-start;gap:9px;padding-block:13px}.storefront .brand{font-size:19px;margin-right:auto}.storefront .palette-button{font-size:10px;padding:8px 10px}.storefront .palette-button svg{width:14px;height:14px}.storefront .cart-button>span{display:none}.storefront .cart-button{padding:9px}.storefront .header-inner nav{gap:0;justify-content:space-between;font-size:8px;letter-spacing:.7px;order:3;flex-basis:100%;width:100%}.storefront .server-nav summary{padding:0}.storefront .server-dropdown{left:-85px;top:25px;width:255px;padding:10px}.storefront .server-dropdown small{font-size:10px}.storefront .hero-brand{padding-bottom:35px;height:530px}.storefront .hero-brand-content{padding-top:310px}.storefront .hero h1{font-size:clamp(65px,18vw,108px);margin-bottom:22px}.storefront .hero-content{padding-top:105px}.storefront .hero-meta{font-size:10px}.storefront .hero-store{padding-top:0}.storefront .hero-offers{margin-top:11px}.storefront .portal-page{padding-top:35px;padding-bottom:45px}.storefront .page-title,.storefront .rules-page>.page-title{font-size:31px;letter-spacing:-1px;margin-bottom:25px}.storefront .page-description{font-size:12px}.storefront .rules-page{padding-top:35px}.storefront .rules-intro{font-size:12px;margin-bottom:25px}.storefront .rules-nav>a{background:var(--surface);font-size:10px;padding:8px}.storefront .rule-section{padding:20px 14px;border-radius:13px}.storefront .rule-section-title{gap:10px}.storefront .rule-section-title>span{font-size:20px}.storefront .rule-section-title h2{font-size:17px}.storefront .rule-card{font-size:12px;grid-template-columns:37px minmax(0,1fr);gap:6px}.storefront .rule-number{font-size:11px}.storefront .offer-slide{min-height:390px;padding:25px 22px 55px;margin-bottom:30px;border-radius:17px}.storefront .offer-slide-content{max-width:85%}.storefront .offer-slide h2{font-size:26px;max-width:270px}.storefront .offer-slide-content>p{font-size:12px;max-width:260px}.storefront .offer-slide-content>.offer-saving{font-size:10px;max-width:230px}.storefront .offer-slide-character{height:275px;bottom:-50px;right:-75px;opacity:.26}.storefront .offer-slide-price strong{font-size:29px}.storefront .offer-slide-controls{left:20px}.storefront .offer-buy{font-size:11px;padding:12px 14px}.storefront .subsection-title{font-size:24px}.storefront .combo-grid{grid-template-columns:1fr;gap:13px}.storefront .combo-card{padding:22px}.storefront .combo-card h3{font-size:17px}.storefront .combo-card img{width:115px;height:115px}.storefront .combo-saving{font-size:34px}.storefront .contacts-layout{grid-template-columns:1fr;gap:25px}.storefront .contacts-art{width:280px;justify-self:center;max-height:330px}.storefront .contact-card strong{font-size:13px}.storefront .monitor-heading{flex-wrap:wrap;gap:12px}.storefront .monitor-heading h1{margin:0}.storefront .monitor-stats{padding:18px 14px;gap:10px}.storefront .monitor-stats>div{padding:0 0 0 8px}.storefront .monitor-stats span{font-size:8px;letter-spacing:0}.storefront .monitor-stats strong{font-size:28px}.storefront .monitor-stats .monitor-state{font-size:13px;margin-top:20px}.storefront .panel-surface{border-radius:14px}.storefront .chart-panel{padding:18px 14px}.storefront .chart-heading h2{font-size:9px;letter-spacing:.5px;gap:6px}.storefront .chart-ranges button{font-size:8px;padding:6px}.storefront .chart-note{font-size:9px}.storefront .chart-empty h3{font-size:15px}.storefront .chart-empty p{font-size:11px}.storefront .monitor-server{flex-wrap:wrap;padding:18px;gap:14px}.storefront .monitor-server .button{margin:0;width:100%;font-size:12px}.storefront .game-guide-grid{grid-template-columns:1fr;gap:13px}.storefront .game-guide-card h2{font-size:20px}.storefront .guide-note{padding:18px;font-size:12px}.storefront .guide-note>svg{display:none}.storefront .offers-footnote{font-size:10px}}
.storefront .combo-intro{font-size:13px;color:var(--muted);margin:-8px 0 25px;max-width:650px}
.storefront .combo-purpose{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:#d4a1b5;margin:10px 0 9px}
.storefront .combo-price{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.storefront .combo-price s{font-size:13px;color:var(--muted);font-weight:500}.storefront .combo-price strong{font-size:26px}
.storefront .combo-ruble-saving{display:block;margin-top:8px;font-size:11px;color:#bdcdbf}.storefront .combo-more{margin-top:17px}
@media(max-width:650px){.storefront .combo-intro{font-size:12px;line-height:1.7;margin-bottom:20px}.storefront .combo-purpose{font-size:9px}.storefront .combo-price strong{font-size:24px}}

/* Store catalog: a dark game banner with compact category navigation. */
.storefront .shop-section{padding:0 0 38px;margin-top:35px;background:transparent;border:0;border-radius:0;--catalog-accent:#ed2639}
.storefront .catalog-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#100c10;padding:30px 38px 14px;margin-bottom:26px}
.storefront .catalog-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-2;filter:brightness(.7) saturate(.9);pointer-events:none}
.storefront .catalog-banner:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b090deb 0%,#0b090d9c 46%,#0b090d24 76%,#0b090d70),linear-gradient(0deg,#0b090df5 0%,#0b090d38 52%,#0b090d55)}
.storefront .catalog-eyebrow{font-size:10px;font-weight:800;letter-spacing:4px;line-height:1.5;color:#c3bdc4;margin-bottom:12px}
.storefront .catalog-heading h2{margin:0 0 20px;font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-2.6px;font-weight:900;color:#fff;text-transform:uppercase}
.storefront .catalog-heading h2>span{color:var(--catalog-accent)}
.storefront .catalog-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.storefront .catalog-banner .catalog-toolbar{position:relative;display:flex;flex-direction:row;align-items:center;gap:22px;margin:0;padding:0;border:0}
.storefront .catalog-banner .tabs{display:flex;flex:1;flex-wrap:nowrap;gap:18px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.storefront .catalog-banner .tabs::-webkit-scrollbar{display:none;width:0;height:0}
.storefront .catalog-banner .tab{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;height:48px;padding:0 4px;border:0;border-radius:0;background:transparent;color:#a6a0a5;font-size:12px;font-weight:800;line-height:1.2;text-transform:uppercase;transition:color .2s ease}
.storefront .catalog-banner .tab svg{width:16px;height:16px;flex-shrink:0}
.storefront .catalog-banner .tab:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--catalog-accent);transform:scaleX(0);transition:transform .25s ease}
.storefront .catalog-banner .tab.selected{background:transparent;color:#fff}
.storefront .catalog-banner .tab.selected svg{color:var(--catalog-accent)}
.storefront .catalog-banner .tab.selected:after{transform:scaleX(1)}
.storefront .catalog-banner .tab:hover{background:transparent;color:#fff}
.storefront .catalog-banner .search{display:flex;align-items:center;gap:10px;flex:0 0 186px;width:186px;max-width:none;height:42px;margin:0;padding:0 14px;border:1px solid #ffffff1a;border-radius:24px;background:#191418bf;color:#aaa2a9;backdrop-filter:blur(10px)}
.storefront .catalog-banner .search svg{flex-shrink:0;width:16px;height:16px}
.storefront .catalog-banner .search input{width:100%;min-width:0;font-size:12px;color:#fff}
.storefront .catalog-banner .search input::placeholder{color:#aaa2a9}
.storefront .catalog-banner .search:focus-within{border-color:var(--catalog-accent);box-shadow:0 0 0 3px #ed263916}
.storefront .catalog-banner .tab:focus-visible,.storefront .shop-section .product-card:focus-visible{outline:2px solid var(--catalog-accent);outline-offset:-2px}
.storefront .shop-section .product-grid{margin:0;gap:18px}
.storefront .shop-section .bundle-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;--bundle-columns:4;--bundle-gap:18px;gap:var(--bundle-gap)}
.storefront .shop-section .bundle-grid>.product-card{flex:0 0 calc((100% - (var(--bundle-columns) - 1)*var(--bundle-gap))/var(--bundle-columns));min-width:0}
.storefront .shop-section .bundle-grid>.empty-state{width:100%}
@media(max-width:1100px){.storefront .shop-section .bundle-grid{--bundle-columns:3}}
@media(max-width:800px){.storefront .shop-section .bundle-grid{--bundle-columns:2}}
@media(max-width:700px){.storefront .shop-section .bundle-grid{--bundle-gap:12px}}
.storefront .shop-section .product-card{border-radius:16px}
.storefront .shop-section .product-art{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(36px,auto) minmax(0,1fr);gap:10px;height:214px;padding:12px 14px}
.storefront .shop-section .product-badge{position:static;grid-row:1;grid-column:1;align-self:start;justify-self:start;z-index:1;width:fit-content;max-width:100%;padding:5px 8px;font-size:11px;line-height:1.35;color:#ffe0eb;white-space:normal}
.storefront .shop-section .product-art>img,.storefront .shop-section .product-art>.rank-art{grid-row:2;grid-column:1;align-self:center;justify-self:center;max-width:100%;max-height:100%;min-height:0}
@media(max-width:560px){.storefront .shop-section .product-art{height:184px;padding:10px 11px}.storefront .shop-section .product-badge{font-size:10px;padding:4px 6px}}
.storefront .shop-section .product-card:hover{border-color:#ed263970}
.storefront .shop-section .product-bottom>span{background:#912238;color:#fff}
:root[data-palette="gray"] .storefront .catalog-banner{background:#171319}
@media(min-width:1450px){.storefront .catalog-banner .tabs{gap:26px}.storefront .catalog-banner .tab{font-size:13px}.storefront .catalog-banner .search{flex-basis:200px;width:200px}}
@media(max-width:1100px){.storefront .catalog-banner{padding:28px 28px 15px}.storefront .catalog-banner .catalog-toolbar{flex-wrap:wrap;gap:10px}.storefront .catalog-banner .tabs{flex-basis:100%;gap:24px}.storefront .catalog-banner .search{flex:0 0 230px;width:230px}.storefront .catalog-heading h2{font-size:55px}}
@media(max-width:700px){.storefront .catalog-banner{padding:25px 22px 20px;border-radius:14px;margin-bottom:20px}.storefront .catalog-background{object-position:70% center}.storefront .catalog-banner:before{background:linear-gradient(90deg,#0b090dc9,#0b090d4a),linear-gradient(0deg,#0b090df5,#0b090d28)}.storefront .catalog-eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:14px}.storefront .catalog-heading h2{font-size:42px;letter-spacing:-1.8px;margin-bottom:18px}.storefront .catalog-banner .tabs{gap:20px}.storefront .catalog-banner .tab{font-size:11px;height:45px}.storefront .catalog-banner .search{flex-basis:100%;width:100%;height:42px}.storefront .shop-section .product-grid{gap:12px}}
@media(max-width:420px){.storefront .catalog-heading h2{font-size:38px}.storefront .catalog-heading h2>span{display:block}.storefront .catalog-banner{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.storefront .catalog-banner .tab,.storefront .catalog-banner .tab:after{transition:none}}