@import "https://fonts.googleapis.com/css2?family=Urbanist:wght@600;700;800&family=Barlow:wght@300;400;500&display=swap";:root{--bg-page:#0a080f;--bg-surface:#0e0c16;--bg-surface-alt:#111018;--gold:#f5c21a;--gold-dark:#e6a800;--text:#ffffffe6;--text-muted:#6b6b8a;--cream:#ece3d1;--border-rest:#2a2840;--font-heading:"Urbanist", sans-serif;--font-body:"Barlow", sans-serif;--r-chip:8px;--r-card:14px;--r-surface:20px;--r-pill:999px;--radius-pill:var(--r-pill)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);color:var(--text);background:var(--bg-page);min-height:100vh;font-weight:300;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9998;opacity:.03;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0d 2px 4px);position:fixed;inset:0}#root{min-height:100vh;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#2a2840;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3860}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loading-spinner-ring{border-style:solid;border-color:#f5c21a33;border-top-color:var(--gold);border-radius:50%;flex-shrink:0;animation:.75s linear infinite spinner-rotate}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#1a1828 0%,#24223a 40%,#1a1828 80%) 0 0/800px 100%;border-radius:8px;animation:1.6s ease-in-out infinite shimmer}.btn-tri{border-radius:var(--radius-pill);font-family:var(--font-body);border:1px solid var(--border-rest);color:var(--cream);cursor:pointer;background:0 0;padding:6px 14px;font-size:.72rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.btn-tri:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.btn-tri:focus-visible{color:var(--gold);border-color:#0000;outline:none}.btn-tri:disabled{opacity:.6;cursor:default}.btn-tri--primary{font-family:var(--font-heading);padding:8px 20px;font-size:.8rem;font-weight:600}.owned-filter-pill{border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #0000;padding:5px 14px;font-size:.72rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.owned-filter-pill:hover{border-color:var(--border-rest);color:var(--cream)}.owned-filter-pill:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}.owned-filter-pill.is-active{color:#fff;border-color:#fff}.rarity-shine{background:linear-gradient(#1a1826, #1a1826) padding-box, linear-gradient(45deg, transparent 35%, var(--rarity) 50%, transparent 65%) border-box;animation:7s ease-out infinite rarity-wipe;animation-delay:var(--shine-delay,0s);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 100%,400% 400%}@keyframes rarity-wipe{0%,65%{background-position:0 0,0 100%}97%,to{background-position:0 0,100% 0}}@media (prefers-reduced-motion:reduce){.rarity-shine{background:linear-gradient(#1a1826, #1a1826) padding-box, linear-gradient(color-mix(in srgb, var(--rarity) 25%, transparent), color-mix(in srgb, var(--rarity) 25%, transparent)) border-box;animation:none}}.filter-row{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding:0 24px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.filter-row::-webkit-scrollbar{display:none}.filter-row[data-at-start=true]{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%)}.filter-row[data-at-end=true]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px 100%)}.filter-row[data-at-start=true][data-at-end=true]{-webkit-mask-image:none;mask-image:none}.filter-pill{border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border:2px solid #0000;flex:none;padding:6px 16px;font-size:.8rem;font-weight:500;transition:color .2s,border-color .2s,background .2s}.filter-pill:hover{border-color:var(--border-rest);color:var(--cream)}.filter-pill:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}.filter-pill.is-active,.filter-pill.is-active:hover{color:#fff;border-color:#fff}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.site-header__text{min-width:0}.site-header__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--cream);margin-bottom:6px;font-size:clamp(2.4rem,7vw,4.4rem);font-weight:800;line-height:1}.site-header__tagline{font-family:var(--font-heading);color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600}.site-header__meta{color:var(--text-muted);font-size:.8rem;font-family:var(--font-body);letter-spacing:.02em;margin-top:8px}.site-header__slot{flex-shrink:0}.site-header__compact-bar{z-index:20;background:color-mix(in srgb, var(--bg-page) 80%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #1e1c2a;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;animation:.2s ease-out compact-bar-in;display:flex;position:fixed;top:0;left:0;right:0}.site-header__compact-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}@keyframes compact-bar-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.site-header__compact-bar{animation:none}}.sync-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width>=968px){.desktop-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.desktop-right{scrollbar-width:thin;scrollbar-color:#2a2840 transparent;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow-y:auto}}@media (width>=1088px){.desktop-layout{grid-template-columns:minmax(0,1fr) 420px;gap:32px}}.stash-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin:0 auto;display:grid}@media (width>=768px){.stash-grid{gap:15px}}