/* mntlst app UI: native-feeling shell, screens and shop. Loaded last.
   Onboarding, sign-in and the mntlst grade case keep their own styles. */
:root{--pad:16px;--sab:env(safe-area-inset-bottom,0px);--nbh:44px;--cell:#14141c;--cell2:#1c1c26;--sep:rgba(255,255,255,.09);--acc2:#b4a9ff}
html{-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select{-webkit-user-select:text;user-select:text}
.lt h1,.feat b,.pd-h h2,.sum b,.sh b,.prof .gi-t b{font-family:ui-rounded,"SF Pro Rounded",-apple-system,system-ui,sans-serif}
button{-webkit-tap-highlight-color:transparent}

/* ---------- nav bar (collapsing large titles) ---------- */
#hm .nb,#sp .nb,#cs .nb{position:absolute;top:0;left:0;right:0;z-index:30;height:calc(var(--nbh) + var(--sat));padding:var(--sat) 10px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:transparent;border-bottom:.5px solid transparent;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s}
.scrolled .nb{background:rgba(12,12,18,.78)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom-color:var(--sep)!important}
.nb-l,.nb-r{display:flex;align-items:center;min-width:0}.nb-r{justify-content:flex-end}
.nb-t{font-size:17px;font-weight:600;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;white-space:nowrap}
.scrolled .nb-t{opacity:1;transform:none}
.nb-mark{width:30px;height:30px;border-radius:9px;object-fit:cover;margin-left:6px;border:1px solid #2c2d3d}
.nb .av{width:32px;height:32px;margin-right:6px;font-size:14px;border:0;background:#5865f2;color:#fff;box-shadow:none}
.nb-back{display:flex;align-items:center;gap:0;color:var(--acc);font-size:17px;padding:8px 6px}
.nb-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;margin-right:-2px}
.nb-btn{color:var(--acc);font-size:17px;padding:8px 10px;font-weight:400}.nb-btn.on{font-weight:700}

/* ---------- scroll areas ---------- */
#hm .body,#sp .body,#cs .body{padding:calc(var(--nbh) + var(--sat)) var(--pad) calc(96px + var(--sab));overscroll-behavior-y:contain}
#sp .body,#cs .body{padding-bottom:calc(28px + var(--sab))}
.pg{animation:pgin .32s ease both}
@keyframes pgin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lt{padding:2px 4px 18px}
.lt h1{font-size:34px;font-weight:800;letter-spacing:-.6px;line-height:1.1}
.lt h1:after{content:none}
.lt p{color:var(--m);font-size:15px;margin-top:4px}
.lt-home small{display:block;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--m);margin-bottom:2px}

/* ---------- section headers ---------- */
.sh{display:flex;align-items:baseline;justify-content:space-between;margin:30px 4px 10px}
.sh b{font-size:21px;font-weight:750;letter-spacing:-.3px}
.sh button{color:var(--acc);font-size:16px}.sh span{color:var(--m);font-size:15px}

/* ---------- featured card (Home) ---------- */
.feat{position:relative;display:block;width:100%;height:clamp(250px,64vw,330px);border-radius:22px;overflow:hidden;text-align:left;isolation:isolate;box-shadow:0 20px 40px -24px rgba(0,0,0,.9),inset 0 0 0 .5px rgba(255,255,255,.12);transition:transform .2s}
.feat-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;opacity:.5;z-index:-2}
.feat:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 70% at 78% 40%,rgba(67,50,177,.55),transparent 70%),linear-gradient(90deg,rgba(8,8,13,.92) 0,rgba(8,8,13,.55) 55%,rgba(8,8,13,.15))}
.feat-fan{position:absolute;right:4%;top:50%;width:46%;height:82%;transform:translateY(-50%)}
.feat-fan img{position:absolute;left:50%;top:50%;width:56%;aspect-ratio:63/88;object-fit:cover;border-radius:7px;box-shadow:0 14px 26px -8px rgba(0,0,0,.85),0 0 0 .5px rgba(255,255,255,.18);transform:translate(-50%,-50%);transition:transform .5s cubic-bezier(.2,.9,.25,1)}
.feat-fan img:nth-child(1){z-index:3;transform:translate(-50%,-52%) rotate(0deg)}
.feat-fan img:nth-child(2){z-index:2;transform:translate(-92%,-46%) rotate(-11deg)}
.feat-fan img:nth-child(3){z-index:1;transform:translate(-8%,-46%) rotate(11deg)}
.feat:active .feat-fan img:nth-child(2){transform:translate(-100%,-46%) rotate(-14deg)}
.feat:active .feat-fan img:nth-child(3){transform:translate(0,-46%) rotate(14deg)}
.feat-tx{position:absolute;left:20px;bottom:20px;max-width:52%;display:flex;flex-direction:column;align-items:flex-start}
.feat-tx small{font-size:11px;font-weight:800;letter-spacing:1.2px;color:var(--acc2)}
.feat-tx b{font-size:30px;font-weight:850;letter-spacing:-.6px;line-height:1.05;margin-top:4px}
.feat-tx span{font-size:14px;color:rgba(255,255,255,.72);margin-top:6px;line-height:1.35}
.feat-tx em{font-style:normal;margin-top:14px;font-size:15px;font-weight:700;padding:7px 18px;border-radius:99px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.2)}

/* ---------- horizontal card rail ---------- */
.rail2{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);margin:0 calc(var(--pad)*-1);padding:2px var(--pad) 6px;scrollbar-width:none}
.rail2::-webkit-scrollbar{display:none}
.mc{flex:0 0 118px;width:118px;min-width:0;scroll-snap-align:start;text-align:left;animation:pgin .35s both;transition:transform .15s}
.mc-img{position:relative;display:block;aspect-ratio:63/88;border-radius:9px;overflow:hidden;background:var(--cell);box-shadow:0 10px 20px -14px #000,0 0 0 .5px rgba(255,255,255,.08)}
.mc-img img{width:100%;height:100%;object-fit:cover;display:block}
.mc-img i{position:absolute;right:6px;bottom:6px;min-width:22px;text-align:center;font-style:normal;font-size:12px;font-weight:900;color:#121218;background:#f5f4f8;border-radius:6px;padding:2px 5px;box-shadow:inset 0 -2px 0 #4332b1,0 2px 6px rgba(0,0,0,.4)}
.mc b{display:block;margin-top:8px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc small{display:block;font-size:13px;font-weight:600;color:var(--acc2);margin-top:1px}

/* ---------- category grid ---------- */
.cats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cat{display:flex;align-items:center;gap:12px;background:var(--cell);border-radius:14px;padding:12px;text-align:left;transition:transform .15s,background .15s}
.cat b{flex:1;font-size:15px;font-weight:600}.cat small{color:var(--m);font-size:14px;font-variant-numeric:tabular-nums}

/* ---------- icon squares ---------- */
.isq{flex:none;width:30px;height:30px;border-radius:8px;background:var(--c);display:grid;place-items:center;color:#fff;box-shadow:inset 0 .5px 0 rgba(255,255,255,.25)}
.isq svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- grouped lists ---------- */
.grp{background:var(--cell);border-radius:14px;overflow:hidden}
.grp+.grp{margin-top:20px}
.gi{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:10px 14px;text-align:left;transition:background .12s}
.gi+.gi:before{content:"";position:absolute;top:0;right:0;left:56px;height:.5px;background:var(--sep)}
.gi-t{flex:1;min-width:0}
.gi-t b{display:block;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gi-t small{display:block;font-size:13px;color:var(--m);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gi-v{color:var(--m);font-size:15px;font-variant-numeric:tabular-nums}
.chev{flex:none;width:15px;height:15px;fill:none;stroke:#5d5f70;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.gi-img{flex:none;width:40px;height:40px;border-radius:9px;object-fit:cover}
.gi-card{flex:none;width:32px;height:45px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 .5px rgba(255,255,255,.15)}
.gi-card+.gi-t{margin-left:2px}
.gi:has(.gi-card)+.gi:before{left:60px}

.gi-kv{justify-content:space-between;min-height:46px}.gi-kv:before{left:14px!important}
.gi-kv span{color:var(--m);font-size:15px}.gi-kv b{font-size:15px;font-weight:500;text-align:right}
.acc{color:var(--acc)!important}
.prof{display:flex;align-items:center;gap:14px;padding:16px}
.prof-av{flex:none;width:58px;height:58px;border-radius:50%;overflow:hidden;background:#5865f2;display:grid;place-items:center;font-size:24px;font-weight:700}
.prof-av img{width:100%;height:100%;object-fit:cover}
.prof .gi-t b{font-size:20px;font-weight:700}
.tag{font-size:12px;font-weight:700;color:var(--acc2);background:rgba(143,130,236,.16);padding:4px 10px;border-radius:99px}
.foot{text-align:center;color:#5d5f70;font-size:12px;line-height:1.6;margin:30px 0 4px}
.empty{grid-column:1/-1;text-align:center;padding:56px 0}.empty b{display:block;font-size:17px;font-weight:600}.empty small{display:block;color:var(--m);font-size:14px;margin-top:4px}

/* ---------- search + segmented chips (sticky) ---------- */
#hm .xsticky,#sp .xsticky{position:sticky;top:0;z-index:10;margin:0 calc(var(--pad)*-1) 12px;padding:8px var(--pad) 10px;background:rgba(8,8,13,.86);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.srch{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border-radius:11px;background:var(--cell2)}
.srch svg{flex:none;width:17px;height:17px;fill:none;stroke:var(--m);stroke-width:2.2;stroke-linecap:round}
.srch input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--t);font:inherit;font-size:17px;-webkit-appearance:none;appearance:none}
.srch input::placeholder{color:#6f7182}.srch input::-webkit-search-cancel-button{-webkit-appearance:none}
.segs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--pad)*-1);padding:0 var(--pad)}
.segs::-webkit-scrollbar{display:none}
.srch+.segs{margin-top:10px}
.seg{flex:none;height:32px;padding:0 14px;border-radius:99px;background:var(--cell2);color:#c9cad6;font-size:14px;font-weight:600;transition:background .15s,color .15s}
.seg.on{background:var(--t);color:#0b0b10}

/* ---------- tab bar ---------- */
#nv.tb button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;color:#7d7f90;font-size:10.5px;font-weight:600;letter-spacing:.1px;background:none!important;transition:color .15s}
#nv.tb button:before{content:none!important}
#nv.tb svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
#nv.tb button.on{color:var(--acc)}
#nv.tb button.on .o{fill:currentColor}
#nv.tb button.on .e,#nv.tb button.on .s{stroke-width:2.6}
#nv.tb button:active svg{transform:scale(.88)}
@media(max-width:699px){
  #nv.tb{position:absolute;left:0;right:0;bottom:0;z-index:30;display:flex;padding:6px 8px calc(4px + var(--sab));border:0;border-top:.5px solid var(--sep);border-radius:0;background:rgba(12,12,18,.8)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
  #nv.tb button{flex:1;padding:4px 0 2px}
}

/* ---------- shop ---------- */
.sum{display:grid;grid-template-columns:repeat(3,1fr);background:var(--cell);border-radius:16px;padding:14px 0;margin-bottom:6px}
.sum div{text-align:center;padding:0 6px}.sum div+div{border-left:.5px solid var(--sep)}
.sum b{display:block;font-size:22px;font-weight:800;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.sum small{display:block;font-size:12px;color:var(--m);margin-top:2px}
#sp .sp-bar{display:flex;align-items:center;gap:10px;margin-top:8px}
#sp .sp-bar .segs{flex:1;margin:0;padding:0}
.sortb{position:relative;flex:none;display:flex;align-items:center;gap:2px;height:32px;padding:0 8px 0 12px;border-radius:99px;background:var(--cell2);color:var(--t);font-size:13px;font-weight:600}
.sortb svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sortb select{position:absolute;inset:0;opacity:0;width:100%;font-size:16px}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pc{display:flex;flex-direction:column;text-align:left;background:var(--cell);border-radius:16px;overflow:hidden;animation:pgin .35s both;transition:transform .15s;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.06)}
.pc-img{position:relative;display:block;padding:12px 12px 0}
.pc-img img{display:block;width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:7px;box-shadow:0 12px 22px -14px #000,0 0 0 .5px rgba(255,255,255,.1)}
.pc-g{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:4px;background:#f5f4f8;border-radius:6px;padding:3px 7px 3px 6px;box-shadow:inset 0 -2px 0 #4332b1,0 4px 10px rgba(0,0,0,.45)}
.pc-g i{font-style:normal;font-size:7px;font-weight:900;letter-spacing:1px;color:#4332b1}
.pc-g b{font-size:13px;font-weight:900;color:#121218;line-height:1}
.pc-sold{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:rgba(8,8,13,.85);padding:6px 12px;border-radius:99px}
.pc.sold .pc-img img{opacity:.35;filter:grayscale(.6)}
.pc-ed{position:absolute;top:18px;right:18px;font-size:12px;font-weight:700;color:#0b0b10;background:var(--t);padding:4px 10px;border-radius:99px}
.pc-t{display:block;padding:10px 12px 12px}
.pc-t b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-t small{display:block;font-size:12px;color:var(--m);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-p{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}
.pc-p strong{font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}
.pc-p .cd{font-size:12px;font-weight:700}
.pc-add{border:1.5px dashed #34354a;background:transparent;box-shadow:none}
.pc-add .pc-img{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--acc);min-height:220px}
.pc-add svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.pc-add b{font-size:15px}

/* ---------- skeleton loading ---------- */
.sk{pointer-events:none;animation:none}
.sk .mc-img,.sk b,.sk small,.sk .pc-img:before,.sk strong{background:linear-gradient(100deg,#15151d 30%,#20202b 50%,#15151d 70%) 0 0/200% 100%;animation:shim 1.2s linear infinite;border-radius:6px}
.mc.sk b{height:12px;width:80%}.mc.sk small{height:12px;width:40%;margin-top:6px}
.pc.sk .pc-img:before{content:"";display:block;aspect-ratio:63/88;border-radius:7px}
.pc.sk b{height:13px;width:75%}.pc.sk small{height:11px;width:50%;margin-top:6px}.pc.sk strong{display:block;height:15px;width:40%}
@keyframes shim{to{background-position:-200% 0}}

/* ---------- card page (tall sheet with sticky buy bar) ---------- */
.sheet.tall>div{height:calc(100% - var(--sat) - 12px);max-height:none;display:flex;flex-direction:column;padding-bottom:0}
.pd{flex:1}
.pd .vtabs{background:var(--cell2);border:0;border-radius:10px;padding:2px;gap:2px}
.pd .vtabs button{border-radius:8px;padding:7px 16px;font-size:13px}
.pd .vtabs button.on{background:#3a3a4a}
.pd-h h2{font-size:26px;font-weight:800;letter-spacing:-.5px;margin:20px 0 2px}
.pd-h p{color:var(--m);font-size:14px;margin:0!important}
.pd .sh{margin:24px 4px 6px}.pd .sh b{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--m);font-family:inherit}
.sheet .grp{background:var(--cell2)}
.pd-desc p{padding:12px 14px 4px;margin:0!important;font-size:15px!important;line-height:1.45!important;color:#d6d7e0}
.pd-desc .more{display:block;padding:4px 14px 12px;margin:0;font-size:15px}
.pd .slab-note{margin:10px 8px 0!important}
.buybar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:16px;margin:24px calc(var(--pad)*-1) 0;padding:12px var(--pad) calc(12px + var(--sab));background:rgba(16,16,24,.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--sep)}
.buybar div{flex:1}.buybar small{display:block;font-size:12px;color:var(--m)}
.buybar b{display:block;font-size:24px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.buybar .btn{width:auto;min-width:150px;min-height:50px;padding:0 24px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:17px}
.sheet>div{padding-left:var(--pad);padding-right:var(--pad)}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:calc(92px + var(--sab));z-index:200;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:rgba(32,32,44,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:.5px solid var(--sep);padding:10px 18px;border-radius:99px;font-size:14px;font-weight:600;transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.25,1);white-space:nowrap}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- push / pop transitions + press feedback ---------- */
#sp.pushin,#cs.pushin{animation:pushin .42s cubic-bezier(.2,.9,.25,1) both}
#hm.popin{animation:popin .38s cubic-bezier(.2,.9,.25,1) both}
@keyframes pushin{from{transform:translateX(100%);box-shadow:-20px 0 40px rgba(0,0,0,.5)}to{transform:none}}
@keyframes popin{from{transform:translateX(-22%);opacity:.6}to{transform:none;opacity:1}}
.feat:active,.pc:active,.mc:active,.cat:active{transform:scale(.97)}
.gi:active,.cat:active{background:rgba(255,255,255,.06)}
.seg:active,.sortb:active,.nb-back:active,.nb-btn:active{opacity:.6}
@media(prefers-reduced-motion:reduce){#sp.pushin,#hm.popin,.pg,.pc,.mc{animation:none}}

/* ---------- desktop / tablet ---------- */
@media(min-width:700px){
  :root{--pad:28px}
  body[data-view=hm] #app,body[data-view=sp] #app,body[data-view=cs] #app{width:min(1180px,100%);height:100%;border:0;margin:0 auto}
  body[data-view=hm] #hm{display:block}
  #hm .nb{left:220px}
  #nv.tb{position:absolute;left:0;top:0;bottom:0;width:220px;display:flex;flex-direction:column;gap:4px;padding:calc(var(--sat) + 20px) 14px 14px;border:0;border-right:.5px solid var(--sep);background:none!important}
  #nv.tb:before{content:"mntlst.cc";display:block;font:800 22px/1 ui-rounded,-apple-system,system-ui,sans-serif;letter-spacing:-.5px;color:var(--t);padding:6px 12px 20px}
  #nv.tb button{flex-direction:row;gap:12px;padding:10px 12px;border-radius:10px;font-size:15px;font-weight:600}
  #nv.tb button span{font-size:15px}
  #nv.tb svg{width:22px;height:22px}
  #nv.tb button.on{background:rgba(143,130,236,.14)!important}
  #nv.tb button:not(.on):hover{background:rgba(255,255,255,.05)!important;color:var(--t)}
  #hm .body{margin-left:220px;padding-bottom:40px;height:100%;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
  .pg{max-width:980px;margin:0 auto}
  .lt h1{font-size:38px}
  .feat{height:320px}.feat-fan{width:40%}.feat-tx{left:32px;bottom:30px}.feat-tx b{font-size:38px}
  .mc{flex-basis:150px}
  .cats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
  .pgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
  .nb-mark{display:none}
  .sheet.tall>div{height:min(88vh,860px);border-radius:22px;max-width:520px}
  .buybar{border-radius:0 0 22px 22px}
  .toast{bottom:32px}
  .pc:hover,.cat:hover,.gi:hover{background-color:#191922}
}
/* shop closed: blank sealed card backs with a lock, no real cards */
.feat-lock i{position:absolute;left:50%;top:50%;width:56%;aspect-ratio:63/88;border-radius:7px;transform:translate(-50%,-50%);background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 14px 26px -8px rgba(0,0,0,.7)}
.feat-lock i:nth-child(1){z-index:3;transform:translate(-50%,-52%)}
.feat-lock i:nth-child(2){z-index:2;transform:translate(-92%,-46%) rotate(-11deg);opacity:.75}
.feat-lock i:nth-child(3){z-index:1;transform:translate(-8%,-46%) rotate(11deg);opacity:.75}
.feat-lock b{position:absolute;z-index:4;left:50%;top:48%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.feat-lock b svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- loading placeholders: soft shimmering shapes in the layout of what's coming ---------- */
.skx { display: block; height: 12px; border-radius: 7px; background: linear-gradient(100deg, rgba(255,255,255,.055) 30%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.055) 70%) 0 0/200% 100%; animation: shim 1.3s linear infinite; }
.skl { pointer-events: none; }
.skl .skx { animation-delay: calc(var(--d, 0) * 1ms); }
@media (prefers-reduced-motion: reduce) { .skx { animation: none; } }
/* posts */
.skp { display: flex; gap: 12px; padding: 16px var(--pad, 16px); border-bottom: 1px solid var(--sep, rgba(255,255,255,.06)); }
.skp .av { flex: none; width: 40px; height: 40px; border-radius: 50%; }
.skp-b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 9px; }
.skp-h { display: flex; gap: 8px; align-items: center; margin-bottom: 2px; }
.skp-h .skx { height: 13px; }
.skp .skimg { height: 170px; border-radius: 16px; margin-top: 2px; }
.skp-a { display: flex; gap: 22px; margin-top: 4px; }
.skp-a .skx { width: 34px; height: 14px; }
/* spaces */
.sks { padding: 8px var(--pad, 16px); }
.sks-r { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--sep, rgba(255,255,255,.06)); }
.sks-r > div { flex: 1; min-width: 0; }
.sks-r .ic { flex: none; width: 46px; height: 46px; border-radius: 14px; }
.sks-r .pill { flex: none; width: 62px; height: 32px; border-radius: 99px; }
/* casino lobby */
.skchips { display: flex; gap: 8px; margin: 18px 0 4px; }
.skchips .skx { height: 34px; border-radius: 99px; }
.skhero { height: 190px; border-radius: 24px; margin-top: 14px; }
.skc { display: flex; flex-direction: column; align-items: center; gap: 7px; }
.skc .t { width: 88px; height: 88px; border-radius: 22px; }
.skc .l { width: 70px; height: 11px; }
.skc .s { width: 44px; height: 9px; opacity: .6; }
/* support chat */
.tkm-sk { display: flex; flex-direction: column; gap: 10px; }
.tkm-sk .r { align-self: flex-end; }