:root{--ink:#10191b;--ink-soft:#4a5c61;--ink-faint:#7a8d93;--paper:#f3f6f4;--paper-2:#e6ece8;--surface:#ffffffc7;--surface-solid:#fff;--line:#10191b1a;--line-strong:#10191b2e;--volt:#b6f34d;--volt-ink:#2f4a08;--teal:#0e7c74;--teal-deep:#0a5c57;--amber:#c47a12;--danger:#b42318;--hero:#10191b;--shadow:0 24px 60px #10191b1a;--radius:22px;--ease:cubic-bezier(.22, 1, .36, 1);--font-display:"Syne", sans-serif;--font-body:"Figtree", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(900px 520px at 8% -8%, #b6f34d38, transparent 55%), radial-gradient(800px 480px at 92% 0%, #0e7c7429, transparent 50%), linear-gradient(165deg, #f7faf8 0%, var(--paper-2) 100%);background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;opacity:.4;background-image:linear-gradient(#10191b09 1px,#0000 1px),linear-gradient(90deg,#10191b09 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 20%,#0000 72%);mask-image:radial-gradient(at 50% 0,#000 20%,#0000 72%)}button,input{font:inherit}button{cursor:pointer}a{color:var(--teal-deep)}.app-shell{width:min(1080px,100% - 2rem);margin:0 auto;padding:2.25rem 0 4.5rem;position:relative}.brand-lockup{animation:rise .65s var(--ease) both;gap:.85rem;margin-bottom:1.75rem;display:grid}.brand-mark{align-items:center;gap:.85rem;display:inline-flex}.brand-mark svg{filter:drop-shadow(0 8px 18px #10191b2e);width:48px;height:48px}.brand-name{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.7rem,7vw,4.1rem);font-weight:800;line-height:.92}.brand-name span{color:#0000;background:linear-gradient(120deg, var(--teal) 10%, #149e7f 55%, #7acb2a 100%);-webkit-background-clip:text;background-clip:text}.tagline{max-width:36rem;color:var(--ink-soft);margin:0;font-size:1.12rem;line-height:1.5}.panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);animation:rise .75s var(--ease) both;padding:1.15rem 1.2rem 1.25rem;animation-delay:40ms}.mode-tabs{background:#10191b0a;border-radius:999px;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1rem;padding:.3rem;display:grid}.mode-tab{color:var(--ink-soft);transition:background .18s var(--ease), color .18s var(--ease), transform .12s var(--ease);background:0 0;border:none;border-radius:999px;padding:.72rem 1rem;font-weight:600}.mode-tab:hover{color:var(--ink)}.mode-tab:active{transform:scale(.98)}.mode-tab[aria-selected=true]{background:var(--surface-solid);color:var(--ink);box-shadow:0 1px 2px #10191b0f,0 8px 20px #10191b0f}.search-row{grid-template-columns:1fr auto;gap:.7rem;display:grid}.search-input,.file-drop{border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--ink);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:16px;outline:none;padding:.95rem 1.05rem}.search-input:focus,.file-drop:focus-within,.file-drop.dragover{border-color:#0e7c748c;box-shadow:0 0 0 4px #0e7c741f}.primary-btn{background:linear-gradient(145deg, var(--teal) 0%, var(--teal-deep) 100%);color:#fff;white-space:nowrap;min-width:9.75rem;transition:transform .12s var(--ease), filter .18s var(--ease), box-shadow .18s var(--ease);border:none;border-radius:16px;padding:.95rem 1.3rem;font-weight:700;box-shadow:0 10px 24px #0e7c7438}.primary-btn:hover:not(:disabled){filter:brightness(1.05)}.primary-btn:active:not(:disabled){transform:scale(.97)}.primary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.example-row{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:.45rem .85rem;margin-top:.85rem;font-size:.9rem;display:flex}.example-row button{color:var(--teal-deep);text-underline-offset:3px;transition:color .15s var(--ease);background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.example-row button:hover{color:var(--ink)}.detect-stack{gap:.75rem;margin-top:.85rem;display:grid}.detect-stack .suggestions{margin-top:0}.suggestions{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;gap:.25rem;max-height:320px;margin:.85rem 0 0;padding:.35rem;list-style:none;display:grid;overflow:auto}.suggestion{text-align:left;width:100%;transition:background .15s var(--ease), transform .15s var(--ease);background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:.8rem;padding:.5rem .55rem;display:grid}.suggestion:hover{background:#0e7c740f;transform:translate(2px)}.suggestion:active{transform:scale(.99)}.suggestion img,.skin-hero img,.variant-icon{object-fit:contain;background:linear-gradient(160deg,#1a2a2e,#0f191c);border-radius:10px;width:48px;height:36px}.suggestion-name{font-size:.95rem;font-weight:600}.suggestion-meta{color:var(--ink-soft);font-size:.84rem}.file-drop{text-align:center;cursor:pointer;min-height:168px;transition:transform .15s var(--ease), border-color .18s var(--ease), background .18s var(--ease);border-style:dashed;border-width:1.5px;place-items:center;display:grid}.file-drop:hover{background:#b6f34d14}.file-drop strong{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.28rem;font-size:1.2rem;display:block}.file-drop span{color:var(--ink-soft);font-size:.95rem}.file-drop input{display:none}.preview-row{background:#10191b09;border-radius:16px;align-items:center;gap:1rem;margin-top:1rem;padding:.7rem;display:flex}.preview-row img{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:120px;height:90px}.status-line{color:var(--ink-soft);min-height:1.4em;margin:.95rem 0 0;font-size:.95rem}.status-line.error{color:var(--danger)}.status-line.loading:before{content:"";background:var(--teal);width:.65rem;height:.65rem;animation:pulse 1s var(--ease) infinite;vertical-align:.05rem;border-radius:50%;margin-right:.45rem;display:inline-block}.results{animation:rise .5s var(--ease) both;gap:1.1rem;margin-top:1.4rem;display:grid}.skin-hero{color:#f4faf8;border-radius:calc(var(--radius) + 2px);background:radial-gradient(600px 220px at 85% 20%,#b6f34d2e,#0000 55%),linear-gradient(145deg,#142022 0%,#0d1517 100%);border:1px solid #ffffff0d;grid-template-columns:auto 1fr;align-items:center;gap:1.1rem;padding:1.25rem 1.35rem;display:grid;position:relative;overflow:hidden}.skin-hero img{z-index:1;width:112px;height:84px;position:relative;box-shadow:0 12px 30px #00000059}.skin-hero h2{font-family:var(--font-display);letter-spacing:-.04em;z-index:1;margin:0;font-size:clamp(1.55rem,3.4vw,2.15rem);position:relative}.skin-hero p{color:#f4faf8ad;z-index:1;max-width:38rem;margin:.4rem 0 0;line-height:1.45;position:relative}.resolve-note{color:#b6f34dd9!important;font-size:.9rem!important}.range-pill{color:var(--volt);z-index:1;letter-spacing:-.01em;background:#b6f34d24;border-radius:999px;align-items:baseline;gap:.5rem;margin-top:.8rem;padding:.42rem .8rem;font-size:1.02rem;font-weight:700;display:inline-flex;position:relative}.range-pill em{color:#f4faf88c;font-size:.82rem;font-style:normal;font-weight:500}.group-block{gap:.55rem;display:grid}.group-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin:.35rem .15rem .1rem;display:flex}.group-heading h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.05rem}.group-heading span{color:var(--ink-faint);font-size:.85rem}.variant-table{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:.45rem;padding:.35rem;display:grid;box-shadow:0 10px 30px #10191b0a}.variant-card{transition:background .18s var(--ease), transform .18s var(--ease), border-color .18s var(--ease);animation:rise .4s var(--ease) both;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:52px minmax(0,1.35fr) minmax(0,1.1fr);align-items:center;gap:.85rem;padding:.8rem .9rem;display:grid}.variant-card:hover{border-color:var(--line);background:#ffffffe6;transform:translateY(-1px)}.variant-title{letter-spacing:-.01em;margin:0;font-weight:700}.variant-sub{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;margin:.18rem 0 0;font-size:.82rem;overflow:hidden}.price-block{text-align:right;justify-items:end;gap:.35rem;display:grid}.price-range{font-family:var(--font-display);letter-spacing:-.03em;color:var(--teal-deep);font-size:1.28rem;font-weight:700}.price-range small{font-family:var(--font-body);color:var(--ink-faint);letter-spacing:0;margin-top:.1rem;font-size:.78rem;font-weight:500;display:block}.price-meter{background:#10191b14;border-radius:999px;width:min(220px,100%);height:5px;overflow:hidden}.price-meter>span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--volt));height:100%;display:block}.market-chips{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.market-chip{color:var(--ink-soft);background:#10191b0d;border-radius:999px;padding:.18rem .45rem;font-size:.72rem;font-weight:500}.market-chip.best{color:var(--volt-ink);background:#b6f34d47;font-weight:700}.phase-list{border-top:1px dashed var(--line);flex-wrap:wrap;grid-column:1/-1;gap:.35rem;padding-top:.45rem;display:flex}.phase-chip{color:#8a5608;background:#c47a121f;border-radius:999px;padding:.28rem .55rem;font-size:.78rem;font-weight:600}.setup-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:32rem;box-shadow:var(--shadow);margin:4rem auto;padding:2rem}.setup-card h1{font-family:var(--font-display);margin:0 0 .75rem}.setup-card code{background:var(--hero);color:#dff7f3;border-radius:12px;margin-top:1rem;padding:.85rem 1rem;font-size:.85rem;display:block;overflow-x:auto}.kind-badge{letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;border-radius:6px;margin-left:.4rem;padding:.14rem .4rem;font-size:.68rem;font-weight:700;display:inline-block}.kind-badge.stattrak{color:#8a5608;background:#c47a1224}.kind-badge.souvenir{color:var(--ink-soft);background:#10191b14}.loading-skeleton{gap:.55rem;margin-top:1.4rem;display:grid}.skeleton-block{background:linear-gradient(90deg,#10191b0d,#10191b17,#10191b0d) 0 0/200% 100%;border-radius:16px;height:74px;animation:1.2s linear infinite shimmer}.skeleton-block.hero{background:linear-gradient(145deg,#1a272a,#121b1d),linear-gradient(90deg,#0000,#ffffff0f,#0000) 0 0/200% 100%;border-radius:22px;height:128px;animation:1.2s linear infinite shimmer}.site-foot{color:var(--ink-faint);text-align:center;margin-top:2rem;font-size:.82rem}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:100% 0,200% 0}to{background-position:100% 0,-200% 0}}@keyframes pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@media (width<=720px){.search-row{grid-template-columns:1fr}.variant-card{grid-template-columns:44px 1fr}.price-block{text-align:left;grid-column:2;justify-items:start}.market-chips{justify-content:flex-start}.skin-hero{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}