@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&family=Rajdhani:wght@500;700&family=Inter:wght@400;600&display=swap');
:root{--bg:#070a16;--panel:rgba(255,255,255,.06);--line:rgba(255,255,255,.12);--txt:#e8ecff;--mut:#8f9bc2;--fire:#ff4d4d;--water:#3fa9ff;--grass:#3ddc84;--light:#ffd23f;--psy:#c77dff;--fight:#ff8c42;--dark:#6b5b95;--metal:#b8c4d6;--cyan:#7df9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;
 background-image:radial-gradient(circle at 15% 0,rgba(63,169,255,.18),transparent 40%),radial-gradient(circle at 85% 10%,rgba(199,125,255,.16),transparent 40%),radial-gradient(circle at 50% 100%,rgba(61,220,132,.10),transparent 50%)}
a{color:var(--cyan)}h1,h2,h3{font-family:Orbitron,Rajdhani,sans-serif;letter-spacing:.04em}
header{position:sticky;top:0;z-index:15;background:rgba(7,10,22,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:10px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt)}.brand img{width:44px;height:44px;filter:drop-shadow(0 0 8px rgba(125,249,255,.5))}
.brand b{font-family:Orbitron;font-size:1.25em;background:linear-gradient(90deg,var(--fire),var(--light),var(--grass),var(--water),var(--psy));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{display:block;font-family:Rajdhani;color:var(--mut);letter-spacing:.2em;font-size:.7em}
header h1{margin:0;font-size:1.2em}.grow{flex:1}
.hero{position:relative;overflow:hidden;border-radius:20px;margin:18px auto 8px;max-width:1200px;padding:46px 28px;border:1px solid var(--line);background:linear-gradient(120deg,#0d1330,#140b2e,#071f2a);background-size:300% 300%;animation:shift 14s ease infinite}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,249,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(125,249,255,.07) 1px,transparent 1px);background-size:34px 34px;mask:linear-gradient(to bottom,#000,transparent);animation:grid 20s linear infinite}
.hero h2{position:relative;margin:0;font-size:clamp(1.6em,4.5vw,3em);background:linear-gradient(90deg,#fff,var(--cyan),var(--psy));-webkit-background-clip:text;background-clip:text;color:transparent;border:0}
.hero p{position:relative;font-family:Rajdhani;font-size:1.3em;color:var(--mut);margin:8px 0 18px;letter-spacing:.15em}
.energies{position:relative;display:flex;gap:10px;flex-wrap:wrap}.energies span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px;background:rgba(0,0,0,.4);border:2px solid var(--c);box-shadow:0 0 12px var(--c),inset 0 0 8px var(--c);animation:pulse 3s ease-in-out infinite}
.est{position:absolute;right:20px;bottom:14px;font-family:Orbitron;font-size:.75em;color:var(--mut);letter-spacing:.3em}
@keyframes shift{50%{background-position:100% 50%}}@keyframes grid{to{background-position:0 340px,340px 0}}@keyframes pulse{50%{transform:scale(1.12)}}
.search{position:relative;min-width:260px}.search input{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--txt);font-size:1em;outline:0;transition:.2s}
.search input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(125,249,255,.2),0 0 18px rgba(125,249,255,.25)}
.sugg{position:absolute;top:calc(100% + 4px);left:0;right:0;background:rgba(12,16,34,.97);backdrop-filter:blur(12px);border:1px solid var(--line);color:var(--txt);max-height:320px;overflow:auto;z-index:30;box-shadow:0 12px 30px #000a;border-radius:12px}
.sugg div{padding:8px 12px;cursor:pointer;display:flex;gap:8px;align-items:center}.sugg div:hover,.sugg .act{background:rgba(125,249,255,.12)}.sugg small{color:var(--mut);margin-left:auto}.sugg img{height:20px;max-width:60px}
main{max-width:1200px;margin:auto;padding:16px}
section{margin:26px 0}section h2{font-size:1.15em;padding-bottom:8px;border-bottom:1px solid var(--line);position:relative;color:#fff}
section h2:after{content:"";position:absolute;left:0;bottom:-1px;width:90px;height:2px;background:var(--acc,var(--cyan));box-shadow:0 0 10px var(--acc,var(--cyan))}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.card{position:relative;background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}
.card:hover{transform:translateY(-4px);border-color:var(--acc,var(--cyan));box-shadow:0 0 24px -4px var(--acc,var(--cyan))}
.card img{width:100%;height:230px;object-fit:contain;background:rgba(0,0,0,.25);border-radius:10px}.card h3{font-family:Rajdhani;font-size:1.15em;margin:10px 0 4px;letter-spacing:.02em}
.meta{font-size:.85em;color:var(--mut)}.price{font-family:Orbitron;font-size:1.15em;margin:8px 0;color:var(--light);text-shadow:0 0 10px rgba(255,210,63,.4)}
button{font-family:Rajdhani;font-weight:700;letter-spacing:.06em;background:linear-gradient(90deg,#3fa9ff,#7d5cff);color:#fff;border:0;border-radius:10px;padding:9px 14px;cursor:pointer;transition:.2s;font-size:.95em}
button:hover{box-shadow:0 0 16px rgba(125,140,255,.6);filter:brightness(1.1)}button:disabled{background:#2a3050;color:#777;box-shadow:none}button.sec{background:rgba(255,255,255,.1);border:1px solid var(--line)}button.del{background:linear-gradient(90deg,#ff4d4d,#c2185b)}
.featured{background:linear-gradient(135deg,rgba(255,210,63,.08),rgba(199,125,255,.08));border:1px solid rgba(255,210,63,.25);padding:14px;border-radius:18px;--acc:var(--light)}
.featured .card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,0,150,.18) 40%,rgba(0,255,255,.2) 48%,rgba(255,255,0,.18) 56%,transparent 66%);background-size:250% 250%;mix-blend-mode:screen;animation:holo 4s linear infinite}
@keyframes holo{from{background-position:120% 0}to{background-position:-120% 0}}
.badge{background:linear-gradient(90deg,var(--light),var(--fight));color:#000;border-radius:6px;padding:1px 7px;font-size:.7em;font-family:Orbitron}
.panel{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100%;background:rgba(10,14,30,.92);backdrop-filter:blur(18px);border-left:1px solid var(--line);box-shadow:-10px 0 40px #000a;padding:18px;overflow:auto;display:none;z-index:40}
.panel.open{display:block}.row{display:flex;justify-content:space-between;gap:8px;margin:8px 0;align-items:center}
input,select,textarea{padding:9px;border:1px solid var(--line);border-radius:10px;font:inherit;background:rgba(255,255,255,.06);color:var(--txt)}select option{background:#111}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(125,249,255,.15)}
label{display:block;margin:6px 0;color:var(--mut);font-size:.9em}label input,label select,label textarea{width:100%;margin-top:3px}
table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:12px;overflow:hidden}td,th{border-bottom:1px solid var(--line);padding:8px;text-align:left;font-size:.9em}th{font-family:Rajdhani;color:var(--mut);letter-spacing:.08em}td img{height:50px}
.filter{background:rgba(125,249,255,.08);border:1px solid rgba(125,249,255,.3);padding:8px 12px;border-radius:12px;margin-bottom:10px}.hidden{display:none!important}
.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.results div{cursor:pointer;font-size:.75em;text-align:center;padding:4px;border-radius:8px;transition:.2s}.results div:hover{background:rgba(125,249,255,.12)}.results img{width:100%}
.glass{background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:14px}
.step1{background:linear-gradient(135deg,rgba(63,169,255,.12),rgba(199,125,255,.12));border:1px solid rgba(125,249,255,.4);box-shadow:0 0 22px -6px var(--cyan);padding:14px;border-radius:16px;margin-bottom:12px}
footer{text-align:center;color:var(--mut);font-family:Rajdhani;letter-spacing:.2em;padding:30px 10px;border-top:1px solid var(--line);margin-top:30px}
#cartBtn{position:relative}
@media(max-width:640px){header{padding:8px 12px}.search{order:3;flex-basis:100%}.hero{padding:30px 18px;margin:12px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card img{height:160px}#pf{grid-template-columns:1fr!important}table{display:block;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.8em;font-family:Rajdhani;font-weight:700;border:1px solid var(--line);white-space:nowrap}
.chip-new{border-color:var(--water);color:var(--water)}.chip-picked{border-color:var(--psy);color:var(--psy)}.chip-packed{border-color:var(--fight);color:var(--fight)}.chip-shipped{border-color:var(--grass);color:var(--grass)}.chip-delivered{border-color:var(--light);color:var(--light)}.chip-cancelled{color:var(--mut)}
.xpnum{font-family:Orbitron;font-size:2em;color:var(--light);text-shadow:0 0 14px rgba(255,210,63,.5)}
.badges{display:flex;gap:10px;flex-wrap:wrap}.badge2{text-align:center;font-family:Rajdhani;font-size:.85em;padding:8px;border-radius:12px;border:1px solid var(--line);opacity:.35;filter:grayscale(1);min-width:90px}
.badge2 span{display:block;font-size:2em}.badge2 small{display:block;color:var(--mut)}.badge2.on{opacity:1;filter:none;border-color:var(--light);box-shadow:0 0 14px -2px var(--light)}
.bar{height:10px;border-radius:9px;background:rgba(255,255,255,.08);margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--grass),var(--light))}
.missions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.mission button{display:block;width:100%;margin-top:6px;text-align:left}
.step{display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;margin:10px 0;background:var(--panel)}.step .num{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:Orbitron;font-size:1.2em;border:2px solid var(--cyan);color:var(--cyan)}
.step.done{border-color:rgba(61,220,132,.5)}.step.done .num{background:var(--grass);border-color:var(--grass);color:#000}.step button{margin-top:8px;font-size:1.05em;padding:10px 16px}
.pick{display:flex;align-items:center;gap:8px;color:var(--txt);font-size:1em;margin:6px 0}.pick input{width:22px;height:22px;flex:none}.pick img{height:42px;border-radius:4px}
button.ship{background:linear-gradient(90deg,var(--grass),var(--water));font-size:1.2em}
.track{display:flex;gap:4px;margin:12px 0}.track div{flex:1;text-align:center;font-size:.75em;font-family:Rajdhani;color:var(--mut);padding:6px 2px;border-radius:8px;background:rgba(255,255,255,.04)}.track span{display:block;font-size:1.4em}.track .on{color:#fff;background:rgba(61,220,132,.18)}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:60;display:none;overflow:hidden}#confetti.on{display:block}#confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}
#confetti .mc{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron;font-size:clamp(1.6em,5vw,3em);color:#fff;text-shadow:0 0 20px var(--light),0 0 40px var(--psy);animation:pop .6s ease-out;white-space:nowrap}
@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}@keyframes pop{from{transform:translate(-50%,-50%) scale(.3);opacity:0}}
.card.soldout{}.card.soldout:hover{transform:none;box-shadow:none}
.ribbon{position:absolute;top:12px;left:12px;z-index:2;font:800 .72em Orbitron;letter-spacing:.08em;padding:4px 9px;border-radius:6px;background:#2a2f45;color:#fff;border:1px solid var(--line)}
.ribbon.pre{background:linear-gradient(90deg,var(--psy),var(--water));box-shadow:0 0 12px rgba(199,125,255,.6)}
.card.pre{border-color:rgba(199,125,255,.45)}
.imgw{position:relative}.imgw img{display:block;width:100%}
.soldstamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg);font:900 1.7em Orbitron,sans-serif;letter-spacing:.06em;color:#ff2d55;border:5px solid #ff2d55;border-radius:10px;padding:6px 16px;background:rgba(255,255,255,.88);box-shadow:0 0 0 3px rgba(255,255,255,.7),0 6px 24px rgba(0,0,0,.5);white-space:nowrap;pointer-events:none}
.card.soldout button{opacity:.6}
/* quick add sealed */
.qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:10px}
.qt{border:2px solid var(--line);border-radius:14px;padding:8px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:5px;font-size:.88em}
.qt img{width:100%;height:150px;object-fit:contain;cursor:pointer;background:#fff;border-radius:8px}
.qt.sel{border-color:var(--water);box-shadow:0 0 16px rgba(63,169,255,.55)}.qt .tick{display:none;position:absolute}
.qt.sel b::before{content:'✓ ';color:var(--water)}
.qt input{padding:4px 6px}.qt .stp{display:flex;gap:4px;align-items:center}.qt .stp button{padding:2px 10px}.qt .stp input{width:56px;text-align:center}
.qbar{position:sticky;bottom:0;background:var(--panel);padding:10px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;z-index:3}
/* pick screen */
.pickgrid{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.pu{width:120px;border:3px solid var(--line);border-radius:12px;padding:6px;cursor:pointer;text-align:center;font-size:.75em;background:rgba(255,255,255,.04);position:relative}
.pu img{width:100%;height:120px;object-fit:contain;background:#fff;border-radius:6px}.pu.on{border-color:#39d98a;box-shadow:0 0 14px rgba(57,217,138,.6)}
.pu.on::after{content:'✓';position:absolute;top:4px;right:8px;font:900 2.2em Inter;color:#39d98a;text-shadow:0 0 6px #000}
/* sticky jump menu */
nav.jump{position:sticky;top:var(--hh,64px);z-index:14;display:flex;gap:8px;padding:8px 20px;overflow-x:auto;scrollbar-width:none;background:rgba(7,10,22,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch}
nav.jump::-webkit-scrollbar{display:none}
nav.jump a{flex:0 0 auto;white-space:nowrap;padding:6px 14px;border-radius:999px;border:1px solid var(--line);color:var(--txt);text-decoration:none;font:700 .9em Rajdhani,Inter,sans-serif;letter-spacing:.04em;background:rgba(255,255,255,.04);transition:all .2s}
nav.jump a:hover{border-color:var(--water);box-shadow:0 0 10px rgba(63,169,255,.35)}
nav.jump a.on{background:linear-gradient(90deg,var(--water),var(--psy));color:#fff;border-color:transparent;box-shadow:0 0 14px rgba(63,169,255,.55)}
nav.jump a.dim{opacity:.35;cursor:default;box-shadow:none}nav.jump a.cartpill{margin-left:auto;border-color:var(--elec,#ffd23f)}
section[id],h2[id]{scroll-margin-top:var(--jump,120px)}
@media(max-width:640px){nav.jump{padding:6px 10px}nav.jump a.cartpill{margin-left:0}}
@media print{nav.jump{display:none!important}}
.stepper{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid var(--water);border-radius:12px;padding:3px;background:rgba(63,169,255,.1);box-shadow:0 0 12px rgba(63,169,255,.3)}
.stepper button{width:42px;padding:8px 0;font-size:1.2em;line-height:1}.stepper span{font:800 1.15em Orbitron,sans-serif;flex:1;text-align:center}.stepper button:disabled{opacity:.35;cursor:not-allowed}
.chead{position:sticky;top:0;background:inherit;z-index:2;padding-bottom:6px;border-bottom:1px solid var(--line)}
.clist{display:flex;flex-direction:column}.ci{display:grid;grid-template-columns:56px 1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.ci img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:8px}.cn{min-width:0}.cn b{display:block;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.cn small{display:block;color:var(--mut,#9aa4c7);font-size:.8em;margin-top:2px}
.cp{font:800 1em Orbitron,sans-serif;min-width:72px;text-align:right}.prechip{color:#c77dff;font-weight:800}
.stepper.sm{gap:2px;padding:2px;border-radius:10px}.stepper.sm button{width:30px;padding:5px 0;font-size:1em}.stepper.sm span{min-width:24px;font-size:.95em}
.csum{margin:14px 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.csum div{display:flex;justify-content:space-between;padding:3px 0}.csum .ctot{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;font:800 1.15em Orbitron,sans-serif}
.cco h3{margin:8px 0 4px}.cco form{display:flex;flex-direction:column;gap:6px}.cco button{margin-top:6px;padding:12px}.cempty{padding:30px 0;text-align:center;color:var(--mut,#9aa4c7)}
@media(max-width:480px){.ci{grid-template-columns:48px 1fr auto;grid-template-areas:"i n n" "i s p"}.ci img{grid-area:i;width:48px;height:48px}.cn{grid-area:n}.ci .stepper{grid-area:s;justify-self:start}.cp{grid-area:p}}

#cartBtn{display:none!important}
.bklinks{text-align:center;font-size:12px;opacity:.6;margin:24px 0 16px}.bklinks a,.bklinks label{display:inline!important;color:inherit;text-decoration:underline;cursor:pointer;font-size:12px;margin:0}@media print{.bklinks{display:none}}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100}.modal.on{display:flex}
.mbox{background:var(--panel,#121735);border:1px solid var(--water);border-radius:18px;padding:24px 28px;max-width:420px;text-align:center;box-shadow:0 0 30px rgba(63,169,255,.45)}.mbox .big{font-size:2.6em}.mbox p{font-size:1.15em}.mbox b{color:#ffd23f}
.ostat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.os{text-align:center;padding:18px 10px;border-radius:16px}.os .ic{font-size:1.8em;display:block}.os b{display:block;font:900 3em Orbitron,sans-serif;line-height:1.1;background:linear-gradient(90deg,var(--water),var(--psy));-webkit-background-clip:text;background-clip:text;color:transparent}.os small{font:700 1em Rajdhani,Inter,sans-serif;letter-spacing:.05em}
@media(max-width:560px){.ostat{grid-template-columns:1fr}}
.ceolink{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid #ffd23f;color:#ffd23f;text-decoration:none;font:700 .9em Rajdhani,Inter,sans-serif;white-space:nowrap}.ceolink:hover{box-shadow:0 0 12px rgba(255,210,63,.5)}nav.jump a.ceopill{border-color:#ffd23f;color:#ffd23f}
@media(max-width:640px){header .ceolink[title]{display:none}}
.oact{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.oact button{min-width:72px;padding:7px 12px}.odel{background:none!important;border:0!important;box-shadow:none!important;color:var(--mut,#9aa4c7);font-size:.8em;text-decoration:underline;padding:4px 2px!important;min-width:0!important;cursor:pointer;opacity:.75}.odel:hover{color:#ff5c7a;opacity:1}
.lbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.lbar>*{margin:0!important;width:auto!important}.lbar #lq{flex:1 1 220px}.lbar #lset{flex:0 1 180px}.lbar select{flex:0 1 auto}
.ltw{overflow-x:auto}th.srt{cursor:pointer;user-select:none;white-space:nowrap}th.srt:hover,th.srt.on{color:#ffd23f}
.lpg{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:12px}.lpg label{display:flex;gap:6px;align-items:center;margin:0}.lpg select{width:auto;margin:0}
#lpages{display:flex;flex-wrap:wrap;gap:4px;align-items:center}#lpages button{min-width:36px;padding:5px 9px;margin:0}#lpages button.on{background:#ffd23f;color:#111;border-color:#ffd23f}#lpages button:disabled{opacity:.4;cursor:default}
@media(min-width:900px){.oact{flex-wrap:nowrap;white-space:nowrap}#ot td:last-child{width:1%;white-space:nowrap}}
@media(max-width:640px){.lbar>*{flex:1 1 45%}.lbar #lq{flex-basis:100%}.lpg{justify-content:center}}
.alertbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}.alertbar button{margin:0}
.otoast{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:9999;display:flex;gap:10px;align-items:center;max-width:calc(100vw - 24px);padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#2b1f5c,#1a2f5c);border:2px solid #ffd23f;box-shadow:0 0 24px rgba(255,210,63,.45);font-weight:700;animation:otin .35s ease}.otoast button{margin:0}.otoast.hidden{display:none}
@keyframes otin{from{transform:translate(-50%,-30px);opacity:0}to{transform:translate(-50%,0);opacity:1}}