/* Pika Market print skin: Coinbase blue on paper, ink rules, hard shadows, sharp corners only. */
*,*::before,*::after{border-radius:0!important}
html{background:var(--paper);color:var(--k)}
body{position:relative;background:var(--paper)}
body::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:150;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .32  0 0 0 0 .28  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
::selection{background:var(--blue);color:#fff}
.m{color:var(--mute);font-size:11.5px;letter-spacing:0}
/* buttons */
.btn{height:50px;padding:0 22px;font-family:var(--fm);font-weight:700;font-size:13.5px;letter-spacing:0;border:2.5px solid var(--k);box-shadow:4px 4px 0 var(--k);transition:transform .15s,box-shadow .15s;overflow:visible}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--k)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--k)}
.btn-lime,.btn-purple,.btn-coral{background:var(--blue);color:#fff;box-shadow:4px 4px 0 var(--k)}
.btn-lime::after{display:none}
.btn-holo{background:#fff;color:var(--k);border:2.5px solid var(--k)}
.btn-holo:hover{box-shadow:6px 6px 0 var(--k)}
.btn-sm{height:40px;padding:0 15px;font-size:12.5px;box-shadow:3px 3px 0 var(--k)}
.btn .xl,.btn svg{flex:none}
.wstack{display:inline-flex}.wstack img{width:18px;height:18px;border:1.5px solid #fff;margin-left:-5px}.wstack img:first-child{margin-left:0}
.chip{height:32px;background:#fff;border:2px solid var(--k);color:var(--k);font-family:var(--fm);font-size:11.5px}
.chip.on,.series .chip.on{background:var(--k);color:#fff;border-color:var(--k)}
.grade{background:#fff;color:var(--k);border:2px solid var(--k);font-family:var(--fm);font-weight:700}
.grade.g10{background:var(--blue);color:#fff}
.tcg{box-shadow:6px 6px 0 var(--k);border:2px solid var(--k)}
.tcg::after{display:none}
.holo-text{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--blue);animation:none}
/* modal + toast */
.modal{background:rgba(10,11,13,.45);backdrop-filter:none}
.sheet-m{background:#fff;border:3px solid var(--k);box-shadow:10px 10px 0 var(--blue)}
.sheet-m h3{font-size:44px}
.sheet-m p{color:var(--mute);font-family:var(--fs)}
.wl button{height:60px;background:var(--paper);border:2px solid var(--k);font-family:var(--fm);font-size:14px}
.wl button:hover{background:#fff;box-shadow:4px 4px 0 var(--blue);transform:translate(-2px,-2px)}
.wl button img{width:34px;height:34px;border:2px solid var(--k);object-fit:cover}
.wl button span{font-family:var(--fm);font-size:11px}
.wl button span.ok{color:var(--blue);font-weight:700}
.field,.inp{background:#fff;border:2px solid var(--k);color:var(--k);font-family:var(--fm)}
.toast{background:var(--k);color:#fff;border:2px solid var(--k);box-shadow:5px 5px 0 var(--blue);font-family:var(--fm);font-size:13px}
.toast.good{box-shadow:5px 5px 0 var(--blue)}.toast.bad{box-shadow:5px 5px 0 var(--coral)}
.skel{background:linear-gradient(90deg,#fff 0%,var(--panel2) 50%,#fff 100%);background-size:200% 100%;border:2px solid var(--k)}
.wal-btn{background:#fff;border:2.5px solid var(--k);box-shadow:3px 3px 0 var(--k);font-family:var(--fm);height:42px}
.wal-btn i{background:var(--blue)}
.wmenu{background:#fff;border:2.5px solid var(--k);box-shadow:6px 6px 0 var(--k)}
.wmenu a,.wmenu button{font-family:var(--fm);font-size:13px}
.wmenu a:hover,.wmenu button:hover{background:var(--panel2)}
.fld .hint{color:var(--dim)}
/* app shell */
.side{background:#fff;border-right:3px solid var(--k)}
.side .logo{padding:2px 6px 22px}.side .logo img{width:100%;max-width:200px;height:auto}
.nav a{color:var(--k);font-family:var(--fm);font-size:13px;height:42px}
.nav a:hover{background:var(--panel2);color:var(--k)}
.nav a.on{background:var(--blue);color:#fff;box-shadow:none}
.nav a .badge{background:var(--k);color:#fff}
.era a{color:var(--k);font-family:var(--fm)}
.era a.on{background:var(--k);color:#fff}
.era.sub{border-left:2px solid var(--k)}
.caret{color:var(--k)}.caret:hover{background:var(--panel2);color:var(--k)}
.nav a.on+.caret{color:#fff}.grp-row:has(a.on) .caret{color:#fff}
.side .foot a{font-family:var(--fm);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.top{background:rgba(245,242,234,.94);backdrop-filter:none;border-bottom:3px solid var(--k)}
.search{background:#fff;border:2px solid var(--k);font-family:var(--fm);font-size:13px}
.search kbd{border:1.5px solid var(--k);background:var(--paper);color:var(--k)}
.pts{background:#fff;border:2px solid var(--k);font-family:var(--fm)}
.pts i{background:var(--blue);color:#fff}
.ph1 h1{font-size:76px}
h2.sec{font-size:60px}
.empty{border:2px dashed var(--k);background:#fff}
.empty b{font-size:32px}
/* panels, tiles */
.panel{background:#fff;border-left:3px solid var(--k)}
.panel .x{background:#fff;border:2px solid var(--k);color:var(--k)}
.band>div,.t,.slab,.settile,.cell,.idcard,.gate,.result-card,.list .li,.statrow div,.task,.item{border:2.5px solid var(--k);background:#fff;box-shadow:none}
.band .hero,.bal,.idcard,.gate{background:#fff}
.band .hero{background:var(--blue);color:#fff}.band .hero .m{color:#fff}
.band b{font-size:40px;font-weight:900;letter-spacing:0}.band .hero b{font-size:48px}
.slab{padding:10px}
.slab:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--k)}
.slab.sel{background:#fff;border:2.5px solid var(--k);box-shadow:6px 6px 0 var(--blue)}
.slab .ph{background:var(--panel2);border:2px solid var(--k)}
.slab h4{font-family:var(--fs);font-weight:800;font-size:18px}
.slab .sub,.slab .usd{font-family:var(--fm);font-size:10.5px;color:var(--dim)}
.slab .sol{font-family:var(--fd);font-weight:900;font-size:30px;color:var(--blue)}
.slab .sol.muted{color:var(--k);font-size:22px}
.slab .buy{background:var(--k);color:#fff;font-family:var(--fm);font-weight:700;font-size:12px}
.slab.held .ph img{filter:grayscale(.15)}
.slab.gone{opacity:.4;pointer-events:none}
.trust .chip{background:var(--paper)}
.rows div{border-bottom:2px solid var(--k);font-family:var(--fm);font-size:13px}
.rows b{font-family:var(--fm)}
.panel h2.d{font-size:44px}
.panel .img{background:var(--panel2);border:2.5px solid var(--k)}
/* earn */
.bal .num{font-family:var(--fd);font-weight:900;font-size:120px;letter-spacing:0;color:var(--blue)}
.bal .num small{font-family:var(--fm);font-size:18px;color:var(--k)}
.rankbadge{background:var(--k)!important;color:#fff!important;font-family:var(--fd);border:2.5px solid var(--k)}
.prog{background:var(--panel2);border:2px solid var(--k)}.prog i{background:var(--blue)}
.rk{font-family:var(--fm);font-size:11.5px}
.t h3.d{font-size:44px}
.streak i{background:var(--paper);border:2px solid var(--k);color:var(--k)}
.streak i.on{background:var(--k);color:#fff}
.streak i.now{background:var(--blue);color:#fff;box-shadow:4px 4px 0 var(--k)}
.wheelt{background:#fff}
.wheel svg{filter:drop-shadow(6px 6px 0 var(--k))}
.wheel .pin{filter:none}
.task{background:var(--paper);border:2px solid var(--k)}
.task .ic{border:2px solid var(--k);background:#fff!important;color:var(--k)}
.task .tx{font-family:var(--fs);font-weight:700;font-size:15px}.task .tx small{font-family:var(--fm);font-weight:400;font-size:11px}
.task .pt{font-family:var(--fm);font-weight:700;color:var(--blue)}
.task .st{background:var(--blue);color:#fff;border:2px solid var(--k);font-family:var(--fm)}
.task .st.done{background:#fff;color:var(--dim);border:2px solid var(--k)}
.task .st.rev{background:#fff;color:var(--k);border:2px dashed var(--k)}
.shop>*{border:2.5px solid var(--k)!important;background:#fff!important;box-shadow:none}
/* explorer, dex */
.settile:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--k);background:#fff;border:2.5px solid var(--k)}
.settile .nm{font-family:var(--fs);font-weight:800;font-size:16px}
.settile .noimg{font-family:var(--fd);font-weight:900;text-transform:uppercase}
.cell{padding:6px}.cell img{border:1.5px solid var(--k)}
/* scanner */
.drop{background:#fff;border:3px dashed var(--k)}
.drop.drag{border-color:var(--blue);background:#EEF3FF}
.drop img.preview{border:2.5px solid var(--k);box-shadow:8px 8px 0 var(--blue)}
.drop .scanline{background:var(--blue);box-shadow:0 0 0 2px var(--k)}
.result-card .price{font-family:var(--fd);font-weight:900;color:var(--blue);letter-spacing:0}
.quota i{background:var(--blue);border:1.5px solid var(--k)}.quota i.used{background:#fff}
.matches img{border:2px solid var(--k)}
.result-card.note{border-style:dashed}.result-card.note .free{color:var(--blue)}
/* profile */
.idcard .addr{font-family:var(--fm);color:var(--k)}
.statrow div{background:var(--paper)}
.statrow b{font-family:var(--fd);font-weight:900;font-size:36px;color:var(--blue)}
.list .li{background:var(--paper)}
.favgrid img{border:2px solid var(--k)}
.lb .li.me{background:#EEF3FF;border:2.5px solid var(--blue)}
.gate h2{font-size:64px}
/* packs */
.packs{border:3px solid var(--k);background:#fff;padding:26px;position:relative;overflow:hidden;box-shadow:8px 8px 0 var(--blue)}
.packs::before{content:"";position:absolute;right:-60px;top:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,82,255,.55) 30%,transparent 32%) 0 0/10px 10px;-webkit-mask:radial-gradient(circle,#000 10%,transparent 68%);mask:radial-gradient(circle,#000 10%,transparent 68%);pointer-events:none}
.packs-h{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px;position:relative}
.packs-h h2{font-size:64px}
.packs-h p{max-width:430px;font-size:16px;line-height:1.45}
.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;position:relative}
.pkc{border:2.5px solid var(--k);background:var(--paper);padding:16px;display:flex;flex-direction:column;gap:12px}
.pkc.off{opacity:.55}
.pk-top{display:flex;flex-direction:column}
.pk-price{font-family:var(--fd);font-weight:900;font-size:56px;line-height:.85;color:var(--blue)}
.pk-name{font-family:var(--fs);font-weight:800;font-size:19px;margin-top:6px}
.pk-odds{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pk-odds div{border-top:2px solid var(--k);padding-top:5px;font-family:var(--fm);font-size:10.5px;display:flex;flex-direction:column}
.pk-odds span{text-transform:capitalize}.pk-odds b{font-size:14px}.pk-odds small{color:var(--dim)}
.pkc .btn{justify-content:center;margin-top:auto}
.rip h3{font-size:46px}.rip h4{font-family:var(--fs);font-weight:800;font-size:22px;margin-top:14px}
.rip-stage{display:grid;place-items:center;height:160px}
.rip-card{margin-top:16px;display:grid;place-items:center;background:var(--panel2);border:2.5px solid var(--k);padding:12px}
.rip-card img{max-height:320px;width:auto}
.spin-dot{border:3px solid var(--panel2);border-top-color:var(--blue);width:34px;height:34px}
@media (max-width:860px){
 .ph1 h1{font-size:54px}h2.sec{font-size:44px}
 .packs{padding:16px}.packs-h{flex-direction:column;align-items:flex-start;gap:8px}.packs-h h2{font-size:48px}
 .packs-grid{grid-template-columns:1fr 1fr;gap:10px}.pk-price{font-size:42px}
 .side{box-shadow:none}
 .band b{font-size:30px}.band .hero b{font-size:36px}
 .bal .num{font-size:84px}
 .top [data-wallet-slot] .btn .wstack{display:none}
}
.img-missing{background:repeating-linear-gradient(45deg,#fff 0 8px,#eef2ff 8px 16px)}
/* X link in top bar: secondary to Connect wallet */
.xnav{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:2px solid var(--k,#0A0B0D);background:#fff;color:var(--k,#0A0B0D);font-family:var(--fm);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .12s,box-shadow .12s}
.xnav:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--k,#0A0B0D);color:var(--blue,#0052FF)}
.xnav svg{flex:none}
@media (max-width:760px){.xnav{width:38px;height:38px;padding:0;justify-content:center}.xnav span{display:none}}