.store-page{min-height:100vh;background:#0d0c10;background-image:radial-gradient(ellipse at 50% 0%,rgba(113,75,137,.1),transparent 42%)}
.store-nav{position:fixed;z-index:20;top:20px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 48px));height:70px;margin:0;padding:9px 12px 9px 21px;border:1px solid rgba(255,255,255,.09);border-radius:40px;background:rgba(14,13,17,.88);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 12px 40px rgba(0,0,0,.22)}
.store-nav nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:32px}
.store-nav nav a{font-size:11px;color:#938d98;transition:color .18s}
.store-nav nav a:hover,.store-nav nav a.selected{color:#f5eff8}
.store-nav nav a.selected{padding:9px 13px;border-radius:6px;background:linear-gradient(100deg,#27222e,#211c27);box-shadow:inset 0 0 0 1px rgba(188,146,216,.16)}
.store-main{width:min(1114px,calc(100% - 40px));margin:0 auto}
.store-main [hidden]{display:none!important}
dialog.server-picker{width:min(560px,calc(100% - 32px));max-width:none;min-height:0;max-height:calc(100svh - 48px);margin:clamp(24px,8vh,80px) auto 0;padding:0;overflow:auto;border:1px solid rgba(176,139,201,.14);border-radius:7px;background:#19171d;color:#e9e3ee;box-shadow:0 28px 100px rgba(0,0,0,.5)}
.server-picker::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(2px)}
.store-page.server-picker-open{overflow:hidden}
.server-picker-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 19px;background:#100e13;border-bottom:1px solid rgba(255,255,255,.035)}
.server-picker-header h2{margin:0;font-size:14px;font-weight:600;line-height:1.5;color:#c6bdcd;letter-spacing:-.01em;outline:none}
.picker-close{padding:0 4px;border:0;background:none;color:#a28eae;font-size:23px;line-height:1;cursor:pointer}
.server-picker>p{color:#b6abbf;font-size:12px;font-weight:600;line-height:1.65;text-align:center;margin:20px 22px}
.server-picker .server-choice{display:flex;align-items:center;gap:16px;width:calc(100% - 40px);min-height:72px;margin:0 20px;padding:14px 16px;border:1px solid rgba(255,255,255,.025);border-radius:4px;background:linear-gradient(110deg,#252129,#211d26);color:#eee8f3;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.server-picker .server-choice:hover{transform:none;border-color:rgba(190,146,222,.3);background:linear-gradient(110deg,#2d2535,#28212f)}
.server-choice-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.server-picker .server-choice-copy strong{font-size:13px;font-weight:800;letter-spacing:.025em}
.server-choice-copy>span{color:#92859d;font-size:9px;line-height:1.6}
.server-choice-action{margin-left:auto;flex-shrink:0;padding:9px 13px;border:1px solid rgba(184,139,215,.1);border-radius:4px;background:rgba(140,97,173,.09);color:#bea0d0;font-size:11px;font-weight:700}
.picker-back{display:inline-block;margin:20px 20px 23px;color:#8c7c98;font-size:10px}
.picker-back:hover{color:#d6b8e9}
.change-server{display:flex;align-items:center;gap:13px;padding:10px 13px;border:1px solid #39303f;border-radius:7px;background:#1c1721;color:#dbbde9;font-size:11px;font-weight:700;cursor:pointer}
.change-server>span{color:#9c8ca6;font-size:9px;font-weight:500}
.server-choice:focus-visible,.change-server:focus-visible{outline:2px solid #bd91db;outline-offset:4px}
.catalog-category{display:inline-flex;padding:9px 14px;border:1px solid rgba(174,126,206,.25);border-radius:6px;background:linear-gradient(110deg,#302438,#231c2a);color:#dac1ec;font-size:10px;font-weight:700}
.catalog-tabs{flex-wrap:wrap;gap:6px}
.catalog-tabs button{border:1px solid transparent}
.catalog-tabs button.active{border-color:rgba(174,126,206,.25);background:linear-gradient(110deg,#302438,#231c2a);color:#dac1ec}
.catalog-tabs button:focus-visible{outline:2px solid #b58acd;outline-offset:2px}
.catalog-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.catalog-toolbar .catalog-tabs{flex:1;min-width:0}
.price-sort{display:flex;align-items:center;gap:9px;flex-shrink:0;min-height:34px;margin-bottom:16px;padding:0 10px;border:1px solid rgba(174,126,206,.16);border-radius:6px;background:#1b171f;font-size:9px;color:#94849f}
.price-sort select{max-width:145px;padding:6px 0;border:0;background:transparent;color:#cdb5dd;font:600 10px Manrope,Arial,sans-serif;cursor:pointer;color-scheme:dark}
.price-sort select:focus-visible{outline:1px solid #b58acd;outline-offset:3px;border-radius:2px}
.price-sort option{background:#211b27;color:#e4d6ed}
@media(max-width:760px){.catalog-toolbar{flex-wrap:wrap;gap:0}.catalog-toolbar .catalog-tabs{flex-basis:100%}.price-sort{margin-bottom:18px}}
.catalog-item .store-product-art{height:190px;background:radial-gradient(ellipse at 50% 62%,rgba(136,97,163,.12),transparent 65%),linear-gradient(145deg,#25212b,#1b181f)}
.catalog-item .store-product-art img{width:80%;height:150px;align-self:center;object-position:center}
.catalog-item .store-product-info{min-height:85px;gap:9px}
.catalog-item .store-product-info>div{min-width:0}
.catalog-item .store-product-info h3{font-size:11px;line-height:1.5}
.catalog-item .store-product-info button{flex-shrink:0}
@media(max-width:520px){.catalog-item .store-product-art{height:145px}.catalog-item .store-product-art img{height:115px}.catalog-item .store-product-info{align-items:stretch}.catalog-item .store-product-info h3{min-height:33px}}
.store-products.privilege-products{grid-template-columns:repeat(3,minmax(0,1fr))}
.privilege-products .store-product-art{height:255px}
.privilege-products .store-product-art::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1a151f);pointer-events:none}
.privilege-products .store-product-art img{height:235px;width:90%;align-self:end;object-position:center bottom;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25))}
.privilege-products .product-ribbon{z-index:2}
.privilege-rank{position:absolute;z-index:1;bottom:17px;left:0;right:0;text-align:center;font:700 clamp(14px,1.6vw,22px)/1 'Astral Druk Wide',Manrope,sans-serif;letter-spacing:-.025em;color:#d4c9dd;text-shadow:0 3px 20px rgba(0,0,0,.6)}
.privilege-premium .privilege-rank{color:#d2b2ec}
.privilege-astral{border-color:rgba(183,126,225,.36)}
.privilege-astral .privilege-rank{color:#e6cff8}
.privilege-astral .store-product-art img.privilege-art-complete{position:relative;z-index:1;align-self:center}
.privilege-products .store-product-info{padding:16px;min-height:82px}
.privilege-products .store-product-info h3{font-size:14px}
@media(max-width:760px){.server-picker{margin-top:120px;min-height:calc(100svh - 280px)}.store-products.privilege-products{grid-template-columns:repeat(2,minmax(0,1fr))}.privilege-products .store-product-art{height:220px}.privilege-products .store-product-art img{height:205px}}
@media(max-width:520px){.server-picker{margin-top:105px}.server-picker h1{font-size:30px}.server-choice{padding:17px;gap:13px}.server-choice>img{width:52px;height:52px}.server-choice-copy strong{font-size:20px}.server-choice-copy>span{font-size:9px}.server-choice-arrow{font-size:21px}.change-server{gap:8px;font-size:10px}.change-server>span{font-size:8px}.store-products.privilege-products{grid-template-columns:1fr}.privilege-products .store-product-art{height:235px}.privilege-products .store-product-art img{height:220px}.privilege-rank{font-size:22px}.privilege-products .store-product-info{flex-direction:row;align-items:center}.privilege-products .store-product-info button{width:auto}}
.store-banners{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin:122px 0 70px}
.account-banner,.server-banner{height:230px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.045);border-radius:10px;background:linear-gradient(115deg,#252329,#1b191f)}
.account-banner{display:flex;align-items:center;padding:30px 34px;background:radial-gradient(ellipse at 75% 78%,rgba(150,90,189,.22),transparent 42%),linear-gradient(112deg,#28252c,#1b191e)}
.account-banner>div{position:relative;z-index:1;max-width:58%}
.store-kicker{color:#bd94d6;font-size:8px;font-weight:800;letter-spacing:.18em}
.account-banner h1{font-size:29px;line-height:1.08;letter-spacing:-.04em;margin:13px 0 10px}
.account-banner p,.server-banner p{max-width:300px;color:#aaa4ae;font-size:10px;line-height:1.65;margin:0 0 17px}
.account-banner>img{position:absolute;right:8px;bottom:-27px;width:46%;height:245px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.banner-button{padding:10px 13px;border:0;border-radius:5px;background:#eeeaf1;color:#19151d;font-size:9px;font-weight:800;cursor:pointer}
.banner-button span{margin-left:8px;color:#8c64a8}
.server-banner{display:flex;align-items:center;gap:22px;padding:26px;background:radial-gradient(ellipse at 72% 62%,rgba(136,89,177,.2),transparent 45%),linear-gradient(125deg,#211d25,#19171c)}
.server-banner-mark{position:relative;width:106px;height:106px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:50%;background:radial-gradient(circle,rgba(140,95,173,.14),rgba(40,33,47,.1) 69%,transparent)}
.server-banner-mark img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(169,121,205,.28))}
.server-online-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;transform:rotate(-90deg);pointer-events:none}
.online-ring-track{stroke:rgba(185,141,214,.16);stroke-width:3}
.online-ring-progress{stroke:#b486dc;stroke-width:3.5;stroke-linecap:round;opacity:0;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1),opacity .35s;filter:drop-shadow(0 0 3px rgba(178,128,218,.35))}
.server-banner[data-state="unknown"] .server-online-ring{opacity:.4}
.store-server-copy{min-width:0}
.server-banner .store-server-mode{margin-bottom:8px}
.server-banner .store-server-online{display:flex;align-items:baseline;gap:7px;line-height:1;margin:8px 0 5px}
.store-server-online>strong{font-size:27px;font-weight:800;color:#eee5f5;letter-spacing:-.04em}
.store-server-online>span{font-size:10px;color:#a99ab5}
.store-server-online b{font-weight:600;color:#c2afcf}
.store-monitor-check{display:block;font-size:8px;line-height:1.5;color:#83728f;margin-bottom:10px}
@media(max-width:520px){.server-banner[data-server-monitor]{height:auto;min-height:180px}.store-server-online>strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.online-ring-progress{transition:none}}
.server-banner h2{font-size:17px;letter-spacing:.035em;margin:12px 0 5px}
.server-banner p{margin-bottom:14px}
.server-banner a{font-size:9px;font-weight:700;color:#d0b0e5}
.server-banner a span{margin-left:6px}
.catalog{padding-bottom:80px}
.catalog-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:21px}
.catalog-heading h2{font-size:28px;letter-spacing:-.045em;margin:7px 0 0}
.catalog-filter{height:36px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:#1b191e;color:#aaa3af;font-size:14px}
.catalog-filter select{max-width:130px;border:0;outline:0;background:transparent;color:#d1cbd5;font:500 10px Manrope;appearance:none;cursor:pointer}
.catalog-filter select option{background:#201e24;color:#eee}
.catalog-filter>span{font-size:12px;color:#8d8792}
.catalog-tabs{display:flex;gap:4px;margin:0 0 16px}
.catalog-tabs button{min-width:58px;padding:9px 13px;border:0;border-radius:5px;background:transparent;color:#928c96;font-size:10px;cursor:pointer;transition:all .16s}
.catalog-tabs button:hover{color:#eee}
.catalog-tabs button.active{background:#eae7ed;color:#211b25;font-weight:800}
.store-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.catalog-loading{grid-column:1/-1;padding:45px 20px;border:1px solid rgba(255,255,255,.045);border-radius:8px;color:#847b89;text-align:center}
.store-product{overflow:hidden;min-width:0;border:1px solid rgba(255,255,255,.045);border-radius:8px;background:#222126;transition:transform .18s,border-color .18s}
.store-product:hover{transform:translateY(-2px);border-color:rgba(184,141,213,.28)}
.store-product[hidden]{display:none}
.store-product-art{height:188px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 66%,rgba(179,116,215,.24),transparent 54%),linear-gradient(145deg,#29252f,#201e23)}
.store-product-art.art-purple{background:radial-gradient(ellipse at 50% 65%,rgba(154,94,207,.28),transparent 54%),linear-gradient(145deg,#29232f,#201e24)}
.store-product-art.art-blue{background:radial-gradient(ellipse at 50% 65%,rgba(100,112,184,.24),transparent 54%),linear-gradient(145deg,#25242f,#201e24)}
.store-product-art img{width:82%;height:150px;object-fit:contain;filter:drop-shadow(0 14px 11px rgba(0,0,0,.35))}
.product-ribbon{position:absolute;top:11px;left:11px;color:#c4a5d8;font-size:7px;font-weight:800;letter-spacing:.14em}
.store-product-info{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px}
.availability{font-size:7px;font-weight:800;letter-spacing:.1em;color:#a98aba}
.product-price{display:block;font-size:15px;line-height:1.3;font-weight:800;letter-spacing:-.025em;color:#e4ceef}
.product-quantity{display:block;margin-top:5px;color:#8f8299;font-size:9px;line-height:1.4}
.store-product-info h3{margin:5px 0 0;font-size:11px}
.store-product-info button{padding:8px 9px;border:1px solid rgba(255,255,255,.04);border-radius:5px;background:#2a282e;color:#89838d;font-size:9px;white-space:nowrap}
.store-product-info button:disabled{cursor:not-allowed;opacity:.8}
.store-product-info button:not(:disabled){border-color:rgba(177,123,233,.22);background:linear-gradient(110deg,#9e70c2,#7e579e);color:#160f1b;font-weight:800;cursor:pointer}.store-product-info button:not(:disabled):hover{filter:brightness(1.12)}
.catalog-note{margin:18px 0 0;color:#79737e;font-size:9px;line-height:1.6;text-align:center}
.store-footer{width:min(1114px,calc(100% - 40px));min-height:64px;margin:0 auto;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;justify-content:space-between;color:#78727d;font-size:9px}
.store-footer .brand{color:#c1bac6;font-size:11px}
.store-footer .brand img{width:30px;height:30px}
.store-footer>a:last-child{color:#b698c9}
@media(max-width:760px){.store-nav{height:62px;top:12px;padding-inline:14px}.store-banners{grid-template-columns:1fr;margin:104px 0 48px}.account-banner,.server-banner{height:210px}.account-banner h1{font-size:26px}.server-banner{justify-content:flex-start}.store-products{grid-template-columns:repeat(2,minmax(0,1fr))}.store-product-art{height:160px}.store-product-art img{height:130px}}
@media(max-width:520px){.store-nav,.store-main,.store-footer{width:calc(100% - 28px)}.store-nav{height:58px;top:9px;padding:8px 10px 8px 13px;gap:8px}.store-nav nav{gap:8px;margin-right:0}.store-nav nav a{font-size:8px}.store-nav nav a.selected{padding:7px}.store-nav .login{padding:8px 9px;font-size:8px}.store-nav .brand{gap:5px;font-size:9px}.store-nav .brand img{width:28px;height:28px}.store-nav .steam-icon{font-size:11px;margin-right:2px}.store-banners{gap:10px;margin:91px 0 37px}.account-banner{height:190px;padding:20px}.account-banner>div{max-width:64%}.account-banner h1{font-size:23px}.account-banner p{font-size:9px}.account-banner>img{right:-8px;width:47%;height:185px}.server-banner{height:150px;padding:17px;gap:14px}.server-banner-mark{width:75px;height:75px}.server-banner-mark img{width:56px;height:56px}.server-banner h2{font-size:14px}.server-banner p{font-size:9px;margin-bottom:9px}.catalog-heading h2{font-size:24px}.catalog-filter{height:32px;padding:0 8px}.catalog-filter select{max-width:95px;font-size:9px}.catalog-tabs{overflow:auto;white-space:nowrap}.catalog-tabs button{padding:9px 10px;font-size:9px}.store-products{gap:9px}.store-product-art{height:128px}.store-product-art img{height:105px}.store-product-info{min-height:67px;align-items:flex-start;flex-direction:column;padding:10px}.store-product-info button{width:100%}.store-footer{min-height:58px;gap:8px;flex-wrap:wrap;padding:12px 0}.store-footer .brand{width:100%}}