.stp{--stp-ink:#1f2937;--stp-muted:#6b7280;--stp-line:#eef0f3;--stp-accent:var(--ui-accent,#c1272d);--stp-accent-2:color-mix(in srgb, var(--stp-accent) 70%, #000);flex-direction:column;gap:16px;display:flex}.stp .stp-btn{border:1.5px solid var(--stp-line);height:38px;font:inherit;color:var(--stp-ink);cursor:pointer;white-space:nowrap;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.stp .stp-btn svg{flex-shrink:0;display:block}.stp .stp-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--stp-accent) 35%, #fff);color:var(--stp-accent)}.stp .stp-btn:disabled{opacity:.55;cursor:default}.stp .stp-btn.primary{background:var(--stp-accent);border-color:var(--stp-accent);color:#fff}.stp .stp-btn.primary:hover:not(:disabled){background:var(--stp-accent-2);color:#fff}.stp .stp-btn.gold{color:#7c2d12;background:linear-gradient(#fde68a,#f59e0b);border-color:#f59e0b}.stp .stp-btn.gold:hover:not(:disabled){color:#7c2d12;filter:brightness(1.04)}.stp .stp-btn.ghost{background:#f8fafc}.stp .stp-btn.ghost.on{color:#4338ca;background:#eef2ff;border-color:#a5b4fc}.stp .stp-btn.sm{height:32px;padding:0 10px;font-size:12.5px}.stp .stp-price{align-items:center;gap:3px;font-weight:900;display:inline-flex}.stp .stp-price svg{color:#0284c7;display:block}.stp .stp-muted{color:var(--stp-muted);margin:4px 0 8px;font-size:12.5px}.stp .stp-ico{color:#7c2d12;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.stp .stp-ico svg{display:block}.stp .stp-ico.big{border-radius:22px;width:76px;height:76px;box-shadow:0 10px 20px -10px #b4530999,inset 0 1px #fff9}.stp .stp-ico.sm{border-radius:10px;width:34px;height:34px}.stp .stp-ico.red{color:#fff;background:linear-gradient(135deg,#fecaca,#dc2626)}.stp .stp-ico.amber{background:linear-gradient(135deg,#fde68a,#f59e0b)}.stp .stp-hero{color:#fff;background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--stp-accent) 70%, #fff) 0%, transparent 45%),linear-gradient(120deg, var(--stp-accent), var(--stp-accent-2));box-shadow:0 16px 34px -20px color-mix(in srgb, var(--stp-accent) 70%, transparent);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 26px;display:grid;position:relative;overflow:hidden}.stp .stp-hero:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff24 1.2px,#0000 1.3px);background-size:18px 18px;position:absolute;inset:0}.stp .stp-hero-text{min-width:0;position:relative}.stp .stp-hero-text small{background:#ffffff29;border:1px solid #ffffff47;border-radius:99px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.stp .stp-hero-text small svg{display:block}.stp .stp-hero-text h1{color:#fff;margin:10px 0 6px;font-size:30px;font-weight:900}.stp .stp-hero-text p{color:#ffffffe6;max-width:560px;margin:0;font-size:14.5px;line-height:1.55}.stp .stp-hero-text p b{color:#fde68a}.stp .stp-wallet{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.stp .stp-wallet>div{color:var(--stp-ink);background:#fff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:8px 16px 8px 8px;display:grid;box-shadow:0 8px 18px -10px #00000059}.stp .stp-wallet>div>span{border-radius:11px;grid-row:span 2;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.stp .stp-wallet>div>span svg{display:block}.stp .stp-wallet>div>span.coin{background:#fef9c3}.stp .stp-wallet>div>span.gem{color:#0284c7;background:#e0f2fe}.stp .stp-wallet>div b{font-size:19px;font-weight:900;line-height:1.1}.stp .stp-wallet>div small{color:var(--stp-muted);font-size:11.5px;font-weight:700}.stp .stp-earn{color:#fff;border:1.5px solid #ffffff80;border-radius:14px;align-items:center;gap:6px;height:54px;padding:0 16px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-flex}.stp .stp-earn svg{display:block}.stp .stp-earn:hover{background:#ffffff1f}.stp .stp-look{min-width:210px;color:var(--stp-ink);text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:16px 18px;display:flex;position:relative;box-shadow:0 14px 28px -14px #00000073}.stp .stp-look b{font-size:15px;font-weight:900}.stp .stp-look>small{color:var(--stp-muted);font-size:12px}.stp .stp-look.trying{box-shadow:0 0 0 3px #a5b4fc,0 14px 28px -14px #00000073}.stp .stp-look-label{letter-spacing:.04em;text-transform:uppercase;color:var(--stp-muted);align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.stp .stp-look-label svg{display:block}.stp .stp-look.trying .stp-look-label{color:#4338ca}.stp .stp-title-chip{color:#7c2d12;white-space:nowrap;background:linear-gradient(135deg,#fde68a,#fbbf24);border:1px solid #f59e0b;border-radius:99px;align-items:center;gap:4px;padding:2px 10px;font-size:12.5px;font-weight:800;display:inline-flex}.stp .stp-title-chip svg{display:block}.stp .stp-reset{font:inherit;color:#4338ca;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.stp .stp-reset svg{display:block}.stp .stp-msg{color:#b91c1c;background:#fef2f2;border-radius:12px;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:13.5px;font-weight:700;display:flex}.stp .stp-msg svg{display:block}.stp .stp-msg.ok{color:#15803d;background:#f0fdf4}.stp .stp-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:16px;display:grid}.stp .stp-layout>main{flex-direction:column;gap:14px;min-width:0;display:flex}.stp .stp-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:12px}.stp .stp-suggest{background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fde68a;border-radius:18px;padding:14px 16px}.stp .stp-suggest h3{color:#92400e;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:900;display:flex}.stp .stp-suggest h3 svg{color:#f59e0b;display:block}.stp .stp-suggest-row{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:8px;display:grid}.stp .stp-suggest-item{background:#fff;border:1px solid #fef3c7;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.stp .stp-suggest-art{flex-shrink:0;display:inline-flex}.stp .stp-suggest-art .stp-ico{width:46px;height:46px}.stp .stp-suggest-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stp .stp-suggest-text b{color:var(--stp-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.stp .stp-suggest-text .stp-price{color:#b45309;font-size:12.5px}.stp .stp-tabs{background:#f5f3ef;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.stp .stp-tabs button{height:38px;font:inherit;color:#57534e;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:800;display:inline-flex}.stp .stp-tabs button svg{display:block}.stp .stp-tabs button small{text-align:center;background:#0000000f;border-radius:99px;min-width:20px;padding:0 6px;font-size:11.5px}.stp .stp-tabs button:hover:not(.on){color:var(--stp-accent)}.stp .stp-tabs button.on{color:var(--stp-accent);background:#fff;box-shadow:0 1px 4px #0000001a}.stp .stp-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stp .stp-tools select{border:1.5px solid var(--stp-line);height:38px;font:inherit;color:var(--stp-ink);cursor:pointer;background:#fff;border-radius:10px;padding:0 30px 0 12px;font-size:13.5px;font-weight:700}.stp .stp-toggle{border:1.5px solid var(--stp-line);color:#4b5563;cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:13.5px;font-weight:800;display:inline-flex}.stp .stp-toggle input{display:none}.stp .stp-toggle svg{display:block}.stp .stp-toggle.on{color:#15803d;background:#f0fdf4;border-color:#86efac}.stp .stp-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:14px;display:grid}.stp .stp-card{--r1:#f1f5f9;--r2:#e2e8f0;--rc:#64748b;border:1px solid var(--stp-line);background:#fff;border-radius:18px;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.stp .stp-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -18px #0f172a59}.stp .stp-card.r-rare{--r1:#e0f2fe;--r2:#bae6fd;--rc:#0369a1}.stp .stp-card.r-epic{--r1:#f3e8ff;--r2:#d8b4fe;--rc:#7e22ce}.stp .stp-card.r-exclusive{--r1:#fef3c7;--r2:#fcd34d;--rc:#b45309}.stp .stp-card.equipped{border-color:#86efac;box-shadow:0 0 0 2px #bbf7d0}.stp .stp-art{background:radial-gradient(circle at 50% 45%, #fff 0%, var(--r1) 55%, var(--r2) 100%);justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.stp .stp-art:before{content:"";background-image:radial-gradient(#ffffff8c 1px,#0000 1.2px);background-size:12px 12px;position:absolute;inset:0}.stp .stp-card.r-epic .stp-art:after,.stp .stp-card.r-exclusive .stp-art:after{content:"";background:conic-gradient(#0000,#ffffff8c,#0000 30%);border-radius:50%;width:180px;height:180px;animation:6s linear infinite stp-spin;position:absolute}.stp .stp-art>*{z-index:1;position:relative}.stp .stp-rarity{z-index:2;color:var(--rc);border:1px solid var(--r2);letter-spacing:.02em;background:#fff;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:900;top:10px;left:10px;position:absolute!important}.stp .stp-own{z-index:2;color:#fff;background:#16a34a;border-radius:99px;align-items:center;gap:3px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-flex;top:10px;right:10px;position:absolute!important}.stp .stp-own svg{display:block}.stp .stp-title-art{flex-direction:column;align-items:center;gap:10px;display:flex}.stp .stp-body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.stp .stp-body h4{color:var(--stp-ink);margin:0;font-size:15.5px;font-weight:900}.stp .stp-body p{color:var(--stp-muted);margin:0;font-size:12.5px;line-height:1.45}.stp .stp-stock{color:#4b5563;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.stp .stp-stock svg{color:#f59e0b;display:block}.stp .stp-actions{gap:6px;margin-top:auto;padding-top:6px;display:flex}.stp .stp-actions>*{flex:1}.stp .stp-actions .stp-btn.ghost{flex:none}.stp .stp-empty{border:1px solid var(--stp-line);text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;display:flex}.stp .stp-empty>span{color:#f59e0b;background:#fff7e6;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:inline-flex}.stp .stp-empty>span svg{display:block}.stp .stp-empty b{font-size:17px}.stp .stp-empty p{color:var(--stp-muted);margin:0}.stp .stp-card-box{border:1px solid var(--stp-line);background:#fff;border-radius:18px;padding:16px}.stp .stp-card-box h3{color:var(--stp-ink);align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:900;display:flex}.stp .stp-card-box h3 svg{color:var(--stp-accent);display:block}.stp .stp-card-box h4{color:var(--stp-muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin:12px 0 6px;font-size:12.5px;font-weight:800;display:flex}.stp .stp-card-box h4 svg{display:block}.stp .stp-link{font:inherit;color:var(--stp-accent);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12.5px;font-weight:800}.stp .stp-bag{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.stp .stp-bag li{border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.stp .stp-bag li.on{background:#f0fdf4}.stp .stp-bag li>span:not(.stp-ico){flex-direction:column;flex:1;min-width:0;display:flex}.stp .stp-bag li>span:not(.stp-ico) b{color:var(--stp-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.stp .stp-bag li>span:not(.stp-ico) small{color:var(--stp-muted);font-size:11.5px}.stp .stp-bag li.on small{color:#15803d;font-weight:800}.stp .stp-bag em{color:var(--stp-ink);font-size:13px;font-style:normal;font-weight:900}.stp .stp-history{margin:0;padding:0;list-style:none}.stp .stp-history li{border-top:1px dashed var(--stp-line);justify-content:space-between;gap:8px;padding:7px 0;font-size:13px;display:flex}.stp .stp-history li:first-child{border-top:0}.stp .stp-history li b{color:var(--stp-ink);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.stp .stp-history li span{color:#b91c1c;flex-shrink:0;align-items:center;gap:2px;font-weight:800;display:inline-flex}.stp .stp-history li span svg{display:block}.stp .stp-earn-box a{color:inherit;border-radius:12px;align-items:center;gap:10px;padding:8px;text-decoration:none;display:flex}.stp .stp-earn-box a>svg{background:color-mix(in srgb, var(--stp-accent) 9%, #fff);width:34px;height:34px;color:var(--stp-accent);box-sizing:border-box;border-radius:10px;flex-shrink:0;padding:8px;display:block}.stp .stp-earn-box a span{flex-direction:column;display:flex}.stp .stp-earn-box a span b{color:var(--stp-ink);font-size:13.5px}.stp .stp-earn-box a span small{color:var(--stp-muted);font-size:12px}.stp .stp-earn-box a:hover{background:#fafaf9}@media (max-width:1150px){.stp .stp-layout{grid-template-columns:minmax(0,1fr)}.stp .stp-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;display:grid;position:static}}@media (max-width:760px){.stp .stp-hero{grid-template-columns:1fr;padding:20px 18px}.stp .stp-hero-text h1{font-size:25px}.stp .stp-look{min-width:0}.stp .stp-tabs button{flex:auto;justify-content:center;padding:0 8px}}@keyframes stp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.stp .stp-card .stp-art:after{animation:none}}html[data-theme=dark] .stp{--stp-ink:#ece9ff;--stp-muted:#a8a3d6;--stp-line:#8b5cf638}html[data-theme=dark] .stp .stp-card,html[data-theme=dark] .stp .stp-card-box,html[data-theme=dark] .stp .stp-empty,html[data-theme=dark] .stp .stp-suggest-item,html[data-theme=dark] .stp .stp-toggle:not(.on),html[data-theme=dark] .stp .stp-tools select,html[data-theme=dark] .stp .stp-btn:not(.primary):not(.gold){background:#1f1a4d}html[data-theme=dark] .stp .stp-suggest{border-color:var(--stp-line);background:linear-gradient(135deg,#fbbf241a,#1f1a4d)}html[data-theme=dark] .stp .stp-tabs{background:#ffffff0f}html[data-theme=dark] .stp .stp-tabs button{color:#c9c4f2}html[data-theme=dark] .stp .stp-tabs button.on{background:#2b2566}html[data-theme=dark] .stp .stp-earn-box a:hover{background:#ffffff0a}