:root{--bg:#121018;--bg-2:#17141e;--surface:#1c1926;--surface-2:#242030;--line:#2c2838;--line-hi:#3a3448;--ink:#f1eef7;--ink-2:#b7b0c6;--muted:#837c93;--accent:#8c6dff;--accent-hi:#a992ff;--accent-ink:#161225;--f-display:"Rubik", "Trebuchet MS", sans-serif;--f-body:"Onest", "Segoe UI", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.icons{width:0;height:0;position:absolute;overflow:hidden}.check,.pico{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.pico{width:100%;height:100%}.item-ico{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 14px #00000080);display:block}.bg-fx{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-fx i{border:1.5px solid var(--line-hi);opacity:.5;animation:linear infinite drift;display:block;position:absolute}.bg-fx i:first-child{width:86px;height:86px;animation-duration:46s;top:12%;left:6%}.bg-fx i:nth-child(2){width:46px;height:46px;animation-duration:34s;animation-delay:-6s;top:8%;left:82%;transform:rotate(12deg)}.bg-fx i:nth-child(3){opacity:.32;width:130px;height:130px;animation-duration:58s;animation-delay:-20s;top:46%;left:70%}.bg-fx i:nth-child(4){width:34px;height:34px;animation-duration:28s;animation-delay:-3s;top:58%;left:12%;transform:rotate(45deg)}.bg-fx i:nth-child(5){width:64px;height:64px;animation-duration:40s;animation-delay:-14s;top:4%;left:46%}.bg-fx i:nth-child(6){opacity:.3;width:100px;height:100px;animation-duration:52s;animation-delay:-30s;top:74%;left:90%}.bg-fx i:nth-child(7){width:22px;height:22px;animation-duration:24s;animation-delay:-9s;top:82%;left:30%;transform:rotate(20deg)}.bg-fx i:nth-child(8){width:56px;height:56px;animation-duration:36s;animation-delay:-17s;top:88%;left:58%}@keyframes drift{0%{transform:translate(0)rotate(0)}50%{transform:translate(3vw,-4vh)rotate(180deg)}to{transform:translate(0)rotate(1turn)}}@media (prefers-reduced-motion:reduce){.bg-fx i{animation:none}}header.top{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#121018e6;position:sticky;top:0}.top-in{max-width:var(--wrap);gap:26px;height:60px;margin:0 auto;padding:0 20px}.brand,.top-in{align-items:center;display:flex}.brand{font-family:var(--f-display);letter-spacing:.02em;color:var(--ink);flex:none;gap:9px;font-size:1.04rem;font-weight:800;text-decoration:none}.brand .cube{background:var(--accent);border-radius:4px;width:18px;height:18px}nav.main{gap:22px;margin-right:auto;display:none}@media (width>=900px){nav.main{display:flex}}nav.main a{color:var(--ink-2);border-bottom:2px solid #0000;padding:4px 0;font-size:.89rem;font-weight:500;text-decoration:none}nav.main a.on,nav.main a:hover{color:var(--ink)}nav.main a.on{border-bottom-color:var(--accent)}.top-right{gap:10px;margin-left:auto;display:flex}.nick,.top-right{align-items:center}.nick{background:var(--surface);border:1px solid var(--line);border-radius:9px;gap:8px;padding:6px 10px;display:none}@media (width>=620px){.nick{display:flex}}.nick .av{background:var(--surface-2);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--line-hi);border-radius:4px}.nick span{font-family:var(--f-mono);color:var(--ink-2);font-size:.78rem}.cart-btn{background:var(--accent);color:var(--accent-ink);font-family:var(--f-display);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px 14px;font-size:.84rem;font-weight:700;display:flex;position:relative}.cart-btn .cnt{font-family:var(--f-mono);background:#00000038;border-radius:5px;padding:0 6px;font-size:.76rem}section{padding:52px 0;scroll-margin-top:60px}.sec-head{margin-bottom:24px}.sec-head h1,.sec-head h2{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:700}.sec-head p{color:var(--muted);max-width:52ch;margin:6px 0 0;font-size:.92rem}.text-link{color:var(--accent-hi)}.back-link{color:var(--ink-2);font-family:var(--f-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:18px;padding:0;font-size:.9rem;display:inline-flex}.back-link:hover{color:var(--ink)}.back-link svg{width:16px;height:16px}.hub-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=720px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.hub-grid{grid-template-columns:1fr}}.hub-tile{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;text-decoration:none;transition:border-color .14s,transform .14s;display:flex}.hub-tile:hover{border-color:var(--accent-hi);transform:translateY(-2px)}.hub-tile .ico{width:104px;height:104px}.hub-tile h3{font-family:var(--f-display);color:var(--ink);margin:0;font-size:1.1rem;font-weight:700}.hub-tile .cnt{font-family:var(--f-mono);color:var(--muted);margin-top:4px;font-size:.78rem;display:block}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;align-items:center;padding:22px 18px 18px;transition:border-color .14s,transform .14s;display:flex}.card:hover{border-color:var(--line-hi);transform:translateY(-2px)}.card .ico{width:112px;height:112px;margin-bottom:12px;transition:transform .2s}.card:hover .ico{transform:translateY(-3px)rotate(-3deg)}.card h3{font-family:var(--f-display);color:var(--accent-hi);margin:0;font-size:1rem;font-weight:700}.card .desc{color:var(--ink-2);flex:1;margin:8px 0 0;font-size:.86rem}.price{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink);margin:16px 0 14px;font-size:1.15rem;font-weight:700}.price s{margin-right:6px}.price i,.price s{color:var(--muted);font-size:.76rem;font-weight:400}.price i{margin-top:3px;font-style:normal;display:block}.add{font-family:var(--f-display);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 32px;font-size:.94rem;font-weight:700;display:flex}.add:hover{background:var(--accent-hi)}.add svg{flex:none;width:17px;height:17px}.cmp-wrap{--cmp-label-w:220px;border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex}.cmp-scroll{border-radius:14px 14px 0 0;overflow-x:auto}.cmp{table-layout:fixed;border-collapse:collapse;background:var(--surface);width:100%;min-width:620px}.cmp td,.cmp th{text-align:center;border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 18px}.cmp tbody tr:last-child td{border-bottom:0}.cmp .cmp-label{text-align:left;white-space:normal;color:var(--ink-2);width:var(--cmp-label-w);background:var(--surface);z-index:1;font-size:.88rem;position:sticky;left:0}.cmp tbody tr:nth-child(odd) .cmp-label,.cmp tbody tr:nth-child(odd) td{background:var(--bg-2)}.cmp thead th{vertical-align:top;padding-top:24px}.tier-name{font-family:var(--f-display);color:var(--accent-hi);font-size:1.05rem;font-weight:700;display:block}.tier-desc{color:var(--muted);white-space:normal;margin:6px 0 0;font-size:.78rem;line-height:1.5}.tier-price i{color:var(--muted);margin-top:3px;font-size:.76rem;font-style:normal;font-weight:400;display:block}.tier-ico{width:88px;height:88px;margin:0 auto 12px}.tier-price{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink);margin:10px 0 14px;font-size:1.08rem;font-weight:700;display:block}.cmp .check,.cmp thead th .add{margin:0 auto}.cmp .check{stroke-width:2.4px;width:19px;height:19px;color:var(--accent-hi);display:block}.cmp .dash{color:var(--muted)}.cmp-buy-bar{background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 14px 14px;min-width:620px;display:flex;position:sticky;bottom:0;overflow-x:auto;box-shadow:0 -8px 16px -8px #00000059}.cmp-buy-bar-label{width:var(--cmp-label-w);flex:none}.cmp-buy-bar-item{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:12px;padding:14px 18px;display:flex}.chat-tag{font-family:var(--f-mono);color:var(--accent-hi);background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:6px;padding:3px 10px;font-size:.86rem;font-weight:700;display:inline-block}.crate-wrap{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=860px){.crate-wrap{grid-template-columns:1fr 1fr}}.crate{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px}.crate h3{font-family:var(--f-display);margin:0 0 3px;font-size:1.02rem;font-weight:700}.crate>p{color:var(--muted);margin:0 0 16px;font-size:.86rem}.odds{flex-direction:column;gap:9px;display:flex}.odd{grid-template-columns:1fr 52px;align-items:center;gap:10px;display:grid}.odd .nm{color:var(--ink-2);font-size:.875rem}.odd .pc{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-size:.8rem}.bar{background:var(--bg-2);border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.bar i{background:var(--accent);height:100%;display:block}footer.site{border-top:1px solid var(--line);margin-top:10px;padding:40px 0 30px}.foot-grid{grid-template-columns:1fr;gap:26px;display:grid}@media (width>=760px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr}}.foot-grid h4{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:.66rem;font-weight:500}.foot-grid ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.foot-grid a{color:var(--ink-2);font-size:.88rem;text-decoration:none}.foot-grid a:hover{color:var(--accent-hi)}.foot-grid p{color:var(--muted);margin:0;font-size:.83rem;line-height:1.7}.legal{border-top:1px solid var(--line);font-family:var(--f-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:28px;padding-top:16px;font-size:.7rem;display:flex}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.overlay{z-index:90;opacity:0;pointer-events:none;background:#06050ab3;place-items:center;padding:20px;transition:opacity .2s;display:grid;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.modal{background:var(--surface);border:1px solid var(--line-hi);opacity:0;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - 40px);transition:transform .2s,opacity .2s;display:flex;transform:translateY(12px)scale(.985);box-shadow:0 24px 60px #00000080}.overlay.open .modal{opacity:1;transform:none}.modal-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal-head h2{font-family:var(--f-display);margin:0;font-size:1.05rem;font-weight:700}.x{border:1px solid var(--line);width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:7px;place-items:center;margin-left:auto;font-size:1rem;display:grid}.x:hover{border-color:var(--accent);color:var(--accent-hi)}.modal-body{flex:1;padding:6px 18px;overflow-y:auto}.line{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:14px 0;display:grid}.line:last-child{border-bottom:0}.line .thumb{background:var(--surface-2);width:44px;height:44px;color:var(--accent-hi);border-radius:9px;place-items:center;display:grid}.line .thumb .item-ico{filter:none;width:36px;height:36px}.line .info b{font-family:var(--f-display);color:var(--ink);font-size:.9rem;font-weight:700;display:block}.line .info span{font-family:var(--f-mono);color:var(--muted);font-size:.72rem}.line .right{gap:12px}.line .right,.qty{align-items:center;display:flex}.qty{border:1px solid var(--line);border-radius:8px}.qty button{width:24px;height:24px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;font-size:.92rem}.qty button:hover{color:var(--accent-hi)}.qty span{text-align:center;min-width:20px;font-size:.8rem}.line .sum,.qty span{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.line .sum{text-align:right;min-width:70px;font-size:.9rem;font-weight:700}.rm{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:.95rem}.rm:hover{color:var(--accent-hi)}.cart-empty{text-align:center;color:var(--muted);font-family:var(--f-mono);padding:44px 10px;font-size:.85rem}.cart-error{color:#ff6b6b;text-align:center;margin:0 0 10px;font-size:.82rem}.modal-foot{border-top:1px solid var(--line);background:var(--bg-2);border-radius:0 0 16px 16px;flex-direction:column;flex:none;gap:13px;padding:16px 18px 18px;display:flex}.nick-field label{color:var(--ink-2);margin-bottom:6px;font-size:.86rem;font-weight:600;display:block}.nick-field input{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--f-mono);border-radius:9px;padding:11px 12px;font-size:.9rem}.nick-field input:focus{border-color:var(--accent);outline:none}.nick-field small{color:var(--muted);margin-top:6px;font-size:.76rem;display:block}.phone-input{background:var(--surface);border:1px solid var(--line);border-radius:9px;align-items:center;display:flex}.phone-input:focus-within{border-color:var(--accent)}.phone-input.bad{border-color:#ff6b6b}.phone-input .cc{border-right:1px solid var(--line);font-family:var(--f-mono);color:var(--ink-2);align-self:stretch;align-items:center;padding:0 10px 0 14px;font-size:.95rem;display:flex}.nick-field .phone-input input{letter-spacing:.04em;background:0 0;border:0;padding:11px 12px;font-size:.95rem}.nick-field .phone-hint{color:#ff6b6b}.totals{flex-direction:column;gap:6px;display:flex}.totals div{justify-content:space-between;align-items:baseline;display:flex}.totals .k{color:var(--ink-2);font-size:.85rem}.totals .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.88rem}.totals .grand .k{font-family:var(--f-display);color:var(--ink);font-size:1rem;font-weight:700}.totals .grand .v{color:var(--accent-hi);font-size:1.28rem;font-weight:700}.pay{background:var(--accent);width:100%;color:var(--accent-ink);font-family:var(--f-display);cursor:pointer;border:0;border-radius:11px;padding:15px;font-size:.92rem;font-weight:800}.pay:hover{background:var(--accent-hi)}.pay:disabled{background:var(--line-hi);color:var(--muted);cursor:not-allowed}.modal-foot .note{font-family:var(--f-mono);color:var(--muted);text-align:center;font-size:.68rem;line-height:1.5}body.locked{overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.hero-in>*{animation:.55s cubic-bezier(.2,.7,.3,1) both rise}.hero-in>:first-child{animation-delay:40ms}.hero-in>:nth-child(2){animation-delay:.1s}.hero-in>:nth-child(3){animation-delay:.16s}.hero-in>:nth-child(4){animation-delay:.22s}header.top{animation:.4s both fade}.reveal{opacity:0;transform:translateY(16px)}.reveal.in{opacity:1;transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.3,1);transform:none}.grid-empty{text-align:center;color:var(--muted);font-family:var(--f-mono);grid-column:1/-1;padding:40px 20px;font-size:.85rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,.reveal{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.ip-chip{background:var(--surface);border:1px solid var(--line);font-family:var(--f-mono);color:var(--ink-2);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:.78rem;display:flex}.ip-chip:hover{border-color:var(--line-hi);color:var(--ink)}.ip-chip .lb{color:var(--muted);letter-spacing:.06em}.ip-chip svg{flex:none;width:13px;height:13px}@media (width<=560px){.ip-chip .val{display:none}}:root{--bg:#100d17;--surface:#1a1624;--surface-2:#231e30;--line:#2e2840;--line-hi:#43395c;--accent:#9a6bff;--accent-hi:#b894ff}body{background:radial-gradient(900px 500px at 10% -10%,#9a6bff2e,transparent 60%),radial-gradient(800px 500px at 100% 0,#ff5eaa1f,transparent 60%),radial-gradient(900px 600px at 50% 110%,#2fd6b51a,transparent 60%),var(--bg);background-attachment:fixed}.tone-roles{--t:#ffc23a;--t2:#ff8a2e}.tone-cat{--t:#ff5a52;--t2:#ff9a6a}.tone-wise{--t:#22d39a;--t2:#7cf5c9}.tone-premium{--t:#a66bff;--t2:#ffc23a}.tone-claws{--t:#ff5eb4;--t2:#b45cff}.tone-crates{--t:#2fd6b5;--t2:#3aa8ff}.tone-cosmetics{--t:#ff9a2e;--t2:#ff5eb4}.tone-titles{--t:#5ab4ff;--t2:#a66bff}.tone-effects{--t:#ff6a3a;--t2:#ffc23a}.tone-sounds{--t:#3ad1ff;--t2:#22d39a}.tone-messages{--t:#ffd84a;--t2:#ff8a2e}.tone-hats{--t:#b45cff;--t2:#ff5eb4}.tone-swords{--t:#9fb8ff;--t2:#3ad1ff}.tone-colors{--t:#ff5eb4;--t2:#ffd84a}.item-ico{filter:drop-shadow(0 10px 16px #00000073)}.brand .cube{background:linear-gradient(135deg,#ff5eb4,#9a6bff 55%,#2fd6b5);box-shadow:0 0 14px #9a6bff99}nav.main a.on,nav.main a:hover{color:var(--ink);border-bottom-color:var(--t,var(--accent))}.cart-btn{color:#fff;background:linear-gradient(135deg,#b45cff,#ff5eb4);box-shadow:0 6px 18px #ff5eb44d}.cart-btn:hover{background:linear-gradient(135deg,#c47aff,#ff7cc2)}.sec-head[class*=tone-] h1{background:linear-gradient(90deg,var(--t),var(--t2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.7rem,3.6vw,2.4rem)}code{font-family:var(--f-mono);background:var(--surface-2);color:var(--ink);border-radius:6px;padding:1px 6px;font-size:.85em}.btn{font-family:var(--f-display);cursor:pointer;color:#1a1226;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:17px;height:17px}.btn-gold{background:linear-gradient(135deg,#ffd84a,#ff8a2e);box-shadow:0 8px 22px #ffaa2e59}.btn-pink{color:#fff;background:linear-gradient(135deg,#ff7cc2,#b45cff);box-shadow:0 8px 22px #ff5eb459}.btn-tone{background:linear-gradient(135deg,var(--t),var(--t2));box-shadow:0 8px 22px color-mix(in srgb,var(--t) 35%,transparent);width:100%}.tone-claws .btn-tone,.tone-premium .btn-tone{color:#fff}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;padding:56px 0 18px;display:grid}@media (width<=820px){.hero{grid-template-columns:1fr}.hero-art{display:none}}.hero-kicker{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffd84a;font-size:.78rem}.hero h1{font-family:var(--f-display);margin:10px 0 14px;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.05}.grad{background:linear-gradient(90deg,#ffd84a,#ff5eb4 45%,#9a6bff 75%,#2fd6b5);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--ink-2);max-width:52ch;margin:0}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-art{height:320px;position:relative}.hero-art .art{animation:5s ease-in-out infinite bob;position:absolute}.hero-art .a1{top:4%;left:22%}.hero-art .a2{animation-delay:-1.2s;top:38%;right:2%}.hero-art .a3{animation-delay:-2.4s;bottom:0;left:0}.hero-art .a4{width:110px;height:110px;animation-delay:-3.3s;top:-4%;right:22%}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.hero-art .art{animation:none}}.hub-grid.hub-4{grid-template-columns:repeat(4,1fr)}@media (width<=980px){.hub-grid.hub-4{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.hub-grid.hub-4{grid-template-columns:1fr}}.hub-tile{background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,var(--t) 22%,transparent),transparent 65%),var(--surface);border:1px solid color-mix(in srgb,var(--t) 30%,var(--line));padding:30px 18px 24px;position:relative;overflow:hidden}.hub-tile:hover{border-color:var(--t);box-shadow:0 10px 30px color-mix(in srgb,var(--t) 25%,transparent)}.hub-tile .ico{width:112px;height:112px;transition:transform .2s}.hub-tile:hover .ico{transform:translateY(-4px)rotate(-4deg)scale(1.04)}.hub-tile h3{color:var(--t);font-size:1.25rem}.hub-tile .cnt{font-family:var(--f-body);color:var(--ink-2);font-size:.84rem}.rank-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=860px){.rank-grid{grid-template-columns:1fr}}.rank-card{text-align:center;background:radial-gradient(120% 70% at 50% 0,color-mix(in srgb,var(--t) 26%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--t) 40%,var(--line));border-radius:18px;flex-direction:column;align-items:center;padding:26px 22px 22px;display:flex;position:relative}.rank-card.top{box-shadow:0 16px 44px color-mix(in srgb,var(--t) 30%,transparent);border-width:2px}.rank-ribbon{background:linear-gradient(90deg,var(--t),var(--t2));color:#1a1226;font:800 .7rem var(--f-display);letter-spacing:.06em;text-transform:uppercase;padding:5px 40px;position:absolute;top:14px;right:-34px;transform:rotate(35deg)}.rank-card{overflow:hidden}.rank-ico{width:150px;height:150px}.rank-card h2{font-family:var(--f-display);letter-spacing:.02em;background:linear-gradient(90deg,var(--t),var(--t2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0;font-size:1.9rem;font-weight:800}.rank-desc{color:var(--ink-2);flex:1;margin:0 0 16px;font-size:.88rem}.rank-price{margin-bottom:16px}.rank-price b{font-family:var(--f-display);font-size:2rem;font-weight:800;display:block}.rank-price i{color:var(--muted);font-size:.8rem;font-style:normal}.perks{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-top:26px;overflow:hidden}.perks-head,.perks-row{grid-template-columns:minmax(180px,2fr) repeat(3,1fr);align-items:center;display:grid}.perks-head{background:var(--surface-2)}.perks-head span{text-align:center;font:800 1rem var(--f-display);color:var(--t,var(--ink));padding:14px 10px}.perks-group{font:700 .76rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffd84a;padding:12px 18px 8px}.perks-group,.perks-row{border-top:1px solid var(--line)}.perks-row:nth-child(2n){background:#ffffff04}.perk-label{padding:12px 18px;font-size:.92rem}.perk-label small{color:var(--muted);font-size:.76rem;display:block}.perk-val{text-align:center;padding:10px}.perk-val .check{width:22px;height:22px;stroke:var(--t);stroke-width:2.6px;fill:none;display:inline-block}.perk-val b{font-family:var(--f-display);color:var(--t)}.perk-val .dash{color:var(--muted)}@media (width<=620px){.perks-head,.perks-row{grid-template-columns:1.4fr repeat(3,.8fr)}.perk-label{padding:10px;font-size:.82rem}.perk-label small{display:none}.perks-head span{padding:10px 4px;font-size:.8rem}}.pack-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=980px){.pack-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.pack-grid{grid-template-columns:1fr}}.pack{text-align:center;background:radial-gradient(120% 80% at 50% 0,color-mix(in srgb,var(--t) 22%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--t) 35%,var(--line));border-radius:18px;flex-direction:column;align-items:center;padding:24px 18px 20px;display:flex;position:relative;overflow:hidden}.pack.featured{border:2px solid var(--t);box-shadow:0 14px 40px color-mix(in srgb,var(--t) 30%,transparent)}.pack-badge{color:#1a1226;font:800 .7rem var(--f-display);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(90deg,#ffd84a,#ff8a2e);border-radius:999px;padding:4px 10px;position:absolute;top:12px;left:12px}.pack-ico{width:140px;height:140px}.pack h3{font:800 2rem var(--f-display);margin:4px 0 0}.pack h3 span{color:var(--t);font-size:1rem}.pack-bonus{font:700 .85rem var(--f-display);color:#ffd84a;margin:2px 0 12px}.pack-bonus.none{color:var(--muted);font-weight:500}.pack-price{margin-bottom:14px}.pack-price b{font:800 1.45rem var(--f-display);display:block}.pack-price i{color:var(--muted);font-size:.78rem;font-style:normal}.uses{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=760px){.uses{grid-template-columns:1fr}}.use{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;display:flex}.use b{font-family:var(--f-display);display:block}.use span{color:#ff7cc2;font-size:.88rem}.crate-tabs{flex-wrap:wrap;gap:12px;display:flex}.crate-tab{cursor:pointer;text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:14px;align-items:center;gap:10px;padding:10px 18px 10px 10px;display:flex}.crate-tab.on{border-color:var(--t);background:radial-gradient(100% 100% at 0 50%,color-mix(in srgb,var(--t) 22%,transparent),transparent 70%),var(--surface)}.crate-tab b{font-family:var(--f-display);color:var(--t);display:block}.crate-tab i{color:var(--muted);font-size:.78rem;font-style:normal}.crate-block{padding-top:10px}.crate-head{background:radial-gradient(90% 120% at 0 50%,color-mix(in srgb,var(--t) 22%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--t) 35%,var(--line));border-radius:18px;align-items:center;gap:22px;margin-bottom:20px;padding:20px 24px;display:flex}@media (width<=620px){.crate-head{text-align:center;flex-direction:column}}.crate-head h2{font:800 1.7rem var(--f-display);color:var(--t);margin:0}.crate-key{color:var(--ink-2);align-items:center;gap:6px;margin:4px 0 12px;display:flex}.rar-chips{flex-wrap:wrap;gap:8px;display:flex}.rar-chip{border:1px solid var(--r);color:var(--r);background:color-mix(in srgb,var(--r) 10%,transparent);border-radius:999px;padding:4px 12px;font-size:.82rem}.rar-chip b{color:var(--ink)}.rar-chip i{color:var(--muted);font-style:normal}.odds-group{margin-bottom:22px}.odds-group h3{font:800 1.05rem var(--f-display);color:var(--r);margin:0 0 10px}.odds-group h3 span{font:500 .8rem var(--f-body);color:var(--muted);margin-left:8px}.odds-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.odd-item{background:linear-gradient(90deg,color-mix(in srgb,var(--r) 14%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--r) 30%,var(--line));border-radius:12px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.odd-item .item-ico{filter:drop-shadow(0 4px 6px #0006);flex:none;width:60px;height:60px}.odd-name{flex:1;font-size:.88rem;line-height:1.25}.odd-name small{color:var(--muted);font-size:.72rem;display:block}.odd-chance{font:800 .9rem var(--f-mono);color:var(--r)}.cat-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.cat-tab{cursor:pointer;font:700 .88rem var(--f-display);background:var(--surface);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:9px 16px}.cat-tab i{font-style:normal;font-family:var(--f-mono);opacity:.7;margin-left:4px;font-size:.74rem}.cat-tab:hover{color:var(--t);border-color:color-mix(in srgb,var(--t) 50%,var(--line))}.cat-tab.on{color:#1a1226;background:linear-gradient(135deg,var(--t),var(--t2));border-color:#0000}.cat-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cat-bar p{color:var(--t);margin:0;font-size:.9rem}.rar-filter{flex-wrap:wrap;gap:6px;display:flex}.rar-filter button{font:600 .78rem var(--f-body);cursor:pointer;background:var(--surface);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px}.rar-filter button.on{color:var(--ink);border-color:var(--accent)}.rar-filter .r-common.on{color:#9aa6b6;border-color:#9aa6b6}.rar-filter .r-rare.on{color:#4fa8ff;border-color:#4fa8ff}.rar-filter .r-epic.on{color:#b45cff;border-color:#b45cff}.rar-filter .r-legendary.on{color:#ffb02e;border-color:#ffb02e}.cos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.cos-card{text-align:center;background:radial-gradient(120% 70% at 50% 0,color-mix(in srgb,var(--r) 18%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--r) 30%,var(--line));border-radius:16px;flex-direction:column;align-items:center;padding:16px 14px;transition:transform .14s,border-color .14s;display:flex}.cos-card:hover{border-color:var(--r);transform:translateY(-2px)}.cos-ico{width:84px;height:84px}.cos-card h3{font:700 1rem var(--f-display);margin:6px 0 4px}.rarity{font:700 .7rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--r);border:1px solid var(--r);border-radius:999px;padding:2px 9px}.cos-preview{font-size:.88rem;font-family:var(--f-body);background:#0c0a12;border-radius:8px;margin:10px 0 0;padding:6px 10px}.cos-preview.small{font-size:.76rem}.cos-preview .nick{color:#fff}.grad-nick{color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1rem}.cos-desc{color:var(--ink-2);margin:8px 0 0;font-size:.8rem}.ways{flex-wrap:wrap;justify-content:center;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.ways li{color:var(--ink-2);background:var(--surface-2);border-radius:999px;padding:2px 8px;font-size:.7rem}.steps{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}@media (width<=860px){.steps{grid-template-columns:1fr 1fr}}@media (width<=460px){.steps{grid-template-columns:1fr}}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.steps b{font-family:var(--f-display);color:#ffd84a;margin-bottom:4px;display:block}.steps span{color:var(--ink-2);font-size:.84rem}.steps a{color:var(--accent-hi)}.steps-sec{padding-top:0}.contact-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.contact{color:var(--ink);background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--t) 20%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--t) 35%,var(--line));border-radius:16px;padding:18px 20px;text-decoration:none;display:block}.contact b{font-family:var(--f-display);color:var(--t);display:block}.contact span{word-break:break-all;font-size:.95rem}.contact-note{color:var(--muted);margin-top:16px;font-size:.88rem}.contact-note a{color:var(--accent-hi)}.pay-methods{margin:12px 0}.pm{text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:10px 12px}.pm b{font-family:var(--f-display);align-items:center;gap:6px;display:flex}.pm-logo{flex:none;width:20px;height:20px}.pay-logo{vertical-align:-3px;width:16px;height:16px;margin:0 4px 0 2px}.pm span{color:var(--muted);font-size:.74rem}.pm.kaspi.on{background:color-mix(in srgb,#f14635 14%,var(--surface));border-color:#f14635}.kaspi-done,.kaspi-fail,.kaspi-wait{background:var(--surface);border:1px solid var(--line);border-radius:18px;max-width:640px;padding:24px}.kaspi-wait ol{margin:0 0 12px;padding-left:1.2em;line-height:1.9}.kaspi-wait .hint{color:var(--muted);margin:0;font-size:.86rem}.kaspi-done h2{color:#22d39a;margin-top:0}.kaspi-fail h2{color:#ff5a52;margin-top:0}.spinner{border:4px solid var(--line-hi);border-top-color:#f14635;border-radius:50%;width:42px;height:42px;margin-bottom:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.pay-brands{align-items:center;gap:10px;margin:4px 0 18px;display:flex}.foot-pay .chip,.pay-brands .chip{background:#fff;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.pay-brands .chip{height:32px;padding:0 10px}.foot-pay{align-items:center;gap:8px;display:inline-flex}.foot-pay .chip{border-radius:4px;height:20px;padding:0 6px}.foot-pay img,.pay-brands img{width:auto;display:block}*,:after,:before,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}.fixed{position:fixed}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.rounded{border-radius:.25rem}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}