:root{--bg-0:#0b0c0e;--bg-1:#111317;--bg-2:#161922;--bg-3:#1d212c;--bg-4:#262b38;--bg-inset:#0d1016;--glass:rgba(20,23,32,.62);--stroke:rgba(255,255,255,.08);--stroke-soft:rgba(255,255,255,.05);--line:#23262f;--line-strong:#2e333f;--tx-0:#f4f6fb;--tx-1:#aeb4c2;--tx-2:#6b7280;--tx-3:#4d566b;--accent:#e8eefc;--accent-ink:#0b0c0e;--accent-glow:#5b8cff;--ok:#4ade80;--err:#ef5a5a;--r:#5e98d9;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);--shadow-lift:0 2px 6px rgba(0,0,0,.5), 0 18px 50px rgba(0,0,0,.55);--glow-rest:0 0 0 1px var(--line);--glow-hover:0 0 0 1px color-mix(in srgb,var(--r) 55%,transparent), 0 0 24px -6px color-mix(in srgb,var(--r) 45%,transparent);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--header-h:64px;--rail-w:228px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{overflow:hidden;background:var(--bg-0);color:var(--tx-0);font:14px/1.45 var(--font)}img{max-width:100%;display:block}.app{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);grid-template-rows:var(--header-h) minmax(0,1fr);grid-template-areas:"header header" "side content";height:100dvh;width:100%;overflow:hidden}.header{grid-area:header}.side{grid-area:side;min-width:0;overflow-y:auto;overflow-x:hidden}.content{grid-area:content;min-width:0;overflow-y:auto;overflow-x:hidden;padding:var(--s5);scrollbar-gutter:stable;contain:layout paint}.weapon-grid{display:grid;gap:var(--s4);width:100%;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.skin-grid{display:grid;gap:var(--s4);width:100%;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.weapon-grid>*,.skin-grid>*{min-width:0}.card-name,.wcard-name,.wcard-sub,.crumb-link,.ctx-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header{display:flex;align-items:center;gap:var(--s4);padding:0 var(--s5);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--stroke)}.wordmark{font:700 16px/1 var(--font);letter-spacing:.02em;color:var(--tx-1)}.wordmark b{color:var(--accent)}.spacer{flex:1}.profile-chip{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}.profile-chip:hover{border-color:var(--accent-glow);box-shadow:0 0 24px -4px color-mix(in srgb,var(--accent-glow) 55%,transparent)}.profile-chip img{width:32px;height:32px;border-radius:50%;object-fit:cover}.pname{font:600 13px/1.1 var(--font);color:var(--tx-0)}.psteam{font:700 10px/1 var(--font);letter-spacing:.06em;color:var(--tx-2);margin-top:2px}.logout{all:unset;cursor:pointer;margin-left:6px;padding-left:10px;border-left:1px solid var(--line);font:600 12px var(--font);color:var(--tx-2)}.logout:hover{color:var(--tx-0)}.team-seg{display:inline-flex;gap:2px;padding:3px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-pill);flex:none}.seg{all:unset;cursor:pointer;padding:6px 14px;border-radius:var(--r-pill);font:700 12px/1 var(--font);letter-spacing:.04em;color:var(--tx-2);transition:.15s}.seg:hover{color:var(--tx-0)}.seg.on{background:var(--bg-4);color:var(--tx-0);box-shadow:0 1px 3px #0006}.seg[data-t=t].on{color:#f0a849}.seg[data-t=ct].on{color:#6aa0ff}.side{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-right:1px solid var(--stroke);padding:var(--s4) var(--s3)}.side-head{font:600 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3);padding:var(--s2) var(--s3) var(--s3)}.nav-item{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:11px var(--s3);margin-bottom:4px;border-radius:var(--r-md);color:var(--tx-1);position:relative;transition:background .14s,color .14s}.nav-item:hover{background:var(--bg-2);color:var(--tx-0)}.nav-item.active{background:var(--bg-4);color:var(--tx-0)}.nav-item.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--accent)}.nav-item.disabled{opacity:.4;pointer-events:none}.nav-ic{width:20px;text-align:center;font-size:16px;flex:none}.nav-txt{display:flex;flex-direction:column;min-width:0}.nav-l{font:600 14px/1.1 var(--font)}.nav-s{font:500 11px/1 var(--font);color:var(--tx-2);margin-top:2px}.view{animation:viewIn .24s cubic-bezier(.2,.7,.3,1) both}.view-title{font:700 26px/1.15 var(--font);letter-spacing:-.01em;color:var(--tx-0);margin:0 0 var(--s5)}.section-head{display:flex;align-items:baseline;gap:var(--s2);font:600 13px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-2);margin:var(--s5) 0 var(--s3)}.cat-section:first-child .section-head{margin-top:0}.section-count{font-size:11px;color:var(--tx-3)}.wcard{all:unset;cursor:pointer;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.wcard-art{aspect-ratio:4/3;display:grid;place-items:center;padding:var(--s4);background:radial-gradient(120% 90% at 50% 22%,var(--bg-3),var(--bg-2))}.wcard-art img{max-width:84%;max-height:84%;object-fit:contain;transition:transform .2s ease;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.wcard:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow)}.wcard:hover .wcard-art img{transform:scale(1.04)}.wcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wcard-meta{padding:var(--s3);border-top:1px solid var(--line)}.wcard-name{font:600 14px/1.2 var(--font);color:var(--tx-0)}.wcard-sub{display:flex;align-items:center;gap:6px;margin-top:3px;font:600 11px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--tx-2)}.eq-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);flex:none}.ctx-bar{position:sticky;top:calc(var(--s5)*-1);z-index:6;display:flex;align-items:center;gap:var(--s4);flex-wrap:nowrap;margin:calc(var(--s5)*-1) calc(var(--s5)*-1) var(--s4);padding:var(--s3) var(--s5);background:color-mix(in srgb,var(--bg-0) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.back-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;flex:none;padding:var(--s2) var(--s3);border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--line);color:var(--tx-1);font:600 13px/1 var(--font);transition:.14s}.back-btn:hover{background:var(--bg-3);color:var(--tx-0);transform:translate(-2px)}.crumbs{display:flex;align-items:center;gap:8px;min-width:0}.crumb-link{all:unset;cursor:pointer;color:var(--tx-2);font:600 13px/1 var(--font)}.crumb-link:hover{color:var(--tx-0)}.crumb-sep{color:var(--tx-3);flex:none}.ctx-title{font:650 20px/1.2 var(--font);letter-spacing:-.01em;color:var(--tx-0)}.ctx-count{font:500 13px/1 var(--font);color:var(--tx-2);flex:none}.search{margin-left:auto;min-width:0;width:min(260px,40%);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 14px;color:var(--tx-0);font:14px var(--font)}.search:focus{outline:none;border-color:var(--accent)}.scard{all:unset;cursor:pointer;position:relative;display:flex;flex-direction:column;background:var(--bg-2);border-radius:var(--r-md);box-shadow:var(--glow-rest);overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 260px;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s ease,background .18s ease}.scard:before{content:"";height:3px;width:100%;background:linear-gradient(90deg,var(--r),color-mix(in srgb,var(--r) 35%,transparent))}.scard-well{aspect-ratio:4/3;display:grid;place-items:center;padding:var(--s3);background:radial-gradient(110% 80% at 50% 35%,color-mix(in srgb,var(--r) 12%,transparent),var(--bg-inset))}.scard-well img{max-width:90%;max-height:90%;object-fit:contain;transition:transform .25s ease;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.scard:hover{transform:translateY(-3px);background:var(--bg-3);box-shadow:var(--glow-hover),var(--shadow-lift)}.scard:hover .scard-well img{transform:scale(1.05)}.scard:active{transform:scale(.97)}.scard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scard-meta{padding:var(--s2) var(--s3) var(--s3)}.card-name{font:600 14px/1.3 var(--font);color:var(--tx-0)}.rarity{display:flex;align-items:center;gap:6px;margin-top:3px;font:600 11px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--r);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rarity:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--r);box-shadow:0 0 8px var(--r);flex:none}.scard.is-equipped{box-shadow:0 0 0 1.5px var(--ok),var(--shadow)}.check{position:absolute;top:10px;right:10px;z-index:2;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:800;color:var(--accent-ink);background:var(--ok);box-shadow:0 2px 8px color-mix(in srgb,var(--ok) 55%,transparent),0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent);animation:pop .28s cubic-bezier(.34,1.56,.64,1)}.state{display:grid;place-items:center;gap:var(--s3);min-height:48vh;text-align:center;color:var(--tx-2)}.state-ic{font-size:34px;opacity:.6}.state-title{font:600 16px/1.3 var(--font);color:var(--tx-1);margin:0}.state-sub{font:500 13px/1.4 var(--font);color:var(--tx-2);margin:0}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--bg-3);border:1px solid var(--line);color:var(--tx-0);padding:10px 18px;border-radius:var(--r-pill);box-shadow:var(--shadow-lift);border-left:3px solid var(--ok);animation:toastIn .2s ease;z-index:30;max-width:90vw}.toast.err{border-left-color:var(--err)}.boot{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:14px;background:var(--bg-0);color:var(--tx-2)}.login{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(900px 520px at 50% -8%,#18202f,var(--bg-0))}.login-card{display:grid;gap:12px;justify-items:center;text-align:center;padding:40px}.login-logo{font-size:54px}.login-card h1{margin:0;color:var(--tx-0);font:700 26px var(--font);letter-spacing:-.01em}.login-card p{margin:0;max-width:340px;color:var(--tx-2)}.steam-btn{margin-top:10px;text-decoration:none;background:linear-gradient(180deg,#1b2838,#2a475e);color:#fff;padding:13px 26px;border-radius:12px;border:1px solid #66c0f4;font-weight:700}.steam-btn:hover{filter:brightness(1.12)}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.skin-grid>.scard{animation:cardIn .26s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(min(var(--i,0),16)*12ms)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:1024px){:root{--rail-w:64px}.side-head,.nav-s,.nav-l{display:none}.nav-item{justify-content:center;padding:11px 0}.nav-item.active:before{display:none}}@media (max-width:560px){.content{padding:var(--s4)}.ctx-bar{flex-wrap:wrap}.search{width:100%;margin-left:0}.ctx-count{display:none}}