@font-face{font-family:Rajdhani Fallback;src:local("Arial");size-adjust:108%;ascent-override:95%;descent-override:25%;line-gap-override:0%}@font-face{font-family:Orbitron Fallback;src:local("Arial");size-adjust:95%;ascent-override:100%;descent-override:20%;line-gap-override:0%}:root{--bg: #0a0b0f;--bg-secondary: #0e1118;--panel: #141a26;--panel-light: #1a2332;--muted: #8a96a8;--text: #e8edf5;--text-bright: #ffffff;--accent: #00d4ff;--accent-glow: #00a3cc;--accent-2: #ff6b35;--accent-3: #b084ff;--warning: #ffa726;--danger: #ff5252;--success: #4caf50;--badge: #1a2332;--badge-hover: #243447;--border: #2a3441;--border-light: #3a4855;--shadow: 0 8px 32px rgba(0, 0, 0, .6);--shadow-intense: 0 12px 48px rgba(0, 212, 255, .15);--radius: 16px;--radius-sm: 8px;--glow: 0 0 20px rgba(0, 212, 255, .3)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Rajdhani,Rajdhani Fallback,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(ellipse 1400px 800px at 30% -20%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(ellipse 1200px 600px at 70% 120%,rgba(255,107,53,.06) 0%,transparent 50%),linear-gradient(135deg,var(--bg) 0%,var(--bg-secondary) 100%);background-attachment:fixed;min-height:100vh;line-height:1.6;font-weight:400}body.landing{background:transparent}body.landing header:before{content:"";position:absolute;inset:-10px -20px;border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 88%,rgba(10,11,15,.75));border:1px solid color-mix(in srgb,var(--border) 80%,transparent);z-index:-1}body.landing footer{background:color-mix(in srgb,var(--panel) 88%,rgba(10,11,15,.75));border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--radius-sm);box-shadow:0 -8px 24px #00000073;padding:24px 16px}body.landing .nav-item{box-shadow:none}body.landing .nav-item:hover,body.landing .nav-item:focus,body.landing .nav-item:active,body.landing .nav-item--active{box-shadow:none}.wrap{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:16px 16px 40px}.site-toast-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:11000;pointer-events:none}.site-toast{pointer-events:auto;min-width:220px;max-width:320px;background:linear-gradient(135deg,#141a26f2,#20293af2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-bright);font-family:Rajdhani,sans-serif;font-weight:600;font-size:14px;letter-spacing:.2px;line-height:1.4;box-shadow:0 10px 24px #00000073;opacity:0;transform:translateY(-12px);transition:opacity .25s ease,transform .25s ease}.site-toast.visible{opacity:1;transform:translateY(0)}.site-toast--info{background:linear-gradient(135deg,#00d4fff2,#009bccf2);color:var(--bg);box-shadow:0 12px 28px #00d4ff59}.site-toast--success{background:linear-gradient(135deg,#4caf50f2,#388e3cf2);color:#0b1c10;box-shadow:0 12px 28px #4caf5059}.site-toast--warning{background:linear-gradient(135deg,#ffa726f2,#ff6f00f2);color:#1f1303;box-shadow:0 12px 28px #ffa72659}.site-toast--danger{background:linear-gradient(135deg,#ff5252f2,#d32f2ff2);color:#1f0404;box-shadow:0 12px 28px #ff525259}@media(max-width:640px){.site-toast-container{inset:auto 12px 16px;align-items:stretch}.site-toast{max-width:none}}@media(min-width:768px){.wrap{padding:28px 20px 56px}}.site-banner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;margin:0 0 20px;border-radius:var(--radius);border:1px solid var(--border-light);background:linear-gradient(135deg,#00d4ff26,#1a2332d9 45%,#ff6b3533);box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff14;color:var(--text-bright);font-family:Orbitron,Orbitron Fallback,monospace;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.site-banner__content{grid-column:2;justify-self:center;text-align:center;font-size:clamp(14px,3.4vw,18px);text-shadow:0 0 12px rgba(0,212,255,.4)}.site-banner__update{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid rgba(0,212,255,.35);background:linear-gradient(135deg,#00d4ff33,#1a2332e6 55%,#ff6b3547);color:var(--text-bright);text-decoration:none;box-shadow:0 6px 18px #0006,inset 0 1px #ffffff1a;letter-spacing:.4px;flex:0 0 auto;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.site-banner__update:hover,.site-banner__update:focus{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 10px 26px #00d4ff59,0 0 0 1px #00d4ff33;background:linear-gradient(135deg,#00d4ff59,#1a2332eb 55%,#ff6b3559)}.site-banner__update:focus{outline:2px solid var(--accent);outline-offset:2px}.site-banner__update:hover .site-banner__update-meta,.site-banner__update:focus .site-banner__update-meta{color:var(--text-bright)}.site-banner__update-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:clamp(12px,2.6vw,13px);text-transform:uppercase;letter-spacing:.5px;color:var(--text-bright)}.site-banner__update-meta{font-family:Rajdhani,sans-serif;font-weight:500;font-size:clamp(11px,2.4vw,13px);color:var(--accent);text-transform:none}.site-banner__update-arrow{font-family:Orbitron,Orbitron Fallback,monospace;font-size:14px;opacity:.85;padding-left:4px;color:var(--text-bright)}.site-banner.site-banner--complete{background:linear-gradient(135deg,#ff6b3566,#00d4ff40);box-shadow:0 10px 28px #00d4ff40,inset 0 1px #ffffff26}.site-banner.site-banner--complete .site-banner__content{text-shadow:0 0 14px rgba(255,255,255,.6)}@media(max-width:640px){.site-banner{grid-template-columns:1fr;margin-bottom:16px;padding:10px 12px;gap:8px;letter-spacing:.4px}.site-banner__content{grid-column:1;font-size:clamp(13px,4vw,16px)}.site-banner__update{grid-column:1;width:100%;justify-content:space-between;flex-wrap:nowrap;gap:6px;padding:8px 12px;text-align:left}.site-banner__update-arrow{display:inline;padding-left:0;margin-left:auto}.site-banner__update-label,.site-banner__update-meta{width:auto;text-align:left}}header{display:flex;align-items:stretch;gap:20px;margin-bottom:24px;flex-wrap:nowrap;position:relative}header:before{content:"";position:absolute;inset:-10px -20px;border-radius:var(--radius);z-index:-1}@media(max-width:640px){header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}header .logo{width:64px;height:64px;flex-shrink:0;align-self:flex-start;margin:0}header .header-text{flex:1 1 0;min-width:0;text-align:left}header .header-text h1{font-size:clamp(18px,5vw,24px);line-height:1.2}header .header-text .sub{font-size:clamp(12px,3vw,14px);line-height:1.3;margin-top:2px}header .main-nav{width:100%;order:3;margin-top:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}header .nav-item{flex-direction:column;padding:10px 6px;min-height:auto;gap:4px;font-size:11px}header .nav-item svg{width:18px;height:18px}header .nav-item span{font-size:11px}}.header-text{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-width:0}.logo{width:138.8px;height:138.8px;aspect-ratio:1/1;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-glow) 50%,var(--accent-2) 100%);box-shadow:var(--shadow-intense),inset 0 1px #ffffff1a;flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;align-self:stretch}.logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;position:relative;z-index:1}.logo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 25%,rgba(255,255,255,.3) 50%,transparent 75%,transparent 100%);transform:translate(-100%) skew(-20deg);animation:logoShimmer 3s cubic-bezier(.25,.46,.45,.94) infinite;z-index:2}@keyframes logoShimmer{0%{transform:translate(-150%) skew(-20deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(150%) skew(-20deg);opacity:0}}@media(max-width:640px){header{gap:16px;margin-bottom:20px}}h1{font-family:Orbitron,Orbitron Fallback,monospace;font-size:clamp(20px,4.5vw,32px);margin:0;letter-spacing:.5px;line-height:1.2;font-weight:700;background:linear-gradient(135deg,var(--text-bright) 0%,var(--accent) 50%,var(--text) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,212,255,.3)}.sub{color:var(--muted);font-size:clamp(13px,3.2vw,16px);margin-top:4px;line-height:1.4;font-weight:400;letter-spacing:.2px}.content-section{background:linear-gradient(135deg,var(--panel) 0%,var(--panel-light) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:0 0 28px;box-shadow:var(--shadow)}.content-section h2{margin-top:0;margin-bottom:12px}.content-section h3{margin-top:16px;margin-bottom:8px}.content-section p{margin:0 0 12px;color:var(--text)}.content-section ul,.content-section ol{margin:0 0 12px 20px;padding:0;color:var(--text)}.content-columns{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.content-section article{background:linear-gradient(135deg,#1a2332e6,#202b3ee6);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;box-shadow:inset 0 1px #ffffff0d}.content-section article h3:first-child{margin-top:0}.content-section article:last-child{margin-bottom:0}@media(max-width:640px){.content-section{padding:20px;margin-bottom:20px}.content-columns{grid-template-columns:1fr;gap:12px}}.content-section--accordion .content-accordion{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(135deg,#1a2332e6,#202b3ee6);box-shadow:inset 0 1px #ffffff0d;margin:0 0 16px;overflow:hidden}.content-section--accordion .content-accordion:last-child{margin-bottom:0}.content-section--accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-family:Rajdhani,sans-serif;font-weight:600;font-size:clamp(15px,3.2vw,18px);letter-spacing:.3px;color:var(--text-bright);background:linear-gradient(135deg,#00d4ff1f,#1a2332d9 60%,#ff6b3529);border:none;outline:none;position:relative;-webkit-user-select:none;user-select:none}.content-section--accordion summary::-webkit-details-marker{display:none}.content-section--accordion summary:after{content:"";flex-shrink:0;width:12px;height:12px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);transition:transform .25s ease}.content-section--accordion .content-accordion[open] summary:after{transform:rotate(-135deg)}.content-section--accordion summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.content-accordion__body{padding:22px;border-top:1px solid var(--border);color:var(--text)}.content-accordion__body>*:last-child{margin-bottom:0}.content-section--accordion{margin-top:28px}@media(max-width:640px){.content-section--accordion summary{padding:16px 18px;gap:12px}.content-accordion__body{padding:18px}.content-section--accordion{margin-top:20px}}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;margin:12px 0 22px;overflow:visible}@media(max-width:768px){.toolbar{flex-direction:column;gap:12px;align-items:stretch}}.search{flex:1 1 auto;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--panel) 0%,var(--panel-light) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow),inset 0 1px #ffffff0d;min-width:0;position:relative;transition:all .3s ease}.search:focus-within{border-color:var(--accent);box-shadow:var(--shadow),var(--glow),inset 0 1px #ffffff0d;transform:translateY(-1px)}@media(max-width:768px){.search{flex:1 1 100%;padding:16px 20px}}.search svg{color:var(--accent);transition:all .3s ease}.search:focus-within svg{color:var(--text-bright);filter:drop-shadow(0 0 4px var(--accent))}.search input{flex:1;background:transparent;border:0;outline:none;color:var(--text);font-size:16px;font-family:Rajdhani,sans-serif;font-weight:500;letter-spacing:.3px}.search input::placeholder{color:var(--muted);font-weight:400}.search .kbd{font-size:11px;color:var(--muted);background:var(--badge);padding:4px 8px;border-radius:6px;border:1px solid var(--border);font-family:Orbitron,Orbitron Fallback,monospace;font-weight:500;letter-spacing:.5px}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-right:8px}.controls-row{display:contents}@media(max-width:768px){.controls{margin-left:0;margin-right:0;width:100%;justify-content:space-between;gap:8px}.controls-row{display:flex;gap:8px;align-items:center}.controls-row .sel{flex:1 1 auto;max-width:none;min-width:120px;text-overflow:ellipsis;overflow:hidden}}@media(max-width:480px){.controls{flex-direction:column;align-items:stretch;gap:8px;margin-right:0}.controls-row{display:flex;gap:8px;align-items:center}.controls-row label{flex:0 0 auto;margin-right:4px;min-width:80px;text-align:left}.controls-row .sel{flex:1 1 auto;min-width:0;max-width:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.controls-row:last-child{flex-direction:row;justify-content:space-between}.controls-row:last-child .btn{flex:1}}.count{color:var(--muted);font-size:clamp(12px,3vw,14px);white-space:nowrap}@media(max-width:480px){.count{white-space:normal;text-align:left;order:0}}.btn,.sel{background:linear-gradient(135deg,var(--panel) 0%,var(--panel-light) 100%);border:1px solid var(--border);color:var(--text);padding:12px 18px;border-radius:var(--radius-sm);font-size:14px;font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:.3px;min-height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--shadow);position:relative;overflow:hidden}.sel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:180px;min-width:120px;flex:0 1 180px;width:180px}.sel option{background:var(--bg-secondary);color:var(--text-bright);padding:8px 12px;border:none}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff1a,#ff6b350d);opacity:0;transition:opacity .3s ease}@media(max-width:768px){.btn,.sel{padding:14px 18px;min-height:52px;font-size:16px}}@media(max-width:480px){.btn,.sel{flex:1}}.btn{cursor:pointer;transition:all .3s ease}.btn:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow),var(--glow)}.btn:hover:before{opacity:1}.btn[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(135deg,#00d4ff26,#00d4ff0d);box-shadow:var(--shadow),var(--glow);color:var(--text-bright)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;grid-auto-rows:minmax(0,1fr)}.grid-sentinel{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding:24px 0}.grid-sentinel__loader{position:relative;width:56px;height:6px;border-radius:999px;background:var(--panel-light);overflow:hidden}.grid-sentinel__loader:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:sentinelSweep 1.4s infinite}body.compact .grid-sentinel{padding:16px 0}body.compact .grid-sentinel__loader{width:44px;height:4px}@keyframes sentinelSweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media(max-width:1200px){.grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media(max-width:768px){.grid{grid-template-columns:1fr;gap:12px}}.card{background:linear-gradient(135deg,var(--panel) 0%,var(--panel-light) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:0;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:all .3s ease,min-height .3s ease;position:relative;overflow:visible;min-height:200px}.card--skeleton{pointer-events:none}.card--skeleton .card-content{gap:12px}.skeleton{position:relative;background:linear-gradient(135deg,#1a2332d9,#202b3ef2);overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:skeletonShimmer 1.2s ease-in-out infinite}@keyframes skeletonShimmer{0%{transform:translate(-100%)}50%{transform:translate(20%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.skeleton-line,.skeleton-title,.skeleton-chip,.skeleton-pill{border-radius:999px;display:block}.skeleton-line{height:12px;width:100%}.skeleton-line--short{width:60%}.skeleton-title{height:20px;width:75%;margin-top:4px}.skeleton-chip-row{display:flex;gap:8px;flex-wrap:wrap}.skeleton-chip{height:22px;width:96px}.skeleton-chip--short{width:72px}.skeleton-pill{width:90px;height:32px}body.compact .card--skeleton .card-content{gap:10px}body.compact .skeleton-title{height:16px}body.compact .skeleton-chip{height:18px;width:82px}body.compact .skeleton-chip--short{width:64px}body.compact .skeleton-pill{height:26px;width:74px}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 50%,var(--accent-3) 100%);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-4px);border-color:var(--border-light);box-shadow:var(--shadow),0 12px 40px #00d4ff1a}.card:hover:before{opacity:1}@media(max-width:640px){.card{padding:0;min-height:180px}}.card-content{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1;transition:padding .3s ease,gap .3s ease}.card-top{display:flex;gap:16px;align-items:flex-start}.card-image{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,var(--badge) 0%,var(--badge-hover) 100%);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:width .3s ease,height .3s ease}.card-image img{width:100%;height:100%;object-fit:cover}.card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;transition:gap .3s ease}.card-rarity-section{flex-shrink:0;display:flex;align-items:flex-start}.card-header{display:flex;flex-direction:column;gap:8px}.card-location{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.card-location-text{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;line-height:1}.card-location-list{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.card-location-item{display:flex;align-items:center;gap:6px}.card-location-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.card-location-icon img{width:100%;height:100%;object-fit:contain}.card-location-text-item{color:var(--text);font-size:12px;font-weight:500;letter-spacing:.3px}.card-location-horizontal{display:flex;align-items:center;gap:12px;flex-wrap:wrap;transition:gap .3s ease}.card-location-text-horizontal{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;flex-shrink:0;transition:font-size .3s ease}.card-location-list-horizontal{display:flex;gap:8px;flex-wrap:wrap;transition:gap .3s ease}.card-location-icon-horizontal{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:linear-gradient(135deg,var(--badge) 0%,var(--badge-hover) 100%);border:2px solid transparent;background-clip:padding-box;transition:all .3s cubic-bezier(.4,0,.2,1),width .3s ease,height .3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff14,0 0 0 1px #00d4ff1a}.card-location-icon-horizontal:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff26,#ff6b3514);opacity:.2;transition:opacity .3s ease}.card-location-icon-horizontal:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}@media(hover:hover)and (pointer:fine){.card-location-icon-horizontal:hover{background:linear-gradient(135deg,#00d4ff40,#1a2332cc,#ff6b351f);border-color:var(--accent);transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #00d4ff4d,0 2px 8px #00000080,inset 0 2px #ffffff26;filter:brightness(1.2) saturate(1.1)}.card-location-icon-horizontal:hover:before{opacity:1}.card-location-icon-horizontal:hover:after{left:100%}}.card-location-icon-horizontal img{width:18px;height:18px;object-fit:contain;transition:width .3s ease,height .3s ease}.card-location-icon-horizontal:active{transform:scale(.95);background:linear-gradient(135deg,#00d4ff33,#1a2332e6,#ff6b351a);border-color:var(--accent);transition:all .1s ease}.component-section{display:flex;flex-direction:column;gap:8px}.component-section-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;transition:gap .3s ease}.chiprow-inline{display:flex;flex-wrap:wrap;gap:6px;transition:gap .3s ease}.sells-for-label{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;flex-shrink:0;transition:font-size .3s ease}.recycles-into-label{color:var(--accent);font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:2px;display:block;transition:font-size .3s ease,margin-bottom .3s ease}.item-title{font-family:Orbitron,Orbitron Fallback,monospace;font-weight:700;font-size:clamp(16px,4vw,20px);letter-spacing:.3px;line-height:1.3;color:var(--text-bright);text-shadow:0 1px 2px rgba(0,0,0,.3);margin:0;overflow:hidden;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;width:100%;text-align:left}.item-header{display:flex;align-items:flex-start;gap:12px;justify-content:flex-start}.rarity-label{font-family:Barlow,sans-serif;font-weight:500;font-size:22px;letter-spacing:.5px;text-transform:uppercase;padding:8px 16px;border-radius:6px;color:#090c19;text-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0;line-height:1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 3px 10px #0006,inset 0 1px #ffffff1a;border:2px solid transparent}.rarity-label:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff26,#0000001a);opacity:0;transition:opacity .3s ease}.rarity-label:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}@media(hover:hover)and (pointer:fine){.rarity-label:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 8px 24px #00000080,0 0 20px currentColor,inset 0 2px #fff3;filter:brightness(1.15) saturate(1.2)}.rarity-label:hover:before{opacity:1}.rarity-label:hover:after{left:100%}}.rarity-label:active{transform:translateY(-1px) scale(1.03);transition:all .15s ease}@media(max-width:768px){.rarity-label:active{transform:scale(.98);filter:brightness(1.1);transition:all .1s ease}}.rarity-legendary{background-color:#ffc600;color:#000;text-shadow:none}.rarity-epic{background-color:#c73094}.rarity-rare{background-color:#00a9f1}.rarity-uncommon{background-color:#0c9c33}.rarity-common{background-color:#101521;color:#fff}.rarity-recycle{background-color:#9a4949}.chiprow{display:flex;flex-wrap:wrap;gap:8px;padding:4px;margin:-4px}.component-section{display:flex;flex-direction:column;gap:2px;overflow:visible}.chip{background:linear-gradient(135deg,var(--badge) 0%,var(--badge-hover) 100%);border:1px solid var(--border);border-radius:20px;padding:8px 14px;font-size:clamp(12px,2.8vw,14px);line-height:1.2;word-break:break-word;font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:.2px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1f,0 0 0 1px #00d4ff1a;border:2px solid transparent;background-clip:padding-box}.chip:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff26,#ff6b3514);opacity:.3;transition:opacity .3s ease}.chip:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}@media(max-width:640px){.chip{padding:6px 10px;font-size:12px;-webkit-tap-highlight-color:rgba(0,212,255,.2);box-shadow:0 3px 10px #0006,inset 0 1px #ffffff1f,0 0 0 1px #00d4ff1a}.chip--hit{box-shadow:0 0 15px #00d4ff66,0 0 8px #00d4ff99,inset 0 1px #ffffff1f;border-radius:20px}}.chip b{font-weight:700;color:var(--accent)}.chip--hit{border-color:var(--accent);background:linear-gradient(135deg,#00d4ff33,#00d4ff1a);box-shadow:var(--glow);color:var(--text-bright)}.location--hit{border:2px solid var(--accent);box-shadow:var(--glow);border-radius:var(--radius-sm)}.rarity--hit{box-shadow:var(--glow);transform:scale(1.05)}@media(hover:hover)and (pointer:fine){.chip:hover{transform:translateY(-4px) scale(1.08);border-color:var(--accent);box-shadow:0 12px 32px #00d4ff66,0 4px 16px #0009,inset 0 2px #fff3;background:linear-gradient(135deg,#00d4ff4d,#1a2332cc,#ff6b3526);color:var(--text-bright);filter:brightness(1.2) saturate(1.1)}.chip:hover:before{opacity:1;background:linear-gradient(135deg,#00d4ff40,#ff6b3526)}.chip:hover:after{left:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}}.chip:active{transform:translateY(-1px) scale(1.02);transition:all .15s ease;box-shadow:0 4px 12px #00d4ff40,0 2px 8px #0006}@media(max-width:768px){.chip:active{transform:scale(.98);background:linear-gradient(135deg,rgba(0,212,255,.2) 0%,var(--badge-hover) 50%,rgba(255,107,53,.1) 100%);border-color:var(--accent);transition:all .1s ease}}.chip:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}@media(hover:hover)and (pointer:fine){.chip:focus{transform:translateY(-1px) scale(1.03)}}.chip:focus:not(:hover){box-shadow:0 4px 16px #0006,0 0 0 4px #00d4ff4d,inset 0 2px #ffffff1f;background:linear-gradient(135deg,rgba(0,212,255,.2) 0%,var(--badge-hover) 50%,rgba(255,107,53,.1) 100%)}.empty,.status{color:var(--muted);text-align:center;border:1px dashed #2a2f41;padding:22px;border-radius:var(--radius)}.loader{width:100%;height:6px;background:var(--panel);border-radius:20px;overflow:hidden;position:relative;border:1px solid var(--border)}.loader:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),var(--accent),transparent);animation:load 1.8s infinite;border-radius:inherit}@keyframes load{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.hidden{display:none!important}footer{margin-top:40px;color:var(--muted);font-size:clamp(12px,2.8vw,14px);text-align:center;line-height:1.5;padding:20px 8px;border-top:1px solid var(--border);font-family:Rajdhani,sans-serif;font-weight:400;letter-spacing:.3px}@media(max-width:640px){footer{margin-top:24px}}.footer-support{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:20px}.footer-support__text{margin:0;color:var(--text);font-family:Barlow,sans-serif;font-weight:500;letter-spacing:.2px;max-width:48ch}.footer-support__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:var(--radius-sm);border:1px solid rgba(0,212,255,.4);background:linear-gradient(135deg,#00d4ff33,#1a2332e6 55%,#ff6b3566);color:var(--text-bright);font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 12px 32px #00000073;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.footer-support__cta:after{display:none}.footer-support__cta:hover,.footer-support__cta:focus{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 16px 40px #00d4ff40;color:var(--text-bright)}.footer-support__cta:focus{outline:2px solid var(--accent);outline-offset:3px}.footer-meta{margin:0}@media(max-width:480px){.footer-support__cta{width:100%}}.pwa-update-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;max-width:500px;width:calc(100% - 48px);animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.pwa-update-content{background:linear-gradient(135deg,#141a26fa,#20293afa);border:2px solid var(--accent);border-radius:var(--radius);padding:20px 24px;box-shadow:0 12px 48px #00d4ff4d,0 8px 24px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:16px}.pwa-update-text{color:var(--text-bright);font-family:Rajdhani,sans-serif;font-weight:600;font-size:16px;letter-spacing:.3px;line-height:1.4;text-align:center}.pwa-update-actions{display:flex;gap:12px;justify-content:center}.pwa-update-btn{padding:12px 24px;border-radius:var(--radius-sm);font-family:Rajdhani,sans-serif;font-weight:600;font-size:15px;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;border:2px solid transparent;transition:all .3s ease;flex:1;min-width:120px}.pwa-update-btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-glow) 100%);color:var(--bg);border-color:var(--accent);box-shadow:0 4px 16px #00d4ff4d}.pwa-update-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00d4ff80;filter:brightness(1.1)}.pwa-update-btn-secondary{background:linear-gradient(135deg,var(--panel) 0%,var(--panel-light) 100%);color:var(--text);border-color:var(--border-light)}.pwa-update-btn-secondary:hover{background:linear-gradient(135deg,var(--panel-light) 0%,var(--panel) 100%);border-color:var(--accent);color:var(--text-bright);transform:translateY(-2px)}@media(max-width:640px){.pwa-update-notification{bottom:16px;width:calc(100% - 32px)}.pwa-update-content{padding:18px 20px;gap:14px}.pwa-update-text{font-size:15px}.pwa-update-actions{flex-direction:column;gap:10px}.pwa-update-btn{width:100%;min-width:auto}}.main-nav{display:flex;gap:8px;margin:0;padding:0;flex-wrap:wrap}.nav-item{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--panel) 0%,var(--panel-light) 100%);border:1px solid var(--border);color:var(--text);padding:12px 18px;border-radius:var(--radius-sm);text-decoration:none;font-family:Rajdhani,sans-serif;font-weight:600;font-size:15px;letter-spacing:.3px;transition:all .3s ease;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:48px}.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff1a,#ff6b350d);opacity:0;transition:opacity .3s ease}.nav-item:after{display:none}.nav-item svg{flex-shrink:0;transition:all .3s ease}.nav-item:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow),var(--glow);color:var(--text-bright)}.nav-item:hover:before{opacity:1}.nav-item:hover svg{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.nav-item--active{border-color:var(--accent);background:linear-gradient(135deg,var(--panel-light) 0%,var(--panel) 100%);box-shadow:var(--shadow),var(--glow);color:var(--text-bright)}.nav-item--active svg{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.nav-item--active:before{opacity:0}@media(max-width:768px){.main-nav{gap:6px}.nav-item{padding:14px 16px;min-height:52px;font-size:16px;gap:8px}}@media(max-width:640px){.main-nav{width:100%;justify-content:center}}@media(max-width:480px){header .main-nav{grid-template-columns:repeat(3,1fr)}}a{color:var(--accent);text-decoration:none;transition:all .3s ease;position:relative}a:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .3s ease}a:hover{color:var(--text-bright);text-shadow:0 0 8px var(--accent)}a:hover:after{transform:scaleX(1)}body.compact .card{min-height:160px}body.compact .card-content{padding:14px;gap:6px}body.compact .card-image{width:50px;height:50px}body.compact .card-info,body.compact .component-section-inline{gap:6px}body.compact .chiprow-inline{gap:4px}body.compact .card-location{gap:3px}body.compact .card-location-text{font-size:9px}body.compact .card-location-icon{width:16px;height:16px}body.compact .card-location-icon img{width:100%;height:100%}body.compact .card-location-text-item{font-size:11px}body.compact .card-location-horizontal{gap:8px}body.compact .card-location-text-horizontal{font-size:9px}body.compact .card-location-list-horizontal{gap:6px}body.compact .card-location-icon-horizontal{width:20px;height:20px;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff14,0 0 0 1px #00d4ff1a}@media(hover:hover)and (pointer:fine){body.compact .card-location-icon-horizontal:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 6px 16px #00d4ff40,0 2px 6px #0006,inset 0 2px #ffffff1f;filter:brightness(1.15) saturate(1.1)}}body.compact .card-location-icon-horizontal img{width:14px;height:14px}body.compact .component-section{gap:1px}body.compact .sells-for-label{font-size:9px}body.compact .recycles-into-label{font-size:9px;margin-bottom:1px}body.compact .item-title{font-size:14px;font-weight:600}body.compact .item-header{gap:8px}body.compact .rarity-label{font-size:16px;padding:5px 10px;box-shadow:0 2px 6px #0006,inset 0 1px #ffffff1a}@media(hover:hover)and (pointer:fine){body.compact .rarity-label:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #00000080,0 0 12px currentColor,inset 0 2px #ffffff26;filter:brightness(1.12) saturate(1.15)}}body.compact .chip{padding:4px 8px;font-size:12px;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1f,0 0 0 1px #00d4ff1a}@media(hover:hover)and (pointer:fine){body.compact .chip:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 8px 20px #00d4ff4d,0 2px 8px #00000080,inset 0 2px #ffffff26;filter:brightness(1.15) saturate(1.1)}}body.compact .grid{gap:12px}@media(max-width:768px){.btn,.sel{-webkit-tap-highlight-color:rgba(110,231,255,.2)}.item-title,.chip{-webkit-user-select:text;user-select:text}.card-content{padding:14px;gap:8px}.card-top{gap:12px}.card-image{width:60px;height:60px}.card-info{gap:8px}.component-section-inline{gap:6px}.chiprow-inline,.card-location{gap:4px}.card-location-text{font-size:10px}.card-location-icon{width:18px;height:18px}.card-location-icon img{width:100%;height:100%}.card-location-text-item{font-size:11px}.card-location-horizontal{gap:8px}.card-location-text-horizontal{font-size:10px}.card-location-list-horizontal{gap:6px}.card-location-icon-horizontal{width:22px;height:22px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff14,0 0 0 1px #00d4ff1a}.card-location-icon-horizontal img{width:16px;height:16px}.component-section{gap:2px}.sells-for-label{font-size:10px}.recycles-into-label{font-size:10px;margin-bottom:2px}.item-title{font-size:16px}.item-header{gap:8px}.rarity-label{font-size:18px;padding:6px 12px;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a}html{scroll-behavior:smooth}.search input:focus{outline:2px solid var(--accent);outline-offset:2px}.search .kbd{display:none}.chip,.rarity-label,.card-location-icon-horizontal{-webkit-tap-highlight-color:rgba(0,212,255,.2)}.chip--hit{box-shadow:0 0 12px #00d4ff66,0 0 6px #00d4ff99,inset 0 1px #ffffff1f;border-radius:20px!important;margin:2px}.chiprow{padding:6px;margin:-6px;overflow:visible}}@media(max-width:768px)and (pointer:coarse){.chip:not(:active),.rarity-label:not(:active),.card-location-icon-horizontal:not(:active){transform:none!important}}@media(max-width:480px){.chiprow{overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.chiprow::-webkit-scrollbar{height:4px}.chiprow::-webkit-scrollbar-track{background:transparent}.chiprow::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}}@media(max-width:926px)and (orientation:landscape){.wrap{padding:12px 16px 32px}header{margin-bottom:12px}.toolbar{margin:8px 0 16px}}