/* Mareket: black / off-white / lime. Archivo for display, Familjen Grotesk for text. No rounded corners anywhere. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo.woff2) format('woff2')}
@font-face{font-family:'Familjen Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/familjen.woff2) format('woff2')}
:root{--l:#CCFF00;--k:#000;--p:#F3F2EC;--g:#00C805;--r:#FF5000;--a:'Archivo',Arial Black,sans-serif;--f:'Familjen Grotesk',Arial,sans-serif;
 --lime:#CCFF00;--text:#fff;--mute:#a3a3a3;--dim:#777;--sun:#FFB800;--aqua:#7FE7FF;--holo:#CCFF00;--line:#222}
*,*::before,*::after{box-sizing:border-box;border-radius:0!important}[hidden]{display:none!important}
html,body{margin:0}html{-webkit-text-size-adjust:100%}
body{background:var(--k);color:#fff;font-family:var(--f);font-size:16px;line-height:1.4;overflow-x:clip;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed}
input{font:inherit}
h1,h2,h3,h4{font-family:var(--a);font-stretch:125%;font-weight:900;letter-spacing:-.035em;margin:0;line-height:1}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--l);outline-offset:2px}
.wrap{padding-left:40px;padding-right:40px}
/* nav */
.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:36px;height:72px;padding:0 40px;background:var(--k);border-bottom:1px solid var(--line)}
.lg{display:flex;align-items:center;gap:10px;font-family:var(--a);font-stretch:125%;font-weight:900;font-size:24px;letter-spacing:-.04em;flex:none}.lg svg{width:24px;height:35px}
.nl{display:flex;gap:28px;font-weight:600}.nl a{padding:6px 0;border-bottom:2px solid transparent}.nl a:hover,.nl a.on{border-color:var(--l)}
.nr{margin-left:auto;display:flex;align-items:center;gap:10px}
.xb{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1.5px solid #4a4a4a;font-weight:700;white-space:nowrap}.xb:hover{border-color:#fff}
.cw{display:inline-flex;align-items:center;gap:0;height:44px;padding:0 20px;background:var(--l);color:var(--k);font-weight:700;white-space:nowrap}.cw:hover{background:#fff}
.pts{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:1.5px solid #333;font-weight:700;font-size:14px}.pts i{font-style:normal;background:var(--l);color:var(--k);width:20px;height:20px;display:grid;place-items:center;font-size:11px;font-weight:800}
.wal{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1.5px solid var(--l);font-weight:700}.wal i{width:8px;height:8px;background:var(--l)}
.wmw{position:relative}.wmenu{position:absolute;right:0;top:50px;min-width:190px;background:#0d0d0d;border:1px solid #333;display:none;flex-direction:column;z-index:50}.wmenu.open{display:flex}
.wmenu a,.wmenu button{padding:12px 16px;text-align:left;font-weight:600;border-bottom:1px solid #222}.wmenu a:hover,.wmenu button:hover{background:var(--l);color:var(--k)}
.mb{display:none;width:42px;height:42px;place-items:center;border:1.5px solid #333}
.mnav{display:none}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;font-weight:700;font-size:16px;border:2px solid transparent;transition:transform .12s,box-shadow .12s,background .12s;white-space:nowrap}
.btn-lime{background:var(--l);color:var(--k)}.btn-lime:hover:not(:disabled){transform:translate(-3px,-3px);box-shadow:6px 6px 0 #fff}
.btn-holo,.btn-purple{border-color:#fff;color:#fff}.btn-holo:hover:not(:disabled),.btn-purple:hover:not(:disabled){background:#fff;color:var(--k)}
.btn-ink{background:var(--k);color:var(--l)}.btn-ink:hover:not(:disabled){background:var(--l);color:var(--k);outline:2px solid var(--k)}
.btn-sm{height:42px;padding:0 16px;font-size:14px}
.btn:disabled{opacity:.45}
.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1.5px solid #3a3a3a;font-weight:600;font-size:13px;white-space:nowrap}
button.chip:hover{border-color:#fff}.chip.on{background:var(--l);color:var(--k);border-color:var(--l)}
.more{display:flex;justify-content:center;margin-top:30px}
.empty{padding:50px 20px;text-align:center;color:var(--mute)}.empty b{display:block;color:inherit;font-family:var(--a);font-stretch:118%;font-size:26px;letter-spacing:-.03em;margin-bottom:6px}
.skel{background:linear-gradient(90deg,#141414 0,#1e1e1e 50%,#141414 100%);background-size:200% 100%;animation:sk 1.3s infinite linear}
.light .skel{background:linear-gradient(90deg,#e6e5de 0,#f0efe9 50%,#e6e5de 100%);background-size:200% 100%}
@keyframes sk{to{background-position:-200% 0}}
.spin-dot{display:inline-block;width:18px;height:18px;border:3px solid #333;border-top-color:var(--l);animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
/* toast + modal */
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;z-index:90;background:#fff;color:var(--k);padding:14px 18px;font-weight:700;transition:.2s;pointer-events:none;max-width:calc(100vw - 32px);border-left:6px solid var(--k)}
.toast.show{opacity:1;transform:translate(-50%,0)}.toast.good{border-left-color:var(--l);background:var(--k);color:#fff;outline:1.5px solid var(--l)}.toast.bad{border-left-color:var(--r)}
.modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.72);display:none;place-items:center;padding:16px}.modal.open{display:grid}
.sheet-m{width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#0d0d0d;border:1.5px solid #333;padding:26px;box-shadow:10px 10px 0 var(--l)}
.sheet-m h3{font-size:30px}.sheet-m p{color:var(--mute);line-height:1.5}
.wl{display:flex;flex-direction:column;gap:8px;margin-top:16px}.wl button{display:flex;align-items:center;gap:12px;height:56px;padding:0 14px;border:1.5px solid #333;font-weight:700;text-align:left}.wl button:hover{border-color:var(--l)}
.wl img{width:28px;height:28px;object-fit:contain}.wl span{margin-left:auto;font-size:12px;color:var(--dim);font-weight:600}.wl span.ok{color:var(--l)}
.inp,.fld input{width:100%;height:50px;padding:0 14px;background:#000;border:1.5px solid #444;color:#fff}.inp:focus,.fld input:focus{border-color:var(--l);outline:0}
.fld{position:relative;display:block;flex:1}.fld .hint{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.fld input:focus+.hint,.fld input:valid+.hint{display:none}
.mrow{display:flex;gap:10px;margin-top:18px}
.rip{text-align:center}.rip-stage{display:grid;place-items:center;height:120px}.rip-card img{width:220px;margin:16px auto}.rip h4{font-size:22px}
/* footer */
.foot{padding:24px 40px;border-top:1px solid var(--line);color:#8a8a8a;font-size:14px}
/* hero */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 520px;grid-template-rows:1fr auto;gap:0 40px;height:370px;padding:0 40px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 60%,#1a2600 0,#000 55%)}
.hl{align-self:center}
.hero h1{font-size:58px;line-height:.95;font-stretch:118%}.hero h1 em{font-style:normal;color:var(--l)}
.sub{font-size:18px;line-height:1.45;color:#c9c9c9;max-width:560px;margin:16px 0 0}
.ctas{display:flex;gap:12px;margin-top:22px}
.b1{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;background:var(--l);color:var(--k);font-weight:700;transition:transform .12s,box-shadow .12s}.b1:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 #fff}
.b2{display:inline-flex;align-items:center;height:52px;padding:0 22px;border:2px solid #fff;font-weight:700}.b2:hover{background:#fff;color:var(--k)}
.hf{position:relative;grid-row:1/3;grid-column:2;display:block}
.hf img{position:absolute;height:auto}
.h1i{width:250px;right:150px;top:34px;transform:rotate(-7deg);box-shadow:14px 14px 0 var(--l);z-index:2}
.h2i{width:210px;right:-10px;top:70px;transform:rotate(9deg);opacity:.85}
.ht{position:absolute;left:0;bottom:30px;z-index:3;background:#fff;color:#000;padding:12px 96px 12px 16px;display:flex;flex-direction:column;gap:2px;min-width:270px}
.ht b{font-size:14px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ht span{font-family:var(--a);font-stretch:112%;font-weight:800;font-size:28px;letter-spacing:-.03em}.ht small{font-family:var(--f);font-size:12px;color:#666;font-weight:600}
.ht em{position:absolute;right:0;bottom:0;background:var(--l);font-style:normal;font-weight:800;padding:10px 14px}.hf:hover .ht em{background:#000;color:var(--l)}
.hs{grid-column:1;display:flex;gap:30px;padding:0 0 22px;color:#aaa;font-size:15px}.hs b{font-family:var(--a);font-weight:800;color:#fff;font-size:18px;margin-right:4px}
/* listings (light band) */
.light{background:var(--p);color:var(--k)}
.all{padding:16px 40px 70px}
.ah{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.ah h2{font-size:34px}.cnt{font-size:16px;padding-bottom:4px}.cnt b{font-family:var(--a);font-weight:800}
.flt{display:flex;flex-wrap:wrap;gap:10px 22px;margin:10px 0 14px;padding:10px 0;border-top:2px solid var(--k);border-bottom:1px solid #cfcfc4;align-items:center}
.fg{display:flex}.fg button{padding:7px 12px;border:1.5px solid var(--k);margin-left:-1.5px;font-weight:600;font-size:14px;background:#fff;color:var(--k);white-space:nowrap}.fg button:first-child{margin-left:0}
.fg i{font-style:normal;color:#777;margin-left:4px}.fg .on{background:var(--k);color:var(--l)}.fg .on i{color:#aaa}.fg button:hover:not(.on){background:var(--l)}.sw{margin-left:auto}
.ahr{display:flex;align-items:center;gap:18px}.srch{display:flex;height:36px;border:1.5px solid var(--k);background:#fff;min-width:220px}.srch input{flex:1;border:0;padding:0 12px;background:none;color:var(--k);min-width:0}.srch input:focus{outline:0}.srch button{padding:0 12px;font-weight:700;background:var(--k);color:var(--l)}
.lg6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.lc{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--k);padding:10px;transition:transform .12s,box-shadow .12s;color:var(--k);min-width:0}.lc:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--k)}
.lc .li{position:relative;background:#ecebe4;padding:8px 0;display:flex;justify-content:center;align-items:center;height:191px}.lc .li img{max-width:100%;max-height:175px;width:auto;height:auto;object-fit:contain}
.gb{position:absolute;left:0;top:0;background:var(--k);color:var(--l);font-weight:700;font-size:12px;padding:5px 7px}
.ln{display:block;font-size:15px;margin-top:8px;line-height:1.15;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls{font-size:12px;color:#666;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #e1e1d8}
.lp strong{font-family:var(--a);font-stretch:112%;font-weight:800;font-size:20px;letter-spacing:-.03em;display:block}.lp small{display:block;font-weight:600;font-size:12px;color:#777}
.bb{background:var(--k);color:var(--l);padding:9px 14px;font-weight:700}.lc:hover .bb{background:var(--l);color:var(--k)}
.vs{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;padding:4px 7px;width:max-content;max-width:100%}.vs.off{background:var(--l);color:var(--k)}.vs.over{background:#eee;color:#555}
.held .lp strong{font-size:15px}.wb{border:1.5px solid var(--k);padding:7px 10px;font-size:14px;font-weight:700}.lc.held:hover .wb{background:var(--k);color:var(--l)}
.lc.gone{opacity:.4;pointer-events:none}
.mbtn{display:block;margin:30px auto 0;padding:16px 26px;border:2px solid var(--k);font-weight:700;color:var(--k)}.mbtn:hover{background:var(--k);color:var(--l)}
/* how */
.how{padding:100px 40px}.how h2{font-size:72px;line-height:.92;max-width:900px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid #333}
.steps div{padding:26px 26px 0 0;border-right:1px solid var(--line)}.steps div+div{padding-left:26px}.steps div:last-child{border-right:0}
.steps b{font-family:var(--a);font-stretch:125%;font-weight:900;font-size:80px;color:var(--l);line-height:1;letter-spacing:-.05em}.steps h3{font-size:28px;margin-top:16px}.steps p{color:#bbb;line-height:1.5;font-size:17px}
/* packs band */
.packs{background:var(--l);color:var(--k);padding:90px 40px;display:grid;grid-template-columns:420px 1fr;gap:50px}
.ph h2{font-size:96px;line-height:.88}.ph p{font-size:19px;line-height:1.45;margin:20px 0 0}.ph a{display:inline-block;margin-top:22px;font-weight:800;border-bottom:2px solid var(--k)}
.pg{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--k)}
.pk{background:var(--k);color:#fff;padding:22px;border-right:1px solid #333;display:flex;flex-direction:column;text-align:left}.pk:last-child{border-right:0}
.pk b{font-family:var(--a);font-stretch:125%;font-weight:900;font-size:60px;letter-spacing:-.05em;line-height:1}.pk>span{font-weight:700;font-size:19px;margin-top:4px}
.pk dl{margin:18px 0 0}.pk dl div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #2b2b2b;font-size:14px}.pk dt{color:#9a9a9a;text-transform:capitalize}.pk dd{margin:0;font-weight:700}.pk dd small{color:#888;font-weight:500;margin-left:6px}
.pk em{font-style:normal;margin-top:auto;background:#fff;color:var(--k);text-align:center;padding:12px;font-weight:700}.pk .gap{height:20px}
.pk.hot{background:#fff;color:var(--k)}.pk.hot dl div{border-color:#ddd}.pk.hot dt{color:#666}.pk.hot em{background:var(--k);color:var(--l)}.pk:hover:not(:disabled) em{background:var(--l);color:var(--k);outline:2px solid var(--k)}
.pk:disabled{opacity:.55}
/* trust */
.trust{display:grid;grid-template-columns:560px 1fr;gap:70px;padding:100px 40px;align-items:center}
.tv{position:relative;height:560px}.tv img{position:absolute;width:250px;height:auto;border:1px solid #333}
.tv img:nth-child(1){left:150px;top:0;z-index:3;width:290px}.tv img:nth-child(2){left:0;top:90px;transform:rotate(-6deg)}.tv img:nth-child(3){right:0;top:110px;transform:rotate(6deg)}
.tt h2{font-size:64px;line-height:.92}
.tn{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;border-top:1px solid #333}
.tn div{padding-top:16px}.tn b{display:block;font-family:var(--a);font-stretch:112%;font-weight:800;font-size:42px;letter-spacing:-.04em;color:var(--l)}.tn span{color:#aaa;font-size:15px}
.tt ul{list-style:none;padding:0;margin:34px 0 0}.tt li{padding:14px 0;border-top:1px solid var(--line);color:#bbb;line-height:1.5}.tt li b{color:#fff}
/* secondary */
.sec2{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.sec2>a{padding:60px 40px;display:flex;flex-direction:column;transition:background .12s}.sec2>a:hover{background:#0d0d0d}.sec2 .earn{border-right:1px solid var(--line)}
.sec2 h3{font-size:48px}.sec2 p{color:#bbb;font-size:17px;line-height:1.5;max-width:520px}.sec2 em{font-style:normal;color:var(--l);font-weight:700;margin-top:22px}
.rw{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#333;border:1px solid #333;margin-top:10px}.rw span{background:var(--k);padding:12px 14px;display:flex;justify-content:space-between;font-size:15px}.rw b{font-family:var(--a);font-weight:800}
.dc{display:flex;gap:12px;margin-top:10px}.dc img{width:110px;height:auto}
/* page head */
.pgh{padding:44px 40px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.pgh h1{font-size:64px;line-height:.92}.pgh h1 em{font-style:normal;color:var(--l)}.pgh p{color:var(--mute);font-size:17px;max-width:560px;margin:12px 0 0;line-height:1.5}
.pgb{padding:30px 40px 70px}
/* slab detail */
.crumb{padding:18px 40px 0;font-size:14px;color:var(--mute)}.crumb a{border-bottom:1px solid #555}.crumb a:hover{color:#fff;border-color:#fff}
.sd{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:60px;padding:26px 40px 80px;align-items:start}
.sdi{background:#0d0d0d;border:1px solid var(--line);padding:30px;display:flex;justify-content:center;position:sticky;top:96px}.sdi img{max-height:640px;width:auto;max-width:100%;height:auto}
.sdi .tabs{position:absolute;left:0;bottom:0;display:flex}.sdi .tabs button{padding:8px 14px;font-weight:700;font-size:13px;background:#000;border:1px solid #333}.sdi .tabs .on{background:var(--l);color:var(--k)}
.sdt h1{font-size:54px;line-height:.95;font-stretch:118%}.sdt .meta{color:var(--mute);margin-top:12px;font-size:16px}
.sdp{margin-top:28px;padding:24px;border:1.5px solid #333;background:#0a0a0a}
.sdp .pr{font-family:var(--a);font-stretch:112%;font-weight:800;font-size:64px;letter-spacing:-.04em;line-height:1}.sdp .pr small{font-family:var(--f);font-size:16px;color:var(--mute);font-weight:600;margin-left:8px;letter-spacing:0}
.sdp .vs{margin-top:12px}
.rows{margin:20px 0 0}.rows div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:15px}.rows span{color:var(--mute)}.rows b{text-align:right}
.buyb{width:100%;height:60px;margin-top:20px;font-size:18px}
.note{font-size:13px;color:var(--mute);margin-top:12px;line-height:1.5}.note a{color:var(--l);border-bottom:1px solid}
.txp{margin-top:16px;border:1.5px solid var(--l);padding:16px;background:#060a00}.txp h4{font-size:18px;font-stretch:112%}.txp ol{margin:10px 0 0;padding-left:20px;color:#ccc;font-size:14px;line-height:1.6}.txp code{font-size:12px;color:var(--l);word-break:break-all}
.warn{margin-top:16px;padding:14px 16px;border-left:4px solid var(--r);background:#140800;color:#f2d3c4;font-size:14px;line-height:1.5}
.sdx{margin-top:30px}.sdx h3{font-size:24px;font-stretch:112%;margin-bottom:6px}.sdx ul{list-style:none;padding:0;margin:0}.sdx li{padding:12px 0;border-top:1px solid var(--line);color:#bbb;line-height:1.5}.sdx li b{color:#fff}
.notify{margin-top:20px;display:flex;gap:8px}
/* packs page */
.pkpage .pg{grid-template-columns:repeat(4,1fr)}
.pkhow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-top:1px solid #333}.pkhow div{padding:22px 22px 0 0}.pkhow b{font-family:var(--a);font-weight:900;font-stretch:125%;font-size:44px;color:var(--l)}.pkhow p{color:#bbb;line-height:1.5}
/* earn */
.g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.t{background:#0b0b0b;border:1.5px solid #262626;padding:24px;position:relative;display:flex;flex-direction:column;min-width:0}
.t h3{font-size:28px;font-stretch:112%}
.bal .num{font-family:var(--a);font-stretch:118%;font-weight:900;font-size:64px;letter-spacing:-.04em;line-height:1;color:var(--l)}.bal .num small{font-size:18px;color:var(--mute);margin-left:6px;letter-spacing:0;font-family:var(--f)}
.rankbadge{display:inline-block;margin-top:12px;padding:6px 10px;background:#fff;color:var(--k);font-weight:800;font-size:13px;width:max-content}
.prog{height:8px;background:#222;margin-top:20px}.prog i{display:block;height:100%;background:var(--l)}
.rk{display:flex;justify-content:space-between;font-size:12px;color:var(--mute);margin-top:8px;gap:8px}
.wheelt{grid-row:span 2}
.wheel{position:relative;width:min(260px,100%);margin:18px auto}.wheel svg{width:100%;height:auto;display:block}
.pin{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid var(--l);z-index:2}
.spins{display:flex;gap:6px;justify-content:center}.spins i{width:28px;height:8px;background:var(--l)}.spins i.used{background:#333}
.streak{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:16px}.streak i{font-style:normal;border:1px solid #333;padding:8px 2px;text-align:center;font-size:11px;color:var(--mute)}.streak i b{display:block;color:#fff;font-size:12px;margin-top:2px}
.streak i.on{background:var(--l);color:var(--k);border-color:var(--l)}.streak i.on b{color:var(--k)}.streak i.now{border-color:var(--l)}
.code{display:flex;gap:8px;margin-top:16px}
.tasks{margin-top:14px}.task{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.task .ic{width:38px;height:38px;display:grid;place-items:center;color:var(--k);font-weight:900;flex:none}.task .tx{flex:1;font-weight:600;min-width:0}.task .tx small{display:block;color:var(--dim);font-weight:500;font-size:12px}
.task .pt{font-family:var(--a);font-weight:800;color:var(--l)}.task .st{padding:8px 14px;border:1.5px solid #fff;font-weight:700;font-size:13px}.task .st:hover{background:#fff;color:var(--k)}.task .st.done{border-color:var(--l);color:var(--l)}.task .st.rev{border-color:#555;color:#aaa}
.sec{display:flex;align-items:center;gap:14px;font-size:40px;margin:56px 0 18px;flex-wrap:wrap}
.shop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.item{border:1.5px solid #262626;padding:16px;background:#0b0b0b}.item .pack{height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--k);font-family:var(--a);font-weight:900;font-stretch:118%;font-size:20px}.item .pack img{width:44px;height:44px}
.item h4{font-size:20px;margin-top:14px;font-stretch:112%}.item .meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.item .cost{font-weight:800}
.item .go{padding:8px 14px;border:1.5px solid #444;font-weight:700;font-size:13px;color:#888}.item .go.ok{border-color:var(--l);background:var(--l);color:var(--k)}
.gate{border:1.5px solid var(--l);padding:30px;margin-bottom:24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.gate h2{font-size:36px}.gate p{color:var(--mute);margin:0;flex:1}
/* dex */
.dexw{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:0;align-items:start}
.dexw .pgb{min-width:0}
.ph1{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.dsearch{display:flex;height:44px;border:1.5px solid #444;min-width:260px;flex:1;max-width:420px}.dsearch input{flex:1;background:none;border:0;padding:0 12px;color:#fff;min-width:0}.dsearch input:focus{outline:0}.dsearch:focus-within{border-color:var(--l)}.dsearch button{padding:0 14px;background:var(--l);color:var(--k);font-weight:700}
.sethead{display:flex;align-items:center;gap:22px;margin-bottom:22px;flex-wrap:wrap}.sethead img{height:60px;width:auto}.sethead .st{display:flex;gap:26px;margin-left:auto}.sethead .st b{display:block;font-family:var(--a);font-weight:800;font-size:24px}.m{font-size:12px;color:var(--mute)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.cell{display:block;text-align:left;border:1.5px solid transparent;padding:6px;transition:border-color .12s}.cell:hover,.cell.sel{border-color:var(--l)}.cell .tcg img{width:100%;height:auto;aspect-ratio:245/337}
.cell .nm{display:flex;justify-content:space-between;gap:6px;margin-top:6px;font-size:12px;color:var(--mute)}.cell .nm span:first-child{color:#fff!important;font-family:var(--f)!important}
.cell.fav{border-color:#444}.cell.fav::after{content:'♥';position:absolute}
.ph-missing{aspect-ratio:245/337;display:grid;place-items:center;text-align:center;background:#111;color:#666;font-size:12px}
.panel{position:sticky;top:72px;height:calc(100vh - 72px);border-left:1px solid var(--line);background:#050505;padding:24px;overflow:auto}
.panel .x{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid #333;display:none}
.panel .loading{color:var(--dim);display:grid;place-items:center;height:60%}
.panel .tcg.big img{width:250px;height:auto;margin:0 auto 18px}
.panel h2{font-size:30px;font-stretch:112%}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.pricebox{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#333;border:1px solid #333;margin-top:16px}.pricebox div{background:#000;padding:12px}.pricebox small{display:block;font-size:12px;color:var(--mute)}.pricebox b{font-family:var(--a);font-weight:800;font-size:24px}
.atk{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);margin-top:10px}.atk .e i{display:inline-block;width:14px;height:14px;background:#666;margin-right:3px}.atk .eff{color:#aaa;font-size:13px;margin-top:4px;max-width:260px}.atk b{font-family:var(--a);font-weight:800;font-size:20px}
.t-Fire{background:#ff5a36!important}.t-Water{background:#3fa7ff!important}.t-Grass{background:#59c43a!important}.t-Lightning{background:#ffd23f!important}.t-Psychic{background:#b06cff!important}.t-Fighting{background:#c2702f!important}.t-Darkness{background:#333!important;outline:1px solid #777}.t-Metal{background:#9aa!important}.t-Colorless{background:#ddd!important}.t-Dragon{background:#c9a400!important}.t-Fairy{background:#ff7ad1!important}
/* scanner */
.qrow{display:flex;align-items:center;gap:10px}.quota{display:flex;gap:4px}.quota i{width:22px;height:8px;background:var(--l)}.quota i.used{background:#333}
.scan-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}
.drop{position:relative;display:grid;place-items:center;text-align:center;min-height:440px;border:2px dashed #444;padding:30px;cursor:pointer;overflow:hidden;background:#070707}.drop:hover,.drop.drag{border-color:var(--l)}.drop.busy{pointer-events:none}
.drop .scanline{position:absolute;left:0;right:0;height:2px;background:var(--l);top:0;opacity:0}.drop.busy .scanline{opacity:1;animation:scan 1.4s linear infinite}@keyframes scan{to{top:100%}}
.drop .big{font-family:var(--a);font-stretch:118%;font-weight:900;font-size:30px;letter-spacing:-.03em}
.result-card{display:grid;grid-template-columns:200px 1fr;gap:20px;border:1.5px solid #333;padding:20px;margin-bottom:16px;background:#0a0a0a}.result-card .tcg img{width:100%;height:auto}
.result-card .price{font-family:var(--a);font-weight:800;font-stretch:112%;font-size:44px;color:var(--l)}.result-card .free{margin-top:10px;font-size:13px;color:var(--l)}
.scan-wrap .dsearch{max-width:none}
.matches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px}.matches button{text-align:left;border:1.5px solid transparent;padding:6px}.matches button:hover{border-color:var(--l)}.matches img{width:100%;height:auto}.matches .nm{font-weight:700;font-size:13px;margin-top:6px}.matches .ms{font-size:11px;color:var(--mute)}
/* profile */
.pgrid2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}
.idcard{background:var(--l);color:var(--k);padding:30px;position:relative}.idcard h1{font-size:46px}.idcard .rankbadge{position:absolute;margin:0;background:var(--k);color:var(--l)}
.idcard .addr{display:flex;align-items:center;gap:10px;margin-top:10px;font-weight:700}.idcard .chip{border-color:var(--k);height:28px}
.statrow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border-top:2px solid var(--k)}.statrow div{padding-top:12px}.statrow b{display:block;font-family:var(--a);font-weight:900;font-stretch:118%;font-size:40px;letter-spacing:-.04em}.statrow span{font-size:13px;font-weight:600}
.idcard .prog{background:rgba(0,0,0,.2)}.idcard .prog i{background:var(--k)}.idcard .rk{color:#333}
.list .li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.list .li small{display:block;color:var(--dim);font-size:12px}.list .li.me{color:var(--l)}
.sec-h{font-family:var(--a);font-stretch:118%;font-weight:900;font-size:28px;letter-spacing:-.03em;margin:40px 0 12px}
.favgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.favgrid img{width:100%;height:auto}
.owned{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
/* 404 */
.nf{padding:120px 40px;text-align:left}.nf h1{font-size:120px;color:var(--l)}.nf p{font-size:20px;color:#bbb}
/* responsive */
@media (max-width:1280px){.lg6{grid-template-columns:repeat(4,minmax(0,1fr))}.g{grid-template-columns:repeat(2,minmax(0,1fr))}.wheelt{grid-row:auto}.shop{grid-template-columns:repeat(2,minmax(0,1fr))}.dexw{grid-template-columns:minmax(0,1fr) 340px}}
@media (max-width:1100px){.nl{gap:18px}.hero{grid-template-columns:minmax(0,1fr) 420px}.h1i{width:210px;right:110px}.h2i{width:170px}.trust{grid-template-columns:1fr 1fr;gap:40px}.packs{grid-template-columns:1fr}.pg{grid-template-columns:repeat(2,1fr)}.pk:nth-child(2){border-right:0}.pk{border-bottom:1px solid #333}.sd{grid-template-columns:1fr 1fr;gap:36px}}
@media (max-width:960px){.nl{display:none}.mb{display:grid}.xb span{display:none}.xb{width:44px;padding:0;justify-content:center}
 .mnav{position:fixed;top:72px;left:0;right:0;z-index:39;background:#000;border-bottom:1px solid #333;flex-direction:column}.nav-open .mnav{display:flex}.mnav a{padding:16px 20px;font-weight:700;font-size:18px;border-top:1px solid #1a1a1a}.mnav a.on{color:var(--l)}
 .dexw{grid-template-columns:1fr}.panel{position:fixed;inset:auto 0 0 0;top:auto;height:82vh;z-index:60;transform:translateY(100%);transition:transform .2s;border-top:2px solid var(--l);border-left:0}.panel.open{transform:none}.panel .x{display:grid;place-items:center}
 .scan-wrap,.pgrid2{grid-template-columns:1fr}}
@media (max-width:700px){
 .wrap{padding-left:16px;padding-right:16px}
 .nav{height:60px;padding:0 14px;gap:8px}.mnav{top:60px}.lg{font-size:20px}.lg svg{width:21px;height:30px}.xb,.mb{width:40px;height:40px}.cw{height:40px;padding:0 12px;font-size:14px}.cw .wfull{display:none}.pts{display:none}.wal{height:40px;padding:0 10px;font-size:14px}
 .hero{grid-template-columns:1fr;grid-template-rows:auto;height:380px;padding:0 16px;background:radial-gradient(circle at 85% 70%,#1a2600 0,#000 60%)}
 .hl{align-self:start;padding-top:24px;position:relative;z-index:4}
 .hero h1{font-size:34px;max-width:300px;font-stretch:112%}.sub{font-size:15px;margin-top:10px;max-width:200px}
 .ctas{flex-direction:column;gap:8px;margin-top:16px;width:200px}.b1,.b2{height:46px;font-size:15px;padding:0 14px;justify-content:center}
 .hf{grid-row:auto;grid-column:auto;position:absolute;right:0;top:0;width:100%;height:100%}
 .h1i{width:112px;right:14px;top:auto;bottom:30px;box-shadow:8px 8px 0 var(--l)}.h2i,.ht,.hs{display:none}
 .all{padding:18px 16px 50px}.ah h2{font-size:30px}.cnt{font-size:13px}
 .flt{flex-wrap:nowrap;overflow-x:auto;gap:12px;margin:12px -16px 14px;padding:10px 16px}.fg{flex:none}.sw{margin-left:0}.ah{flex-wrap:wrap}.ahr{width:100%;justify-content:space-between}.srch{min-width:0;flex:1;max-width:190px}
 .lg6{grid-template-columns:1fr 1fr;gap:10px}.lc .li{height:auto;padding:8px}.lc .li img{max-height:none;width:100%}.lp{flex-direction:column;align-items:stretch}.bb,.wb{text-align:center;padding:9px}.vs{font-size:11px}
 .how{padding:60px 16px}.how h2{font-size:44px}.steps{grid-template-columns:1fr 1fr;margin-top:30px}.steps div,.steps div+div{padding:20px 12px 20px 0;border-right:0;border-bottom:1px solid var(--line)}.steps b{font-size:54px}.steps h3{font-size:22px}.steps p{font-size:15px}
 .packs{padding:56px 16px;gap:26px}.ph h2{font-size:64px}.pk{padding:16px}.pk b{font-size:44px}
 .trust{grid-template-columns:1fr;padding:60px 16px;gap:30px}.tv{height:340px}.tv img{width:150px}.tv img:nth-child(1){left:calc(50% - 90px);width:180px}.tt h2{font-size:42px}.tn{grid-template-columns:1fr}.tn b{font-size:34px}
 .sec2{grid-template-columns:1fr}.sec2>a{padding:44px 16px}.sec2 .earn{border-right:0;border-bottom:1px solid var(--line)}.sec2 h3{font-size:36px}.dc img{width:30%}
 .foot{padding:20px 16px}
 .pgh{padding:30px 16px 20px}.pgh h1{font-size:42px}.pgb{padding:20px 16px 50px}.crumb{padding:14px 16px 0}
 .sd{grid-template-columns:1fr;padding:16px 16px 60px;gap:24px}.sdi{position:static;padding:16px}.sdi img{max-height:420px}.sdt h1{font-size:36px}.sdp{padding:18px}.sdp .pr{font-size:46px}
 .g,.shop{grid-template-columns:1fr}.t{padding:18px}.bal .num{font-size:52px}.sec{font-size:30px}
 .pkpage .pg{grid-template-columns:1fr}.pkpage .pk{border-right:0}.pg{grid-template-columns:1fr 1fr}.pk em{white-space:normal}.packs .pk dd small{display:none}.pkhow{grid-template-columns:1fr}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cell{padding:3px}.dsearch{min-width:0;max-width:none;width:100%}.sethead .st{margin-left:0}
 .result-card{grid-template-columns:110px 1fr}.drop{min-height:300px}
 .statrow b{font-size:30px}.idcard{padding:22px}.idcard h1{font-size:34px}
 .nf{padding:80px 16px}.nf h1{font-size:80px}
 .sheet-m{padding:20px;box-shadow:6px 6px 0 var(--l)}
}

/* signed-out: real layout, locked */
.lockline{margin:0 0 20px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--mute);font-size:16px}
.lockline a{color:var(--l);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;font-weight:700}.lockline a:hover{color:#fff}
.locked .g,.locked #shop,.locked #prof{opacity:.45;pointer-events:none;user-select:none;filter:grayscale(.3)}
.locked #prof .lb{pointer-events:auto}
.ladder{margin-top:18px;border-top:1px solid var(--line)}.ladder div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #1a1a1a;font-size:13px;color:var(--mute)}.ladder b{color:#fff;font-weight:700}
.ladder .cur{color:var(--k);background:var(--l);padding-left:8px;padding-right:8px}.ladder .cur b{color:var(--k)}
.lockcell{color:var(--dim);padding:14px 0;border-top:1px solid var(--line)}