:root{
/* ===== BRAND: swap these to rebrand ===== */
--brand1:#ff7fb2;--brand2:#9a7bff;--brand3:#4fd2f0;--brand-ink:#2b2550;--brand-gold:#ffb938;
--f1:#ff8fbd;--f2:#ffc75a;--f3:#5fd3ef;--f4:#a995ff;
/* ======================================== */
--bg:#f6f3ff;--t:var(--brand-ink);--m:#8a84ad;--a:var(--brand1);--b:var(--brand2);--c:var(--brand3);--g:var(--brand-gold);--ok:#22b07d;--holo:linear-gradient(120deg,#ffd6ec,#d9d4ff 30%,#c8f1ff 55%,#d6ffe8 75%,#fff2c6)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;color:var(--t);font:15px/1.4 "Nunito","Segoe UI",system-ui,Roboto,sans-serif;background:var(--bg)}
body{max-width:430px;margin:auto;min-height:100vh;padding-bottom:104px;background:radial-gradient(90% 40% at 0% 0%,#ffe1f0,transparent 70%),radial-gradient(90% 40% at 100% 10%,#d8f4ff,transparent 70%),radial-gradient(80% 40% at 50% 100%,#e6e0ff,transparent),var(--bg)}
a{color:var(--b);font-weight:800;cursor:pointer}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px;position:sticky;top:0;z-index:5;background:#f6f3ffd9;backdrop-filter:blur(10px)}
.logo{font-weight:900;font-size:20px;display:flex;align-items:center;gap:6px;letter-spacing:-.3px}.logo b{background:linear-gradient(90deg,var(--a),var(--b),var(--c));-webkit-background-clip:text;color:transparent}.logo.big{font-size:34px;justify-content:center}
.lm{width:26px;height:26px;border-radius:7px;background:var(--brand-ink);position:relative;transform:rotate(-8deg);box-shadow:0 3px 8px #7b6cff55}.lm:after{content:"";position:absolute;inset:6px 8px;border-radius:2px;border:2px solid #fff}.logo.big .lm{width:40px;height:40px}
.chips{display:flex;gap:6px}.chip{background:#fff;padding:6px 12px;border-radius:99px;font-weight:800;font-size:13px;box-shadow:0 2px 8px #7b6cff1f}
main{padding:0 14px}.screen{display:none;animation:in .35s ease}.screen.active{display:block}@keyframes in{from{opacity:0;transform:translateY(8px)}}
h2{margin:6px 2px;font-size:26px;font-weight:900}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.panel{background:#fff;border-radius:22px;padding:14px 16px;margin:12px 0;box-shadow:0 6px 20px #7b6cff14,0 1px 0 #fff inset}
.lbl{font-size:11px;letter-spacing:1.2px;color:var(--m);font-weight:900;margin-bottom:4px}.lbl.gold{color:#e09a00}.sub{color:var(--m);font-size:13px;margin:4px 0}.center{text-align:center}
.freebar{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:22px;padding:12px 16px;margin-top:6px;box-shadow:0 6px 20px #7b6cff14}.fp{font-size:16px;font-weight:800}.fp b{font-size:30px;background:linear-gradient(90deg,var(--a),var(--b));-webkit-background-clip:text;color:transparent}.timer{text-align:right}.timer b{display:block;font-variant-numeric:tabular-nums;color:var(--b);font-size:16px}
.pips{display:flex;gap:5px;margin:10px 4px}.pips i{flex:1;height:7px;border-radius:9px;background:#e4e0f5}.pips i.on{background:var(--holo);box-shadow:0 0 0 1px #c9c0ff}
.carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 70px 10px;margin:0 -14px}.carousel::-webkit-scrollbar{display:none}
.pk{flex:0 0 220px;scroll-snap-align:center;text-align:center;transition:transform .3s,opacity .3s;opacity:.55;transform:scale(.86)}.pk.cur{opacity:1;transform:scale(1)}
.pkart{height:300px;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 30px -10px #7b6cff66;animation:bob 3.4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px) rotate(1deg)}}
.pkart .crimp{position:absolute;left:0;right:0;height:16px;background:repeating-linear-gradient(90deg,#ffffff88 0 6px,transparent 6px 12px)}.pkart .crimp.t{top:0}.pkart .crimp.b{bottom:0}
.pkart .pn{position:absolute;bottom:26px;left:0;right:0;font-weight:900;color:#fff;font-size:22px;text-shadow:0 2px 6px #0004}.pkart .pt{position:absolute;top:24px;left:0;right:0;font-size:11px;font-weight:900;letter-spacing:2px;color:#fff}
.pkart .cr{position:absolute;inset:50px 30px 70px}
.shine:after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,#fffc 50%,transparent 58%);animation:shine 3s infinite;pointer-events:none}@keyframes shine{from{transform:translateX(-60%)}to{transform:translateX(60%)}}
.pk .odd{display:inline-block;margin-top:12px;background:#fff;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800;box-shadow:0 2px 8px #7b6cff22}.pk .odd b{color:#e09a00}
.dots{display:flex;justify-content:center;gap:6px;margin:4px 0 12px}.dots i{width:7px;height:7px;border-radius:9px;background:#d5d0ee;transition:.3s}.dots i.on{width:20px;background:var(--b)}
.btn{border:0;border-radius:99px;padding:12px 20px;min-height:48px;font-weight:900;font-size:15px;background:#fff;color:var(--t);box-shadow:0 3px 10px #7b6cff22;cursor:pointer;transition:transform .1s;font-family:inherit}.btn:active{transform:scale(.94)}
.btn.primary{background:linear-gradient(90deg,var(--brand1),var(--brand2) 55%,var(--brand3));color:#fff;box-shadow:0 8px 20px #9a7bff55}.btn.huge{display:block;width:100%;font-size:18px;min-height:58px}.btn.sm{min-height:40px;padding:8px 16px;font-size:13px}.btn:disabled{opacity:.45}
.bar{height:10px;background:#ece8fa;border-radius:99px;overflow:hidden;margin:8px 0 4px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff9cc6,#a995ff,#6fdcf5);border-radius:99px;transition:width .8s cubic-bezier(.2,.9,.3,1.2)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.grid2 .panel{margin:0}.jv b{font-size:24px;font-weight:900}.jv span{color:var(--m);font-weight:700}.jar{background:linear-gradient(160deg,#fff,#fff6e0)}
.mini{text-align:center}.emoji{font-size:30px;margin:4px 0}.emoji b{font-size:26px}
.feed{list-style:none;padding:0;margin:0}.feed li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0edf9;font-size:13px;animation:in .4s}.feed .t{font-weight:800}.dot{display:inline-block;width:8px;height:8px;background:var(--ok);border-radius:9px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}
.r-Common{color:#8a84ad}.r-Rare{color:#1ea7cc}.r-Epic{color:#8b5cf6}.r-Slab{color:#e09a00}
.ohead{display:flex;justify-content:space-between;color:var(--m);font-weight:700;margin-top:6px}.ohead b{color:var(--t)}
.tearwrap{height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.tpack{width:230px;height:320px;position:relative}.tpack .pkart{height:100%;animation:none}
.tpack .topcut{position:absolute;left:0;right:0;top:0;height:44px;overflow:hidden;border-radius:18px 18px 0 0;transition:transform .6s cubic-bezier(.5,-0.4,.6,1),opacity .6s;z-index:2}.tpack .topcut .pkart{height:320px}
.tpack .body{position:absolute;inset:0;clip-path:inset(44px 0 0 0)}.tpack.torn .topcut{transform:translate(140px,-160px) rotate(40deg);opacity:0}.tpack .cut{position:absolute;top:43px;left:0;height:3px;background:#fff;box-shadow:0 0 12px #fff,0 0 20px #ff6fa8;z-index:3;width:0}
.tpack.out{transition:transform .5s,opacity .5s;transform:translateY(240px) scale(.8);opacity:0}
.swipe{margin-top:26px;width:280px}.track{height:56px;border-radius:99px;background:#fff;box-shadow:inset 0 2px 6px #7b6cff22;position:relative;display:flex;align-items:center;justify-content:center;color:var(--m);font-weight:800;touch-action:none}
.track i{position:absolute;left:4px;top:4px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--brand1),var(--brand2));color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px;cursor:grab;box-shadow:0 4px 12px #9a7bff66}
.reveal{display:flex;flex-direction:column;align-items:center;padding-top:16px}.hidden{display:none!important}
.stack{position:relative;width:240px;height:336px;perspective:1000px}
.sc{position:absolute;inset:0;transition:transform .6s cubic-bezier(.3,1.3,.5,1),opacity .4s;cursor:pointer}.sc.gone{transform:translateX(-140%) rotate(-18deg)!important;opacity:0}
.flipc{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.4,.5,1)}.sc.on .flipc{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;overflow:hidden}.back{background:var(--holo);border:7px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #7b6cff44}.back .lm{width:70px;height:70px;border-radius:18px}.back .lm:after{inset:16px 20px;border-width:4px}.front{transform:rotateY(180deg)}
.rinfo{margin:16px 0 8px;font-size:20px;font-weight:900;text-align:center;min-height:52px}.rinfo small{display:block;font-size:13px;color:var(--m);font-weight:700}
.rbtns{display:flex;gap:10px;justify-content:center}.odds{font-size:11px;color:var(--m);text-align:center;margin-top:14px}
.tcard{width:100%;height:100%;border-radius:16px;padding:9px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:7px solid #fff;box-shadow:0 10px 24px #7b6cff33}
.tcard .nm{font-weight:900;display:flex;justify-content:space-between;font-size:14px;color:#2b2550}.tcard .art{flex:1;margin:6px 0;border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff8}.tcard .ft{font-size:10px;font-weight:800;color:#5b5580;display:flex;justify-content:space-between}
.tcard.holo:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ff6fa855,#ffe06655,#5ee0a055,#38c6e855,#7b6cff55);mix-blend-mode:color-dodge;z-index:2;pointer-events:none;background-size:200% 200%;animation:holo 3s linear infinite}@keyframes holo{to{background-position:200% 200%}}
.tcard.holo:after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,#fffd 50%,transparent 58%);animation:shine 2.4s infinite;z-index:3;pointer-events:none}
.g-Rare{box-shadow:0 0 0 3px #7fe2ff,0 0 30px #38c6e8aa}.g-Epic{box-shadow:0 0 0 3px #c4a8ff,0 0 40px #8b5cf6aa}.g-Slab{box-shadow:0 0 0 3px #ffd36b,0 0 50px #ffb938}
.spark{position:absolute;color:#fff;font-size:18px;text-shadow:0 0 8px #ffd36b,0 0 14px #ff6fa8;animation:spk 1.4s ease-out forwards;pointer-events:none;z-index:5}@keyframes spk{0%{transform:scale(0) rotate(0)}40%{transform:scale(1.3) rotate(90deg)}100%{transform:scale(0) rotate(180deg);opacity:0}}
.count{background:#fff;border-radius:99px;padding:6px 12px;font-weight:900;box-shadow:0 2px 8px #7b6cff22}
.filters{display:flex;gap:8px;overflow-x:auto;margin:8px -14px 4px;padding:4px 14px}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;border:0;border-radius:99px;padding:9px 14px;min-height:40px;background:#fff;font-weight:800;color:var(--m);box-shadow:0 2px 8px #7b6cff1a;font-family:inherit}.filters .on{background:var(--t);color:#fff}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.cg{aspect-ratio:5/7;position:relative}.cg .tcard{padding:5px;border-width:4px;border-radius:10px}.cg .tcard .nm{font-size:9px}.cg .tcard .ft{font-size:7px}.cg .tcard .art{margin:3px 0;border-radius:6px}
.cg.miss .tcard{background:#ece8f7!important;box-shadow:none}.cg.miss .art svg{filter:grayscale(1) brightness(.35) opacity(.22)}.cg.miss .nm,.cg.miss .ft{color:#b9b3d6}
.cg .cnt{position:absolute;right:-4px;top:-6px;background:var(--b);color:#fff;font-size:11px;font-weight:900;border-radius:99px;padding:2px 7px;z-index:6;box-shadow:0 2px 6px #7b6cff66}
.shcard{margin:14px auto;width:300px;border-radius:26px;padding:16px;background:var(--holo);box-shadow:0 14px 30px #7b6cff33;text-align:center;position:relative;overflow:hidden}.shcard .cardbox{width:200px;height:280px;margin:12px auto}.shcard .cap{font-weight:900;font-size:18px}.shcard .who{font-size:12px;color:#5b5580;font-weight:700}.shcard .brand{display:flex;justify-content:center;margin-top:10px}.shcard .brand .logo{font-size:15px}.shcard .brand .lm{width:20px;height:20px}
.tabs{display:flex;gap:8px;margin:10px 0}.tab{flex:1;min-height:44px;border-radius:99px;border:0;background:#fff;color:var(--m);font-weight:900;box-shadow:0 2px 8px #7b6cff1a;font-family:inherit}.tab.on{background:var(--t);color:#fff}
.lb{list-style:none;padding:0}.lb li{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:10px 12px;margin:8px 0;box-shadow:0 2px 10px #7b6cff12}.lb .rk{width:30px;font-weight:900;font-size:17px;text-align:center}.lb .nm{flex:1;font-weight:800}.lb .sc{color:var(--b);font-weight:900}.lb li.me{box-shadow:0 0 0 2px var(--a)}.lb .av{width:34px;height:34px;border-radius:50%}
.addr{font-family:ui-monospace,monospace;background:#f4f1fd;border-radius:12px;padding:10px;margin:2px 0 12px;display:flex;justify-content:space-between;font-size:13px}.addr.ok{color:var(--ok);font-weight:800}
.split{display:flex;align-items:center;gap:16px}.donut{width:130px;height:130px;transform:rotate(-90deg)}.split ul{list-style:none;padding:0;margin:0;font-size:13px}.split li{margin:6px 0}.split li i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.txs{list-style:none;padding:0;margin:0}.txs li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0edf9;font-size:13px}.txs a{font-family:ui-monospace,monospace;font-size:12px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:8px 0}.cal div{aspect-ratio:1;border-radius:12px;background:#f4f1fd;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--m)}.cal .done{background:var(--holo);color:var(--t);box-shadow:inset 0 0 0 2px #fff}.cal .today{outline:2px solid var(--b)}
.tiers{list-style:none;padding:0;margin:0}.tiers li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f0edf9}.tiers b{color:var(--ok)}
select{background:#f4f1fd;color:var(--t);border:0;border-radius:10px;padding:6px;font-family:inherit;font-weight:700}
.ref{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#f4f1fd;border-radius:99px;padding:5px 5px 5px 14px;margin:6px 0}
.tabbar{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:calc(100% - 20px);max-width:410px;display:flex;background:#fffffff2;backdrop-filter:blur(12px);border-radius:28px;padding:6px;z-index:10;box-shadow:0 10px 30px #7b6cff2e;margin-bottom:env(safe-area-inset-bottom)}
.tabbar button{flex:1;background:none;border:0;color:var(--m);min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:22px;font-family:inherit}.tabbar svg{width:24px;height:24px;fill:currentColor}.tabbar span{font-size:11px;font-weight:800;margin-top:2px}.tabbar .on{color:var(--b);background:#efeaff}
.tabbar .mid svg{width:30px;height:30px;padding:6px;border-radius:50%;background:linear-gradient(135deg,var(--brand1),var(--brand2));fill:#fff;box-shadow:0 4px 12px #9a7bff66}
.foot{text-align:center;font-size:11px;color:var(--m);padding:20px 0 10px}
.banner{position:fixed;top:-120px;left:50%;transform:translateX(-50%);width:calc(100% - 20px);max-width:410px;background:#fff;color:var(--t);border-radius:20px;padding:12px 14px;z-index:30;box-shadow:0 10px 30px #7b6cff40;transition:top .45s cubic-bezier(.3,1.4,.5,1);font-size:14px;display:flex;gap:10px;align-items:center}.banner.show{top:10px}.banner .ic{font-size:26px}.banner b{display:block}
.modal{position:fixed;inset:0;background:#2b255066;backdrop-filter:blur(6px);z-index:25;display:flex;align-items:center;justify-content:center;padding:20px}.mbox{background:linear-gradient(170deg,#fffaf0,#fff);border-radius:28px;padding:20px;text-align:center;width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px;animation:pop .5s cubic-bezier(.3,1.6,.5,1);box-shadow:0 0 0 3px #ffd36b,0 20px 60px #ffb93866}@keyframes pop{from{transform:scale(.5);opacity:0}}.mtitle{font-size:20px;font-weight:900}.mbox small{color:var(--m);font-size:11px}
.gslab{margin:auto;width:170px;background:linear-gradient(#ffffff,#e9e6f5);border-radius:14px;padding:8px;box-shadow:0 0 0 2px #ddd8f0,0 10px 30px #ffb93866}.gslab .sl{background:linear-gradient(90deg,#ff7fb2,#ffb938);color:#fff;font-weight:900;border-radius:7px;font-size:11px;padding:4px}.gslab .tcard{height:200px;margin-top:6px;border-width:4px}
.gate{position:fixed;inset:0;background:radial-gradient(80% 50% at 20% 10%,#ffe1f0,transparent),radial-gradient(80% 50% at 90% 90%,#d8f4ff,transparent),var(--bg);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.gbox{display:flex;flex-direction:column;gap:16px;max-width:340px}.gbox small{color:var(--m)}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:40;width:100%;height:100%}
.wallet{border:0;font-family:inherit;color:#fff;background:var(--brand-ink);display:flex;align-items:center;gap:6px;min-height:34px;cursor:pointer}.wdot{width:8px;height:8px;border-radius:50%;background:#ffffff66}.wallet.on .wdot{background:#5effb0;box-shadow:0 0 6px #5effb0}
.token{padding:12px 14px}.tk{display:flex;align-items:center;gap:8px}.tkr{font-weight:900;background:var(--brand-ink);color:#fff;border-radius:8px;padding:3px 8px;font-size:12px}.tk b{font-variant-numeric:tabular-nums}.chg{color:var(--ok);font-weight:800;font-size:12px}.buy{background:var(--brand-ink);color:#fff;text-decoration:none;display:inline-flex;align-items:center}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.bdg{font-size:11px;font-weight:800;background:#f4f1fd;color:#5b5580;border-radius:99px;padding:4px 10px}.bdg.ok{background:#dcf8ec;color:var(--ok)}.bdg.cards{background:#fff1d6;color:#b77800}
.fbar{display:flex;height:12px;border-radius:99px;overflow:hidden;margin:8px 0;gap:2px}.fl{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12px}.fl div{display:flex;justify-content:space-between}.fl b{font-variant-numeric:tabular-nums}.fl i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}
/* tilt */
.tilt{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;transform:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s ease-out;transform-style:preserve-3d;position:relative;touch-action:none}
.tilt .tcard{transform:translateZ(0)}.tilt .glare{position:absolute;inset:0;border-radius:16px;pointer-events:none;z-index:6;background:radial-gradient(circle at var(--gx) var(--gy),#ffffffaa,transparent 45%),linear-gradient(calc(110deg + var(--ry)*3),transparent 30%,#ff8fbd33 42%,#ffe06633 50%,#5fd3ef33 58%,transparent 70%);mix-blend-mode:soft-light}
.tilt.holo-on .glare{mix-blend-mode:overlay;background:radial-gradient(circle at var(--gx) var(--gy),#fffd,transparent 40%),linear-gradient(calc(110deg + var(--ry)*4),transparent 20%,#ff6fa877 35%,#ffe06677 45%,#5ee0a077 55%,#38c6e877 65%,transparent 80%);background-size:100% 100%,200% 200%;background-position:0 0,var(--gx) var(--gy)}
.tilt.big{width:230px;height:322px;margin:4px auto 6px}
.fr{border:0;font-family:inherit;position:relative;cursor:pointer;min-height:34px}.fbadge{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--a);display:none}.fbadge.on{display:block}
.dbox{background:#fff;border-radius:28px;padding:18px 16px;width:100%;max-width:370px;text-align:center;position:relative;animation:pop .4s cubic-bezier(.3,1.6,.5,1)}.x{position:absolute;right:12px;top:12px;border:0;background:#f4f1fd;border-radius:50%;width:36px;height:36px;font-size:16px;color:var(--t);cursor:pointer}.row .x{position:static}
.dbtns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0}.ghost{box-shadow:none;background:#f4f1fd}
.sheet{position:fixed;inset:0;background:#2b255055;z-index:26;display:flex;align-items:flex-end;justify-content:center}.sbox{background:#fff;border-radius:28px 28px 0 0;width:100%;max-width:430px;max-height:82vh;overflow:auto;padding:18px 16px 28px;animation:up .35s cubic-bezier(.3,1.2,.5,1)}@keyframes up{from{transform:translateY(100%)}}
.pick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.pick .cg{cursor:pointer}.pick .cg.sel{outline:3px solid var(--b);outline-offset:3px;border-radius:12px}.pick .cg.dim{opacity:.35;pointer-events:none}
.frl{list-style:none;padding:0;margin:0}.frl li{background:#fff;border-radius:20px;padding:12px;margin:10px 0;box-shadow:0 2px 10px #7b6cff12;display:flex;align-items:center;gap:10px}.frl .av{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:0 0 44px}.frl .nm{flex:1;font-weight:800}.frl .nm small{display:block;color:var(--m);font-weight:700;font-size:12px}.frl .acts{display:flex;gap:6px}.frl .btn{padding:6px 10px;min-height:40px;font-size:12px}
.lb .av{overflow:hidden;display:inline-block}
.giftbar{display:flex;justify-content:space-between;align-items:center}.giftbar b{font-size:22px}.note{background:#fff8e6;color:#8a6200;font-size:13px;font-weight:700}
.trade{background:linear-gradient(160deg,#fff,#f1edff);border-radius:20px;padding:12px;margin:10px 0;box-shadow:0 2px 10px #7b6cff1a}.tr2{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:6px;margin:8px 0}.tr2 .cg{width:100%}.tr2 .sw{text-align:center;font-size:20px;color:var(--b)}
.status{font-weight:900;font-size:13px}.status.ok{color:var(--ok)}.status.wait{color:#e09a00}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;margin:12px 0;border-radius:26px;background:var(--holo);box-shadow:0 10px 26px #7b6cff2a}.slot{aspect-ratio:5/7;border-radius:12px;background:#ffffff88;border:2px dashed #fff;display:flex;align-items:center;justify-content:center;color:#a49fc4;font-weight:900;font-size:22px}.board .cg{cursor:pointer}
/* ================= v3 PREMIUM DARK THEME ================= */
:root{
/* ===== BRAND (v3): swap these to rebrand ===== */
--brand1:#c9a96e;      /* gold accent */
--brand2:#9aa4b8;      /* silver accent */
--brand3:#6ee7d8;      /* foil teal */
--brand-ink:#f2f2f4;   /* text */
--brand-gold:#d9b46a;
--silver:#c7ccd6;--bg0:#0b0c0f;--bg1:#121318;--glass:rgba(255,255,255,.045);--line:rgba(255,255,255,.08);
--foil:linear-gradient(115deg,#c9a96e,#f3e3b5 20%,#9aa4b8 40%,#6ee7d8 60%,#b59cff 80%,#c9a96e);
--f1:#d9b46a;--f2:#f0e1b0;--f3:#6ee7d8;--f4:#7d8597;
--bg:var(--bg0);--m:#8b8f9c;--ok:#5fd4a0;--holo:var(--foil)}
html,body{font-family:Inter,system-ui,sans-serif;color:var(--brand-ink);background:var(--bg0)}
body{background:radial-gradient(70% 35% at 15% 0%,#2a2416 0%,transparent 70%),radial-gradient(60% 30% at 100% 20%,#10252a,transparent 70%),var(--bg0)}
h2,.logo,.mtitle,.fp,.jv b,.big,.pn,.rinfo,.count,.cap{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.3px}
h2{font-weight:600}.lbl{color:#7d8291;font-weight:600;letter-spacing:1.6px;font-size:10.5px}
.top{background:#0b0c0fd9;border-bottom:1px solid var(--line)}
.logo{font-weight:600;color:#f2f2f4}.logo b{background:var(--foil);-webkit-background-clip:text;color:transparent}
.lm{background:linear-gradient(135deg,#f3e3b5,#c9a96e 45%,#6b5530);box-shadow:none}.lm:after{border-color:#0b0c0f}
.chip,.panel,.freebar,.pk .odd,.track,.filters button,.count,.tab,.lb li,.frl li,.trade,.banner,.tabbar{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:none;color:var(--brand-ink)}
.chip{font-weight:600}.wallet{background:linear-gradient(135deg,#2b2d35,#1a1b21);border:1px solid #ffffff1f}.tkr{background:#f2f2f4;color:#0b0c0f}.buy{background:var(--foil);color:#0b0c0f;font-weight:700}
.panel{border-radius:18px}.jar{background:linear-gradient(160deg,#2a2416aa,var(--glass))}
.fp b,.vault .big{background:var(--foil);-webkit-background-clip:text;color:transparent}.timer b{color:var(--brand-gold)}
.pips i{background:#ffffff12}.pips i.on{background:var(--foil);box-shadow:none}
.bar{background:#ffffff10}.bar i{background:var(--foil);box-shadow:0 0 10px #c9a96e55}
.btn{background:#ffffff0d;color:#f2f2f4;border:1px solid #ffffff1a;box-shadow:none;font-weight:600;font-family:Inter,sans-serif}
.btn.primary{background:linear-gradient(135deg,#f3e3b5,#c9a96e 50%,#a78445);color:#14110a;border:0;box-shadow:0 8px 24px #c9a96e33}
.btn.huge{font-family:"Space Grotesk";font-weight:600;letter-spacing:.2px}
.bdg{background:#ffffff0d;color:#b9bdc8;font-weight:600}.bdg.ok{background:#5fd4a01a;color:var(--ok)}.bdg.cards{background:#c9a96e1f;color:var(--brand-gold)}
.addr,.cal div,select,.ref,.ghost,.x{background:#ffffff0a;color:#e6e7ea}.cal .done{background:var(--foil);color:#14110a;box-shadow:none}.cal .today{outline-color:var(--brand-gold)}
.tabbar{background:#121318e6}.tabbar .on{color:var(--brand-gold);background:#c9a96e14}.tabbar .mid svg{background:linear-gradient(135deg,#f3e3b5,#c9a96e);fill:#14110a;box-shadow:0 4px 14px #c9a96e44}
.tab.on,.filters .on{background:#f2f2f4;color:#0b0c0f}
.banner{background:#16171ccc;color:#f2f2f4}.bdot{width:10px;height:10px;border-radius:50%;background:var(--foil);flex:0 0 10px;box-shadow:0 0 10px #c9a96e}
.mbox,.dbox,.sbox{background:linear-gradient(170deg,#1a1b21,#101116);color:#f2f2f4;border:1px solid var(--line)}.mbox{box-shadow:0 0 0 1px #c9a96e66,0 30px 80px #000}
.modal,.sheet{background:#000a}.gate{background:radial-gradient(60% 40% at 30% 10%,#2a2416,transparent),var(--bg0)}
.note{background:#c9a96e12;color:#d9c08a;border:1px solid #c9a96e33}
.r-Common{color:#9aa0ad}.r-Rare{color:#c7ccd6}.r-Epic{color:#b59cff}.r-Slab{color:var(--brand-gold)}
.lb .sc{color:var(--brand-gold)}.lb li.me{box-shadow:0 0 0 1px var(--brand-gold)}.txs li,.feed li,.tiers li{border-color:var(--line)}a{color:var(--brand-gold);font-weight:600}
.dots i{background:#ffffff22}.dots i.on{background:var(--brand-gold)}
.foot{color:#5d616d}
/* cards: chrome frame */
.tcard{background:linear-gradient(160deg,#1c1d23,#0d0e12)!important;border:0;padding:8px;box-shadow:0 12px 30px #000a;color:#e9e9ec}
.tcard:not(.x)::selection{background:none}
.tcard{outline:1.5px solid transparent;background-clip:padding-box}
.tcard .nm{color:#ecedf0;font-family:"Space Grotesk";font-weight:600;font-size:13px;letter-spacing:.2px}.tcard .ft{color:#7f8492;font-weight:500;letter-spacing:.6px;font-size:9px}
.tcard .art{border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff22}
.tier{font-size:10px;width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#cfd2da}
.t-Rare .tier{background:linear-gradient(135deg,#f4f6fa,#8d95a6);color:#111}.t-Epic .tier{background:linear-gradient(135deg,#d9c8ff,#7b5cd6);color:#111}.t-Slab .tier{background:linear-gradient(135deg,#f3e3b5,#a78445);color:#111}
.t-Common{box-shadow:0 0 0 1.5px #3a3d46,0 12px 30px #000a}
.g-Rare{box-shadow:0 0 0 1.5px #c7ccd6,0 0 26px #c7ccd655}.g-Epic{box-shadow:0 0 0 1.5px #b59cff,0 0 34px #b59cff55}.g-Slab{box-shadow:0 0 0 2px #d9b46a,0 0 40px #d9b46a77}
.tcard.holo:before{background:linear-gradient(125deg,#c9a96e33,#6ee7d833,#b59cff33,#f3e3b533);mix-blend-mode:color-dodge;opacity:.7}
.tcard.holo:after{background:linear-gradient(115deg,transparent 44%,#ffffff55 50%,transparent 56%)}
.cg .tcard{padding:4px}.cg .tcard .nm{font-size:8px}.cg .tier{width:12px;height:12px;font-size:7px}.cg .tcard .ft{font-size:6px}
.cg.miss .tcard{background:#121318!important;box-shadow:0 0 0 1px #24262d}.cg.miss .nm,.cg.miss .ft{color:#3d404a}.cg.miss .art svg{filter:none}
.cg .cnt{background:#f2f2f4;color:#0b0c0f;font-weight:700}
.back{background:linear-gradient(135deg,#1a1b21,#0b0c0f);border:6px solid #23252c;box-shadow:inset 0 0 0 1px #c9a96e55,0 10px 30px #000}.back .lm{width:60px;height:60px}
.spark{color:#f3e3b5;text-shadow:0 0 8px #c9a96e;font-size:12px}
/* foil booster */
.pkart.foil{background:linear-gradient(115deg,hsl(var(--h),20%,14%),hsl(var(--h),30%,24%) 30%,hsl(var(--h),15%,10%) 55%,hsl(var(--h),35%,28%) 80%,hsl(var(--h),20%,12%));box-shadow:0 24px 40px -12px #000,inset 0 0 0 1px #ffffff22;border-radius:10px 10px 10px 10px}
.pkart.foil:before{content:"";position:absolute;inset:0;background:var(--foil);opacity:.18;mix-blend-mode:screen;background-size:200% 200%;animation:holo 6s linear infinite}
.pkart.foil:after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 44%,#ffffff40 50%,transparent 56%);animation:shine 3.4s infinite}
.pkart .crimp{height:14px;background:repeating-linear-gradient(90deg,#ffffff30 0 2px,#00000040 2px 5px);opacity:.8}
.pkart .pt{font-family:Inter;font-weight:600;letter-spacing:3px;font-size:9px;color:#d9c08a;top:26px}
.pkart .cr{inset:52px 34px 86px;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #ffffff2a}
.pkart .pn{font-family:"Space Grotesk";font-weight:600;font-size:24px;bottom:42px;background:var(--foil);-webkit-background-clip:text;color:transparent;text-shadow:none;letter-spacing:1px}
.pkart .psub{position:absolute;bottom:24px;left:0;right:0;font-size:9px;letter-spacing:2.5px;color:#8b8f9c;font-weight:600}
.pk .odd{font-weight:500;color:#b9bdc8}.pk .odd b{color:var(--brand-gold)}
.track{color:#8b8f9c}.track i{background:linear-gradient(135deg,#f3e3b5,#c9a96e);color:#14110a}
.tpack .cut{background:#f3e3b5;box-shadow:0 0 12px #f3e3b5,0 0 24px #c9a96e}
/* acrylic graded slab case */
.slabcase{position:relative;width:180px;margin:auto;padding:8px 9px 10px;border-radius:12px;background:linear-gradient(140deg,#ffffff2e,#ffffff0a 40%,#ffffff1f);border:1px solid #ffffff55;box-shadow:inset 0 0 0 4px #ffffff10,inset 0 1px 0 #fff8,0 20px 50px #000,0 0 50px #d9b46a33;backdrop-filter:blur(4px)}
.slabcase:after{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(115deg,transparent 35%,#ffffff30 45%,transparent 55%);pointer-events:none}
.slabel{display:flex;justify-content:space-between;align-items:center;gap:6px;background:linear-gradient(#f6f6f8,#dcdde2);color:#111;border-radius:5px;padding:5px 7px;text-align:left;border-bottom:2px solid #b8212b}
.slabel b{display:block;font-size:10px;font-family:"Space Grotesk";line-height:1.1}.slabel small{font-size:7px;color:#555;letter-spacing:.3px}
.grade{text-align:center;line-height:1}.grade small{font-size:7px;font-weight:700;color:#b8212b;display:block}.grade b{font-size:20px;font-family:"Space Grotesk";color:#111}
.slabwin{margin-top:7px;height:200px;border-radius:6px;padding:4px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff30}.slabwin .tcard{height:100%;border-radius:6px}
.front .slabcase{width:100%;height:100%;padding:8px}.front .slabwin{height:calc(100% - 48px)}
.board{background:linear-gradient(160deg,#1a1b21,#0f1014);border:1px solid #c9a96e33}.slot{background:#ffffff06;border:1px dashed #ffffff22;color:#555a66}
.shcard{background:linear-gradient(160deg,#1c1d23,#0d0e12);border:1px solid #c9a96e44}.shcard .who{color:#8b8f9c}
.tr2 .sw{color:var(--brand-gold)}.status.ok{color:var(--ok)}.status.wait{color:var(--brand-gold)}
.ico.gift{display:inline-block;width:30px;height:30px;border-radius:7px;background:var(--foil);position:relative}.ico.gift:after{content:"";position:absolute;left:13px;top:0;bottom:0;width:4px;background:#0b0c0f}
.emoji{font-family:"Space Grotesk"}.fbadge{background:var(--brand-gold)}
.chip{white-space:nowrap}
/* v4 */
.rrow{display:flex;gap:10px;overflow-x:auto;padding:8px 0 12px}.rslab{flex:0 0 104px;border:1px solid var(--line);border-radius:14px;padding:6px;text-align:center;cursor:pointer}.rslab.sel{border-color:#d9b25a;box-shadow:0 0 0 2px #d9b25a55}.rslab small{display:block;font-size:11px;color:#bbb;margin-top:4px}.who{display:block;text-align:center;font-size:11px;color:#d9b25a}
.gslab.mini{transform:scale(1);font-size:9px}.gslab.mini .card{max-width:100%}
.rvs{display:flex;justify-content:space-between;align-items:center;text-align:center;gap:8px;font-size:13px}.rvs>b{font-size:26px;color:#d9b25a}
.esc{list-style:none;padding:0}.esc li{padding:12px 14px;margin:8px 0;border-radius:14px;border:1px solid var(--line);color:#888}.esc li.done{color:#7be0a5;border-color:#7be0a555}.esc li.now{color:#fff;border-color:#d9b25a;animation:pul 1s infinite alternate}@keyframes pul{to{box-shadow:0 0 14px #d9b25a55}}
.btn[disabled]{opacity:.4}.tiorb{font-size:80px;text-align:center;color:#d9b25a;animation:spin 1s linear infinite;margin:30px 0}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center}
/* v5: full-width Android layout + live backend views */
html,body{overflow-x:hidden}
body{max-width:none;width:100%}
main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
.top{padding:10px 12px 8px;gap:8px;flex-wrap:nowrap;padding-top:max(10px,env(safe-area-inset-top))}
.top .logo{font-size:17px;flex:0 1 auto;min-width:0;white-space:nowrap}
.top .chips{flex:0 1 auto;min-width:0;gap:5px;align-items:center}
.top .chip{padding:6px 9px;font-size:12px;white-space:nowrap;flex:0 0 auto}
.top .wallet{min-width:0;max-width:128px;flex:0 1 auto;overflow:hidden}
.top .wallet span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:370px){.top .logo{font-size:15px}.top .lm{width:22px;height:22px}.top .wallet{max-width:104px}.top .chip{padding:6px 7px}}
.tabbar{max-width:none;width:calc(100% - 16px);bottom:8px}
.banner{max-width:none;width:calc(100% - 16px)}
.sbox{max-width:none}
.foot{padding:14px 16px 0;font-size:11px;line-height:1.5;text-align:center;opacity:.75}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0}
.prz{display:flex;flex-direction:column;gap:4px;background:#14161b;border:1px solid var(--line);border-radius:16px;padding:8px;color:inherit;text-decoration:none;min-width:0}
.prz .pimg{aspect-ratio:3/5;border-radius:10px;overflow:hidden;background:#0b0c0f;display:flex;align-items:center;justify-content:center;font-size:32px}
.prz img{width:100%;height:100%;object-fit:contain}
.prz b{font-size:12px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.prz small{font-size:11px;opacity:.7}
.mono{font-family:ui-monospace,monospace;font-size:11px}
.kv{display:flex;flex-direction:column;gap:2px;margin:6px 0;font-size:12px}.kv span{opacity:.7}.kv code{word-break:break-all;font-size:11px;background:#0b0c0f;padding:6px 8px;border-radius:8px}
#srvSocial .kv{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}
#srvSocial input,#srvSocial select,#refBox input,#vfBody input{width:100%;box-sizing:border-box;margin:6px 0;padding:10px;border-radius:12px;border:1px solid var(--line);background:#0b0c0f;color:#f2f2f4;font:inherit}
.ref{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ref code{flex:1;min-width:0;word-break:break-all}
.bdg.bad{background:#ff4d6d33;color:#ff8da1}
.realslab{display:flex;flex-direction:column}.realslab img{flex:1;min-height:0;width:100%;object-fit:contain}.realslab .ph{flex:1;display:flex;align-items:center;justify-content:center;font-size:48px}
#slabArt .realslab{height:320px;max-width:220px;margin:8px auto}
.art img.cardart{width:100%;height:100%;object-fit:cover;display:block}.art img.cardart.sil{filter:brightness(0) opacity(.35)}
.slabcg{position:relative;display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit;background:#14161b;border:1px solid #d8b46a66;border-radius:12px;padding:6px}.slabcg .pimg{aspect-ratio:3/5;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#0b0c0f}.slabcg img{width:100%;height:100%;object-fit:contain}.slabcg small{font-size:10px;line-height:1.25}
.realb{position:absolute;top:8px;left:8px;z-index:2;background:linear-gradient(135deg,#f6dca0,#c99a3e);color:#0b0c0f;font-weight:800;font-size:9px;padding:2px 6px;border-radius:6px;letter-spacing:.5px}