body{min-height:100vh}
.app{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}
.app.withpanel{grid-template-columns:244px minmax(0,1fr) 392px}
.side{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;background:var(--ink)}
.side .logo{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:800;font-size:22px;letter-spacing:-.04em;padding:0 8px 22px}
.side .logo img{width:34px}.side .logo b{color:var(--lime)}
.nav a{display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:0;color:var(--mute);font-size:14px;font-weight:500}
.nav a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.nav a:hover{background:var(--panel);color:var(--text)}
.nav a.on{background:var(--panel2);color:var(--text);box-shadow:inset 3px 0 0 var(--lime)}
.nav a .badge{margin-left:auto;font-family:var(--fm);font-size:10px;padding:3px 7px;border-radius:0;background:var(--lime);color:#111}
.side h6{font-family:var(--fm);font-weight:400;font-size:10px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;padding:22px 12px 8px}
.era a{display:flex;align-items:center;gap:10px;height:32px;padding:0 12px;border-radius:0;font-size:13px;color:var(--mute)}
.era a span:last-child{margin-left:auto;font-family:var(--fm);font-size:11px;color:var(--dim)}
.era a.on{background:var(--panel);color:var(--text)}
.side .foot{margin-top:auto;display:flex;gap:8px;padding:0 8px}
.side .foot a{flex:1;height:38px;border-radius:0;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;font-size:13px;color:var(--mute)}
.main{min-width:0}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:76px;padding:0 32px;border-bottom:1px solid var(--line);background:rgba(13,11,20,.75);backdrop-filter:blur(16px)}
.search{flex:1;max-width:560px;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:0;background:var(--panel);border:1px solid var(--line);color:var(--dim);font-size:14px}
.search kbd{margin-left:auto;font-family:var(--fm);font-size:11px;padding:3px 7px;border-radius:0;border:1px solid var(--line2);color:var(--mute)}
.top .r{margin-left:auto;display:flex;gap:10px;align-items:center}
.pts{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 6px;border-radius:0;background:var(--panel);border:1px solid var(--line);font-family:var(--fm);font-size:13px}
.pts i{width:30px;height:30px;border-radius:0;background:var(--sun);display:grid;place-items:center;color:#1a1300;font-style:normal;font-weight:700;font-size:13px;font-family:var(--fd)}
.wal{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px 0 6px;border-radius:0;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--holo) border-box;border:1.5px solid transparent;font-family:var(--fm);font-size:13px}
.wal i{width:30px;height:30px;border-radius:0;background:conic-gradient(from 40deg,#0052FF,#0052FF,#0052FF,#0052FF)}
.content{padding:30px 32px 60px}
.ph1{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.ph1 h1{font-size:46px}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters .chip{height:36px;padding:0 14px;cursor:pointer}
.filters .chip.on{background:var(--text);color:var(--ink);border-color:var(--text);font-weight:500}
.panel{position:sticky;top:0;height:100vh;overflow:hidden;border-left:1px solid var(--line);background:var(--ink2);padding:24px;display:flex;flex-direction:column}
.panel .x{z-index:5;position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:0;background:var(--panel);display:grid;place-items:center;color:var(--mute)}

/* dex */

.sethead{display:flex;align-items:center;gap:20px;padding:22px 24px;border-radius:0;background:radial-gradient(circle at 85% 0,rgba(153,69,255,.28),transparent 50%),radial-gradient(circle at 60% 120%,rgba(0,194,255,.2),transparent 50%),var(--panel);border:1px solid var(--line);margin-bottom:22px}
.sethead img{height:64px}
.sethead .st{margin-left:auto;display:flex;gap:28px}
.sethead .st b{display:block;font-family:var(--fd);font-size:26px;letter-spacing:-.03em}
.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:22px}
.cell{cursor:pointer}
.cell .tcg{border-radius:0;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cell:hover .tcg{transform:translateY(-6px) rotate(-1.5deg)}
.cell.sel .tcg{outline:2px solid var(--lime);outline-offset:4px;box-shadow:0 20px 50px -10px rgba(20,241,149,.35)}
.cell .nm{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:500}
.cell .nm span{font-family:var(--fm);font-size:11px;color:var(--dim)}
.cell .rar{font-size:11px;color:var(--dim);margin-top:2px}
.big{width:250px;margin:6px auto 0;transform:rotate(-2deg)}
.big.tcg{border-radius:0}
.pn h2{font-size:34px;margin-top:22px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tags .chip{height:26px;font-size:12px}
.pricebox{margin-top:18px;border-radius:0;background:var(--panel);border:1px solid var(--line);padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pricebox b{font-family:var(--fd);font-size:26px;letter-spacing:-.03em}
.pricebox small{display:block;color:var(--dim);font-size:11px}
.atk{margin-top:10px;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:0;background:var(--panel)}
.atk .e{display:flex;gap:3px}.atk .e i{width:14px;height:14px;border-radius:0;background:var(--coral);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.atk b{font-family:var(--fd);font-size:20px}
.onchain{margin-top:auto;border-radius:0;padding:14px;background:linear-gradient(var(--panel2),var(--panel2)) padding-box,var(--holo) border-box;border:1.5px solid transparent;display:flex;align-items:center;gap:12px}
.onchain img{width:38px;height:62px;object-fit:cover;border-radius:0}

/* market */

.band{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px;margin-bottom:24px}
.band>div{border-radius:0;background:var(--panel);border:1px solid var(--line);padding:18px 20px}
.band b{display:block;font-family:var(--fd);font-size:30px;letter-spacing:-.03em;margin-top:6px}
.band .hero{background:radial-gradient(circle at 100% 0,rgba(153,69,255,.4),transparent 55%),radial-gradient(circle at 0 100%,rgba(46,230,214,.2),transparent 55%),var(--panel)}
.band .hero b{font-size:40px;line-height:1}
.mg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.slab{border-radius:0;background:var(--panel);border:1px solid var(--line);padding:12px;transition:.35s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.slab:hover{transform:translateY(-6px);border-color:var(--line2)}
.slab.sel{background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--holo) border-box;border:1.5px solid transparent;box-shadow:0 24px 50px -20px rgba(20,241,149,.35)}
.slab .ph{border-radius:0;overflow:hidden;background:radial-gradient(circle at 50% 30%,#221e2e,#0a0910);aspect-ratio:4/5;display:grid;place-items:center;padding:10px;position:relative}
.slab .ph img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}
.slab .ph .grade{position:absolute;bottom:10px;right:10px;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.slab h4{margin-top:12px;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slab .sub{font-size:12px;color:var(--dim);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slab .meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.slab .sol{font-family:var(--fm);font-weight:500;font-size:16px}
.slab .usd{font-size:11px;color:var(--dim)}
.slab .buy{height:34px;padding:0 14px;border-radius:0;background:var(--lime);color:#111;font-size:13px;font-weight:600;display:grid;place-items:center}
.sheet .img{height:330px;border-radius:0;background:radial-gradient(circle at 50% 30%,rgba(255,201,60,.25),transparent 60%),#0a0910;display:grid;place-items:center;padding:16px;margin-top:6px}
.sheet .img{position:relative}.sheet .img img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.sheet h2{font-size:32px;margin-top:20px}
.rows{margin-top:16px;border-radius:0;background:var(--panel);border:1px solid var(--line);padding:6px 16px}
.rows div{display:flex;justify-content:space-between;padding:11px 0;font-size:14px;color:var(--mute);border-bottom:1px solid var(--line)}
.rows div:last-child{border:0;color:var(--text);font-weight:600}
.rows b{font-family:var(--fm);font-weight:500;color:var(--text)}
.trust{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.trust .chip{height:26px;font-size:12px}

/* earn */

.g{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
.t{border-radius:0;background:var(--panel);border:1px solid var(--line);padding:26px;position:relative;overflow:hidden}
.t h3{font-size:30px;margin-top:8px}
.bal{grid-column:span 2;background:radial-gradient(circle at 90% -10%,rgba(153,69,255,.45),transparent 50%),radial-gradient(circle at 40% 130%,rgba(20,241,149,.22),transparent 50%),var(--panel)}
.bal .num{margin-top:0!important;font-family:var(--fd);font-weight:800;font-size:96px;letter-spacing:-.05em;line-height:1;margin-top:10px}
.bal .num small{font-size:28px;color:var(--mute);letter-spacing:-.02em;margin-left:8px}
.prog{margin-top:22px;height:12px;border-radius:0;background:var(--panel2);overflow:hidden}
.prog i{display:block;height:100%;width:21.3%;background:var(--holo);border-radius:0}
.rk{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;color:var(--mute)}
.rankbadge{position:absolute;right:26px;top:26px;width:110px;height:110px;border-radius:0;display:grid;place-items:center;background:linear-gradient(145deg,#0052FF,#0052FF);color:#0A0B0D;font-family:var(--fd);font-weight:800;font-size:32px;transform:rotate(8deg);box-shadow:0 20px 50px -14px rgba(153,69,255,.7),inset 0 -6px 0 rgba(0,0,0,.15)}
.streak{display:flex;gap:6px;margin-top:18px}
.streak i{flex:1;height:58px;border-radius:0;background:var(--panel2);display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:normal;font-family:var(--fm);font-size:11px;color:var(--dim);gap:3px}
.streak i b{font-family:var(--fd);font-size:15px;color:inherit}
.streak i.on{background:var(--sun);color:#1a1300}
.streak i.now{background:var(--lime);color:#111;box-shadow:0 0 30px -4px rgba(20,241,149,.7)}
.wheelt{grid-row:span 3;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 55%,rgba(153,69,255,.25),transparent 60%),var(--panel)}
.wheel{width:100%;max-width:330px;aspect-ratio:1;margin:auto;position:relative}
.wheel svg{width:100%;height:100%;filter:drop-shadow(0 30px 50px rgba(153,69,255,.4))}
.pin{position:absolute;top:-10px;left:50%;transform:translateX(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-top:28px solid var(--text);filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));z-index:2}
.spins{display:flex;gap:6px;justify-content:center}.spins i{width:30px;height:8px;border-radius:0;background:var(--lime)}.spins i.used{background:var(--panel2)}
.code{display:flex;gap:8px;margin-top:18px}
.code input{flex:1;min-width:0;height:52px;border-radius:0;background:var(--ink2);border:1.5px dashed var(--line2);color:var(--text);padding:0 16px;font-family:var(--fm);font-size:15px;letter-spacing:.18em}
.tasks{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.task{display:flex;align-items:center;gap:14px;padding:12px 12px 12px 14px;border-radius:0;background:var(--panel2)}
.task .ic{width:38px;height:38px;border-radius:0;display:grid;place-items:center;font-weight:700;font-size:14px;color:#111;font-family:var(--fd)}
.task .tx{flex:1;font-size:14px;font-weight:500}.task .tx small{display:block;color:var(--dim);font-weight:400;font-size:12px;margin-top:2px}
.task .pt{font-family:var(--fm);font-size:13px;color:var(--lime)}
.task .st{height:32px;padding:0 14px;border-radius:0;font-size:12px;font-weight:600;display:grid;place-items:center;background:var(--text);color:var(--ink)}
.task .st.done{background:transparent;color:var(--dim);border:1px solid var(--line2)}
.task .st.rev{background:transparent;color:var(--sun);border:1px solid rgba(255,201,60,.4)}
h2.sec{font-size:40px;margin:46px 0 18px;display:flex;justify-content:space-between;align-items:end}
.shop{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.item{border-radius:0;background:var(--panel);border:1px solid var(--line);padding:14px;transition:.35s}
.item:hover{transform:translateY(-6px)}
.pack{aspect-ratio:3/4;border-radius:0;position:relative;overflow:hidden;display:grid;place-items:center}
.pack::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.0) 0 10px,rgba(255,255,255,.12) 10px 12px)}
.pack::after{content:"";position:absolute;left:0;right:0;top:12px;height:10px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 6px,transparent 6px 12px)}
.pack img{width:46%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4));transform:rotate(-6deg)}
.pack span{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-family:var(--fd);font-weight:800;font-size:15px;color:#111;letter-spacing:-.02em}
.item h4{margin-top:12px;font-size:14px;font-weight:600}
.item .meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.item .cost{font-family:var(--fm);font-size:13px}
.item .go{height:30px;padding:0 12px;border-radius:0;font-size:12px;font-weight:600;display:grid;place-items:center;background:var(--panel2);color:var(--mute)}
.item .go.ok{background:var(--lime);color:#111}
/* production additions */
.menu-btn{display:none;width:42px;height:42px;border-radius:0;background:var(--panel);border:1px solid var(--line);place-items:center;color:var(--mute)}
.search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font-size:14px}

.search:focus-within{border-color:var(--line2)}
a.pts{color:var(--text)}
.empty{padding:60px 20px;text-align:center;color:var(--mute);border:1px dashed var(--line2);border-radius:0}
.empty b{display:block;font-family:var(--fd);font-size:26px;color:var(--text);letter-spacing:-.03em;margin-bottom:8px}
.more{display:flex;justify-content:center;margin-top:30px}
.cell img{aspect-ratio:600/825;object-fit:cover;background:var(--panel)}
.cell .ph-missing{aspect-ratio:600/825;border-radius:0;background:var(--panel);display:grid;place-items:center;color:var(--dim);font-size:12px;padding:10px;text-align:center}
.cell.fav .nm::after{content:"♥";color:var(--lime);margin-left:6px}
.pn .scroll{overflow-y:auto;flex:1;margin:0 -24px;padding:0 24px 10px}
.pn .loading{height:100%;display:grid;place-items:center;color:var(--dim)}
.wk{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.atk .eff{font-size:12px;color:var(--mute);margin-top:4px;max-width:250px;line-height:1.4}
.atk .e i.t-Fire{background:#FF5E3A}.atk .e i.t-Water{background:#3D8BFF}.atk .e i.t-Grass{background:#0052FF}.atk .e i.t-Lightning{background:#0052FF}.atk .e i.t-Psychic{background:#0052FF}.atk .e i.t-Fighting{background:#C46A3A}.atk .e i.t-Darkness{background:#3a3550}.atk .e i.t-Metal{background:#9aa3b2}.atk .e i.t-Colorless{background:#e8e6e0}.atk .e i.t-Dragon{background:#c9a43b}.atk .e i.t-Fairy{background:#ff7fc8}
/* explorer */
.series{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.series .chip{height:38px;padding:0 14px}
.series .chip.on{background:var(--text);color:var(--ink);border-color:var(--text);font-weight:500}
.setgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.settile{display:flex;flex-direction:column;justify-content:space-between;height:170px;padding:18px;border-radius:0;background:var(--panel);border:1px solid var(--line);transition:.3s cubic-bezier(.2,.8,.2,1)}
.settile:hover{transform:translateY(-4px);background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--holo) border-box;border:1px solid transparent}
.settile img{height:62px;width:100%;object-fit:contain;object-position:left center}
.settile .nm{font-weight:600;font-size:15px;margin-top:10px}
.settile .meta{display:flex;justify-content:space-between;font-family:var(--fm);font-size:12px;color:var(--dim);margin-top:4px}
.settile .noimg{height:62px;display:flex;align-items:center;font-family:var(--fd);font-weight:800;font-size:22px;letter-spacing:-.03em}
/* scanner */
.scan-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.drop{position:relative;border-radius:0;border:1.5px dashed var(--line2);background:radial-gradient(circle at 50% 35%,rgba(153,69,255,.18),transparent 60%),var(--panel);min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:30px;overflow:hidden}
.drop.drag{border-color:var(--lime)}
.drop img.preview{max-height:440px;border-radius:0;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.drop .scanline{position:absolute;left:12%;right:12%;height:3px;background:var(--lime);box-shadow:0 0 24px 6px rgba(20,241,149,.6);border-radius:0;animation:scan 2.2s ease-in-out infinite;display:none}
.drop.busy .scanline{display:block}
@keyframes scan{0%,100%{top:8%}50%{top:90%}}
.matches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.matches button{text-align:left}
.matches img{border-radius:0;aspect-ratio:600/825;object-fit:cover;background:var(--panel2)}
.matches .nm{font-size:13px;font-weight:600;margin-top:8px}
.matches .ms{font-size:11px;color:var(--dim)}
.result-card{border-radius:0;background:var(--panel);border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start}
.result-card .price{font-family:var(--fd);font-weight:800;font-size:52px;letter-spacing:-.05em;line-height:1}
.quota{display:flex;gap:6px}.quota i{width:34px;height:8px;border-radius:0;background:var(--lime)}.quota i.used{background:var(--panel2)}
/* profile */
.pgrid2{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.idcard{border-radius:0;padding:28px;background:radial-gradient(circle at 100% 0,rgba(153,69,255,.4),transparent 55%),radial-gradient(circle at 0 120%,rgba(20,241,149,.25),transparent 55%),var(--panel);border:1px solid var(--line);position:relative;overflow:hidden}
.idcard .addr{font-family:var(--fm);font-size:14px;color:var(--mute);display:flex;gap:10px;align-items:center;margin-top:10px;word-break:break-all}
.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.statrow div{border-radius:0;background:rgba(13,11,20,.45);padding:14px}
.statrow b{display:block;font-family:var(--fd);font-size:28px;letter-spacing:-.03em}
.statrow span{font-size:12px;color:var(--dim)}
.list{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.list .li{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:0;background:var(--panel2);font-size:14px}
.list .li small{color:var(--dim);font-size:12px;display:block;margin-top:2px}
.list .li b{font-family:var(--fm);font-weight:400}
.favgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}
.favgrid img{border-radius:0;aspect-ratio:600/825;object-fit:cover}
.lb .li.me{background:linear-gradient(var(--panel2),var(--panel2)) padding-box,var(--holo) border-box;border:1px solid transparent}
.gate{border-radius:0;padding:40px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(153,69,255,.35),transparent 60%),var(--panel);border:1px solid var(--line);margin-bottom:16px}
.gate h2{font-size:40px}.gate p{color:var(--mute);margin:10px 0 22px}
.sec-h{font-family:var(--fd);font-weight:800;font-size:26px;letter-spacing:-.035em;margin:34px 0 4px}
.t .tick{font-size:13px;color:var(--dim);margin-top:12px;font-family:var(--fm)}
.wheel .rot{will-change:transform}
/* responsive app */
@media (max-width:1180px){.app.withpanel{grid-template-columns:220px minmax(0,1fr)}.app.withpanel .panel{position:fixed;right:0;top:0;bottom:0;width:min(400px,100vw);z-index:80;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 60px -20px rgba(0,0,0,.6)}.app.withpanel .panel.open{transform:none}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mg{grid-template-columns:repeat(3,minmax(0,1fr))}.setgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.g{grid-template-columns:1fr 1fr}.wheelt{grid-row:auto}.bal{grid-column:span 2}}
@media (min-width:1181px){.panel .x{display:none}}
@media (max-width:860px){
 .app,.app.withpanel{grid-template-columns:minmax(0,1fr)}
 .side{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:90;transform:translateX(-105%);transition:transform .3s}
 body.nav-open .side{transform:none;box-shadow:30px 0 60px -20px rgba(0,0,0,.7)}
 .menu-btn{display:grid}
 .top{padding:0 14px;gap:10px;height:66px}.search kbd{display:none}.top .pts{display:none}
 .content{padding:20px 14px 60px}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .band{grid-template-columns:1fr 1fr}.band .hero,.band>div:nth-child(4){grid-column:span 2}
 .setgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .g{grid-template-columns:minmax(0,1fr)}.bal,.g .t[style*="span 2"]{grid-column:auto!important}.bal .num{font-size:64px}.rankbadge{width:76px;height:76px;font-size:22px;border-radius:0}
 .shop{grid-template-columns:repeat(2,minmax(0,1fr))}
 .scan-wrap,.pgrid2{grid-template-columns:minmax(0,1fr)}.drop{min-height:380px}
 .favgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .sethead{flex-wrap:wrap}.sethead .st{margin-left:0;width:100%;justify-content:space-between}
 .ph1{flex-direction:column;align-items:flex-start}.ph1 h1{font-size:38px}
 .wal-btn{font-size:12px}
}
/* forms + task buttons */
.inp{height:48px;border-radius:0;background:var(--panel2);border:1px solid var(--line2);color:var(--text);padding:0 14px;font:inherit;font-size:15px;min-width:0}
.inp:focus{outline:none;border-color:var(--lime)}
button.st,a.st{border:0;cursor:pointer;font-family:inherit}
.item .go{border:0;cursor:pointer;font-family:inherit}.item .go[disabled]{cursor:default}
.task .st:hover{filter:brightness(1.1)}
.spin-dot{width:18px;height:18px;border-radius:0;border:2px solid var(--line2);border-top-color:var(--lime);animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.sr{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.scan-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
@media(max-width:860px){.scan-wrap{grid-template-columns:1fr}.result-card{grid-template-columns:110px 1fr}.result-card .price{font-size:40px}.matches{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cell img,.tcg img{height:auto}
@media(max-width:860px){.top .search{min-width:0}.top .search .hint{font-size:13px}.top [data-wallet-slot] .btn{height:40px;padding:0 14px;font-size:13px}.top [data-wallet-slot] .btn .lg{display:none}}
#mq{min-height:42px;flex:none;width:100%}

.grp-row{position:relative}
.grp-row>a{padding-right:44px}
.caret{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--dim);display:grid;place-items:center;cursor:pointer}
.caret:hover{background:var(--panel);color:var(--text)}
.caret svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s}
.grp.open .caret svg{transform:rotate(180deg)}
.era.sub{display:none;margin:4px 0 6px 21px;padding-left:10px;border-left:1px solid var(--line)}
.grp.open .era.sub{display:block}
.side{overflow-y:auto}.era.sub a{font-weight:400}
.era.sub a span:last-child{margin-left:0;font-family:inherit;font-size:13px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.era.sub a .dot{width:7px;height:7px;border-radius:0;flex:none}
.result-card.note .free{margin-top:12px;font-family:var(--fm);font-size:11px;letter-spacing:.06em;color:var(--lime)}.result-card.note{border-style:dashed}