/* ===== MintyGang shared theme ===== */
:root{
  --pink:#ff1e8c;
  --pink-soft:#ff5cae;
  --pink-glow:rgba(255,30,140,.55);
  --bg:#050506;
  --bg-2:#0c0a0f;
  --card:rgba(20,14,22,.72);
  --line:rgba(255,30,140,.22);
  --text:#f6eef3;
  --muted:#b79fac;
  --green:#3ce88a;
}
*{margin:0;padding:0;box-sizing:border-box}
/* Text selection matches the pink theme instead of the browser default blue */
::selection{background:var(--pink);color:#fff;text-shadow:none}
::-moz-selection{background:var(--pink);color:#fff;text-shadow:none}
img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}
html{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}

/* MintCoin logo */
.mint-coin{width:1.05em;height:1.05em;vertical-align:-0.18em;flex:none}

/* Background FX */
.bg-fx{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(900px 500px at 80% -10%, rgba(255,30,140,.20), transparent 60%),
  radial-gradient(800px 600px at 10% 110%, rgba(255,30,140,.14), transparent 55%),
  linear-gradient(180deg,#050506,#0c0a0f 60%,#050506);}
.grid-fx{position:fixed;inset:0;z-index:-1;opacity:.35;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%);}
.orb{position:fixed;border-radius:50%;filter:blur(60px);z-index:-1;opacity:.5;animation:float 12s ease-in-out infinite}
.orb.a{width:320px;height:320px;background:var(--pink);top:-80px;right:-60px}
.orb.b{width:260px;height:260px;background:#8a0f4d;bottom:-70px;left:-50px;animation-delay:-6s}
@keyframes float{50%{transform:translateY(28px)}}

/* Owner / Dev dock (fixed on the left) */
.team-dock{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:40;width:190px;
  background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 14px;
  backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,.5)}
.team-title{font-family:'Sora';font-weight:800;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--pink);text-align:center;margin-bottom:14px}
.team-member{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;transition:.2s}
.team-member+.team-member{margin-top:6px}
.team-member:hover{background:rgba(255,30,140,.10)}
.team-av{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-family:'Sora';font-weight:800;color:#fff;background:linear-gradient(135deg,var(--pink),#8a0f4d);
  box-shadow:0 0 14px var(--pink-glow);border:1px solid var(--line)}
.team-av.alt{background:linear-gradient(135deg,#ff5cae,#b3115f)}
.team-info{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.team-name{font-family:'Sora';font-weight:700;font-size:.95rem;color:var(--text)}
.team-role{color:var(--muted);font-size:.72rem}
/* On smaller screens the fixed dock would overlap content — hide it there;
   the footer credit still shows both names. */
@media(max-width:1240px){ .team-dock{display:none} }

/* Layout */
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
section{padding:90px 0}

/* Cursor glow */
#cursor-glow{position:fixed;top:0;left:0;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:9999;
  transform:translate(-50%,-50%);transition:opacity .3s ease;opacity:0;
  background:radial-gradient(circle,rgba(255,30,140,.35),rgba(255,30,140,.12) 40%,transparent 70%);
  filter:blur(6px);mix-blend-mode:screen}
@media(hover:none){#cursor-glow{display:none}}

/* Nav */
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(5,5,6,.6);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;padding:16px 22px;max-width:1160px;margin:0 auto;gap:14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;font-family:'Sora';font-weight:800;font-size:1.15rem;letter-spacing:.5px;text-decoration:none;color:var(--text);flex:1 0 auto}
.brand .mini{width:40px;height:40px;border-radius:12px;overflow:hidden;box-shadow:0 0 18px var(--pink-glow);border:1px solid var(--line)}
.brand .mini img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.brand b{color:var(--pink)}
.brand .wordmark{display:inline-flex;letter-spacing:.5px}
/* Text links centered in the bar; connect + coin chip float to the right */
.navlinks{display:flex;gap:22px;align-items:center;flex-wrap:wrap;flex:2 1 auto;justify-content:center}
.navlinks .dc-btn{margin-left:auto}
.navlinks a{color:var(--muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:.2s}
.navlinks a:hover{color:var(--pink)}

/* Coin chip */
.coin-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;
  background:rgba(255,30,140,.12);border:1px solid var(--line);font-weight:700;font-size:.9rem;color:var(--pink-soft)}
.coin-chip b{color:var(--pink);font-family:'Sora'}

/* Discord connect button */
.dc-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;cursor:pointer;
  background:rgba(255,30,140,.12);border:1px solid var(--line);color:var(--pink-soft);font-weight:600;font-size:.9rem;
  font-family:'Poppins';transition:.2s}
.dc-btn:hover{background:rgba(255,30,140,.22);box-shadow:0 0 16px var(--pink-glow)}
.dc-btn svg{width:20px;height:20px;fill:var(--pink-soft)}
.dc-btn.connected{background:rgba(255,30,140,.14);border-color:var(--pink);color:var(--pink-soft)}
.dc-btn.connected svg{fill:var(--pink)}
.dc-btn img,.dc-btn .dc-pfp{width:22px;height:22px;border-radius:50%;pointer-events:none;object-fit:cover}
.dc-btn .dc-initial{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  background:var(--pink);color:#fff;font-weight:800;font-size:.8rem;flex:none}

/* Hero */
.hero{text-align:center;padding:70px 0 60px}
.logo-ring{width:230px;height:230px;margin:0 auto 26px;border-radius:50%;display:grid;place-items:center;position:relative;
  background:radial-gradient(circle,rgba(255,30,140,.18),transparent 70%);animation:bob 5s ease-in-out infinite}
.logo-ring svg,.logo-ring img{width:200px;height:200px;border-radius:50%;background:#100810;box-shadow:0 0 40px var(--pink-glow)}
.logo-ring img{object-fit:cover;object-position:50% 22%}
@keyframes bob{50%{transform:translateY(-12px)}}
.hero h1{font-family:'Sora';font-size:clamp(2.4rem,7vw,4.2rem);font-weight:800;line-height:1.05;margin-bottom:14px}
.hero h1 span{color:var(--pink);text-shadow:0 0 30px var(--pink-glow)}
.hero p{color:var(--muted);max-width:560px;margin:0 auto 30px;font-size:1.08rem}
.socials{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.social{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:14px;
  border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none;font-weight:600;
  transition:transform .2s,box-shadow .2s,border-color .2s}
.social svg{width:24px;height:24px;fill:var(--pink);transition:.2s}
.social:hover{transform:translateY(-4px);border-color:var(--pink);box-shadow:0 10px 30px var(--pink-glow)}
.social:hover svg{filter:drop-shadow(0 0 8px var(--pink-glow))}

/* Section heading */
.eyebrow{color:var(--pink);font-weight:700;letter-spacing:3px;text-transform:uppercase;font-size:.8rem;text-align:center;margin-bottom:10px}
.sec-title{font-family:'Sora';font-weight:800;font-size:clamp(1.8rem,4vw,2.6rem);text-align:center;margin-bottom:44px}

/* About */
.about-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:40px;max-width:760px;margin:0 auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.about-card p{color:var(--muted);font-size:1.05rem}
.about-card p + p{margin-top:16px}
.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.tag{padding:7px 15px;border-radius:999px;background:rgba(255,30,140,.12);border:1px solid var(--line);color:var(--pink-soft);font-weight:600;font-size:.85rem}

/* Pricing */
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;max-width:1040px;margin:0 auto}
.price{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px 26px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.price:hover{transform:translateY(-6px);border-color:var(--pink);box-shadow:0 18px 44px var(--pink-glow)}
.price.featured{border-color:var(--pink);box-shadow:0 0 30px rgba(255,30,140,.25)}
.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--pink);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 14px;border-radius:999px;box-shadow:0 0 16px var(--pink-glow)}
.price-name{font-family:'Sora';font-weight:700;font-size:1.15rem;color:var(--pink-soft)}
.price-amt{font-family:'Sora';font-weight:800;font-size:2.4rem;margin:8px 0 18px}
.price-amt span{font-size:.9rem;font-weight:500;color:var(--muted)}
.price ul{list-style:none;margin:0 0 24px;flex:1}
.price li{color:var(--muted);padding:7px 0 7px 26px;position:relative;font-size:.95rem}
.price li::before{content:"✓";position:absolute;left:0;color:var(--pink);font-weight:800}
.reward-note{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--pink-soft);margin-bottom:14px;font-weight:600}
.buy{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px 18px;border-radius:12px;background:var(--pink);color:#fff;text-decoration:none;font-weight:700;border:none;cursor:pointer;font-family:'Poppins';font-size:1rem;transition:transform .2s,box-shadow .2s}
.buy:hover{transform:translateY(-2px);box-shadow:0 10px 26px var(--pink-glow)}
.buy[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

/* Casino CTA card (home page) */
.casino-cta{max-width:640px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:40px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.casino-cta .cta-coin{font-size:64px;margin-bottom:6px;display:flex;justify-content:center}
.casino-cta .cta-coin .mint-coin{width:72px;height:72px;filter:drop-shadow(0 0 18px var(--pink-glow))}
.casino-cta h3{font-family:'Sora';font-size:1.5rem;margin:6px 0 8px}
.casino-cta p{color:var(--muted);margin:0 auto 22px;max-width:440px}
.mini-wallet{display:inline-flex;align-items:center;gap:8px;background:rgba(255,30,140,.10);border:1px solid var(--line);border-radius:999px;padding:8px 16px;margin-bottom:22px;font-family:'Sora';font-weight:800}
.mini-wallet .mint-coin{width:1.2em;height:1.2em}
.mini-wallet b{color:var(--pink)}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Wallet (casino page) */
.wallet{max-width:640px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 24px}
.wallet-bal{display:flex;flex-direction:column;gap:2px}
.wlabel{color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.wamt{font-family:'Sora';font-size:1.6rem;font-weight:800;display:inline-flex;align-items:center;gap:8px}
.wamt .mint-coin{width:1.15em;height:1.15em}
.wamt b{color:var(--pink);font-variant-numeric:tabular-nums}
.wamt b.bump{animation:bump .25s ease}
@keyframes bump{50%{color:var(--green);transform:scale(1.04)}}
.wunit{font-size:.85rem;color:var(--muted);font-weight:500}
.wrate{color:var(--pink-soft);font-size:.75rem;font-weight:600}
#daily-btn[disabled]{opacity:.5;cursor:not-allowed}

/* Casino tabs + panels */
.cas-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.cas-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-weight:600;cursor:pointer;transition:.2s;font-size:.92rem;font-family:'Poppins'}
.cas-tab svg{width:20px;height:20px;fill:currentColor}
.cas-tab:hover{color:var(--pink)}
.cas-tab.active{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 0 16px var(--pink-glow)}
.cas-panel{display:none;max-width:520px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.cas-panel.active{display:block;animation:fade .3s ease}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bet-row{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:20px 0 6px}
.bet-row label{color:var(--muted);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px}
.bet-row input{width:120px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0a070c;color:var(--text);font-size:1rem;font-family:'Poppins'}
.bet-row input:focus{outline:none;border-color:var(--pink)}
.cas-result{color:var(--muted);font-size:.9rem;margin-top:12px;min-height:1.2em}
.cas-result.win{color:var(--green);font-weight:700}
.cas-result.lose{color:#ff5c7a;font-weight:700}
.game-tip{text-align:center;color:var(--muted);font-size:.82rem;margin-top:22px;max-width:560px;margin-left:auto;margin-right:auto}
/* Coin flip */
.flip-coin{width:120px;height:120px;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,30,140,.18),transparent 70%)}
.flip-coin svg{width:96px;height:96px}
.flip-coin.spin{animation:flipspin .7s ease}
@keyframes flipspin{0%{transform:rotateY(0)}100%{transform:rotateY(1440deg)}}
.pick-row{display:flex;gap:12px;justify-content:center;margin-top:14px}
.pick{padding:9px 22px;border-radius:10px;background:#0a070c;border:1px solid var(--line);color:var(--muted);font-weight:700;cursor:pointer;transition:.2s;font-family:'Poppins'}
.pick.active{background:var(--pink);color:#fff;border-color:var(--pink)}
/* Slots */
.reels{display:flex;gap:14px;justify-content:center}
.reel{width:88px;height:88px;display:grid;place-items:center;border-radius:16px;background:#0a070c;border:1px solid var(--line)}
.reel svg{width:52px;height:52px}
.reel.spinning{animation:reelshake .4s linear infinite}
@keyframes reelshake{50%{transform:translateY(-6px)}}
/* Plinko */
#plinko{width:420px;max-width:100%;height:auto;background:radial-gradient(circle at 50% 0%,rgba(255,30,140,.08),transparent 60%),#0a070c;border:1px solid var(--line);border-radius:16px}

/* Roulette */
.rl-wrap{position:relative;width:min(420px,100%);margin:0 auto;display:grid;place-items:center}
#rl-canvas{width:min(380px,100%);max-width:100%;height:auto;display:block}
.rl-arrow{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid var(--pink);filter:drop-shadow(0 2px 6px var(--pink-glow));z-index:3}
.rl-picks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 6px}
.rl-chip{padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#0a070c;color:var(--muted);font-weight:700;cursor:pointer;transition:.18s;font-family:'Poppins';font-size:.9rem}
.rl-chip.red{color:#ff5c7a;border-color:rgba(255,92,122,.4)}
.rl-chip.black{color:#d9e2ff;border-color:rgba(120,140,200,.4)}
.rl-chip.green{color:#7dffb0;border-color:rgba(60,232,138,.4)}
.rl-chip.active{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 0 14px var(--pink-glow)}
.rl-numgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:380px;margin:10px auto 0}
.rl-num{padding:9px 0;border-radius:10px;border:1px solid var(--line);background:#0a070c;color:var(--text);font-weight:700;cursor:pointer;transition:.15s;font-family:'Sora';font-size:.9rem}
.rl-num.red{background:rgba(255,40,90,.16);border-color:rgba(255,40,90,.4)}
.rl-num.black{background:rgba(30,40,80,.5);border-color:rgba(120,140,200,.35)}
.rl-num.green{background:rgba(40,200,110,.14);border-color:rgba(40,200,110,.4)}
.rl-num.active{border-color:var(--pink);box-shadow:0 0 0 2px rgba(255,30,140,.4)}
.rl-num.active{background:var(--pink);color:#fff}
.rl-hit{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd1e8 40%,#ff5cae);box-shadow:0 0 22px #fff;z-index:4;pointer-events:none;transition:.12s}

/* Dice */
.dice-stage{display:flex;justify-content:center;align-items:center;gap:22px;margin:14px auto 8px}
.dice-d{width:96px;height:96px;border-radius:18px;background:radial-gradient(circle at 35% 30%,#fff,#f5eafc 55%,#e6d3f2);border:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:14px;gap:6px;box-shadow:0 14px 34px rgba(0,0,0,.45);transition:.15s}
.dice-d .pip{width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,#3a2a44,#1d1522);place-self:center}
.dice-d .pip.on{background:linear-gradient(135deg,#ff5cae,#c00d63);box-shadow:0 0 10px rgba(255,30,140,.6)}
.dice-d.rolling{animation:reelshake .3s linear infinite}
.dice-die{font-size:1.1rem;font-weight:800;font-family:'Sora';color:var(--text)}
.dice-d.digits{display:grid;grid-template-columns:1fr}
.dice-d .dv{font-family:'Sora';font-weight:800;font-size:2.6rem;color:#c00d63;place-self:center;text-shadow:0 3px 10px rgba(255,30,140,.35)}
.dice-picks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 6px}
.dice-pick{padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:#0a070c;color:var(--muted);font-weight:700;cursor:pointer;transition:.18s;font-family:'Poppins';font-size:.9rem}
.dice-pick b{display:block;font-family:'Sora';color:var(--pink-soft);font-size:1rem}
.dice-pick.active{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 0 14px var(--pink-glow)}
.dice-pick.active b{color:#fff}

/* Cards (Hi-Lo + Blackjack) */
.card{width:84px;height:118px;border-radius:12px;background:linear-gradient(160deg,#fff,#f0e6f7);color:#1a1020;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.08);position:relative;font-family:'Sora'}
.card .cv{font-size:2rem;line-height:1}
.card .cs{font-size:1.4rem;line-height:1;margin-top:2px}
.card.red{color:#d81b43}
.card.face-down{background:repeating-linear-gradient(45deg,#ff2f97,#ff2f97 8px,#c00d63 8px,#c00d63 16px)}
.card.small{width:64px;height:90px}
.card.small .cv{font-size:1.5rem}
.card.small .cs{font-size:1.1rem}
.card-hi,.card-bj{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:12px auto 6px}
.hi-picks{display:flex;gap:12px;justify-content:center;margin:14px 0 6px}
.hi-pick{padding:12px 28px;border-radius:12px;border:1px solid var(--line);background:#0a070c;color:var(--muted);font-weight:800;cursor:pointer;transition:.18s;font-family:'Poppins';font-size:1rem}
.hi-pick.active{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 0 16px var(--pink-glow)}
.hi-pick.up:hover{color:#7dffb0;border-color:rgba(60,232,138,.5)}
.hi-pick.down:hover{color:#ff5c7a;border-color:rgba(255,92,122,.5)}

/* Blackjack */
.bj-table{background:radial-gradient(circle at 50% 20%,rgba(20,140,90,.18),transparent 60%),#07130d;border:1px solid rgba(60,200,120,.25);border-radius:18px;padding:22px 16px;margin-bottom:10px}
.bj-hand{margin:10px 0}
.bj-lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#7fdcab;font-weight:700;margin-bottom:8px}
.bj-total{font-family:'Sora';font-weight:800;color:#b7ffe0;font-size:1.1rem;margin-top:8px;min-height:1.2em}
.bj-btnrow{display:flex;gap:12px;justify-content:center;margin:14px 0 4px}
.bj-btn{padding:12px 30px;border-radius:12px;border:1px solid rgba(60,200,120,.4);background:rgba(20,140,90,.18);color:#b7ffe0;font-weight:800;cursor:pointer;transition:.18s;font-family:'Poppins';font-size:1rem}
.bj-btn:hover{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 0 16px var(--pink-glow)}
.bj-btn[disabled]{opacity:.4;cursor:not-allowed}

/* Crash */
.crash-box{position:relative;height:300px;border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(255,30,140,.1),transparent 60%),#0a070c;border:1px solid var(--line);overflow:hidden;margin-bottom:12px}
.crash-mult{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Sora';font-weight:800;font-size:2.6rem;color:#fff;text-shadow:0 0 30px var(--pink-glow);z-index:2;transition:.12s}
.crash-mult small{display:block;font-size:.8rem;color:var(--muted);font-weight:600}
.crash-line{position:absolute;inset:0;z-index:1}
.crash-line svg{width:100%;height:100%}
.crash-cash{position:absolute;top:14px;right:14px;z-index:3}
.crash-status{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:var(--muted);font-weight:600;font-size:.85rem;z-index:2}
.crash-bar{display:flex;gap:14px;justify-content:center;align-items:center;margin:12px 0 6px}

/* Shared game odds note */
.odds-note{font-size:.74rem;color:var(--muted);margin-top:10px;line-height:1.5}

/* Leaderboard */
.lb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.lb-head h3{font-family:'Sora';font-size:1.15rem}
.lb-head .btn-ghost{width:auto;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:600;font-family:'Poppins';cursor:pointer;font-size:.85rem;transition:.2s}
.lb-head .btn-ghost:hover{border-color:var(--pink);color:var(--pink)}
.leaderboard{list-style:none;margin:0;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px}
.lb-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#0a070c;border:1px solid var(--line)}
.lb-row.mine{border-color:var(--pink);box-shadow:0 0 14px rgba(255,30,140,.25);background:rgba(255,30,140,.08)}
.lb-rank{width:28px;text-align:center;font-weight:800;font-family:'Sora';color:var(--pink-soft);flex:none}
.lb-row img,.lb-noav{width:34px;height:34px;border-radius:50%;flex:none;pointer-events:none}
.lb-noav{display:grid;place-items:center;background:rgba(255,30,140,.18);color:var(--pink-soft);font-weight:800;border:1px solid var(--line)}
.lb-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-bal{font-family:'Sora';font-weight:800;color:var(--pink);font-variant-numeric:tabular-nums}
.lb-empty{color:var(--muted);text-align:center;padding:24px 10px;list-style:none;font-size:.92rem}

/* Status */
.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;max-width:820px;margin:0 auto}
.status{display:flex;align-items:center;justify-content:space-between;padding:22px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:transform .2s}
.status:hover{transform:translateY(-4px)}
.status .label{font-weight:600}
.status .sub{color:var(--muted);font-size:.82rem}
.pill{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;color:var(--green)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* Footer */
footer{border-top:1px solid var(--line);padding:34px 0;text-align:center;color:var(--muted);font-size:.9rem}
footer .fsoc{display:flex;gap:16px;justify-content:center;margin-bottom:16px}
footer .fsoc a{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--card);transition:.2s}
footer .fsoc a svg{width:22px;height:22px;fill:var(--pink)}
footer .fsoc a:hover{border-color:var(--pink);box-shadow:0 0 20px var(--pink-glow);transform:translateY(-3px)}
footer b{color:var(--pink)}

/* Reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* Toast */
#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:10000;background:var(--pink);color:#fff;font-weight:700;padding:12px 22px;border-radius:12px;box-shadow:0 10px 30px var(--pink-glow);opacity:0;pointer-events:none;transition:.35s;font-size:.92rem}
#toast.show{opacity:1;transform:translate(-50%,0)}

/* Modal */
.modal-backdrop{position:fixed;inset:0;z-index:10001;background:rgba(3,2,4,.72);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}
.modal-backdrop.show{opacity:1;pointer-events:auto}
.modal{width:100%;max-width:420px;background:linear-gradient(180deg,#140e16,#0b080d);border:1px solid var(--line);border-radius:22px;padding:32px 28px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.6);transform:translateY(14px) scale(.98);transition:transform .25s}
.modal-backdrop.show .modal{transform:none}
.modal h3{font-family:'Sora';font-size:1.4rem;margin-bottom:6px}
.modal .msub{color:var(--muted);font-size:.9rem;margin-bottom:22px}
.modal .dc-mark{width:60px;height:60px;margin:0 auto 14px;display:grid;place-items:center;border-radius:16px;background:rgba(88,101,242,.15);border:1px solid rgba(88,101,242,.5)}
.modal .dc-mark svg{width:34px;height:34px;fill:#7d8bff}
.modal input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0a070c;color:var(--text);font-size:1rem;font-family:'Poppins';margin-bottom:14px}
.modal input:focus{outline:none;border-color:var(--pink)}
.modal .btn-discord{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px;border-radius:12px;border:none;cursor:pointer;background:#5865f2;color:#fff;font-weight:700;font-family:'Poppins';font-size:1rem;margin-bottom:12px;transition:.2s}
.modal .btn-discord:hover{background:#4752e0;box-shadow:0 8px 24px rgba(88,101,242,.4)}
.modal .btn-discord svg{width:22px;height:22px;fill:#fff}
.modal .btn-ghost{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:600;font-family:'Poppins';cursor:pointer;transition:.2s}
.modal .btn-ghost:hover{border-color:var(--pink);color:var(--pink)}
.modal .divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.78rem;margin:6px 0 14px}
.modal .divider::before,.modal .divider::after{content:"";flex:1;height:1px;background:var(--line)}
.modal .profile{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:20px}
.modal .profile img{width:56px;height:56px;border-radius:50%;pointer-events:none;border:2px solid var(--pink)}
.modal .profile .pname{font-family:'Sora';font-weight:700;font-size:1.1rem;text-align:left}
.modal .profile .ptag{color:var(--muted);font-size:.82rem}
.modal .note{color:var(--muted);font-size:.72rem;margin-top:14px;line-height:1.5}
.modal .x{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:1.4rem;cursor:pointer;line-height:1}

@media(max-width:640px){
  .navlinks{gap:14px}
  section{padding:64px 0}
}

/* ===== Admin panel ===== */
.admin-wrap{max-width:1080px;margin:0 auto}
/* wider panels than the casino default so tables breathe */
#admin-panel .cas-panel{max-width:100%;text-align:left;padding:24px}
/* Stat cards (Overview) */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:8px}
.stat-card{background:linear-gradient(180deg,rgba(255,30,140,.08),transparent),#0a070c;border:1px solid var(--line);border-radius:18px;padding:20px 22px;position:relative;overflow:hidden}
.stat-card::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:var(--pink-glow);filter:blur(30px);opacity:.4}
.stat-card .sc-label{color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.stat-card .sc-val{font-family:'Sora';font-weight:800;font-size:2rem;color:var(--pink);margin-top:6px;font-variant-numeric:tabular-nums;line-height:1}
.stat-card .sc-sub{color:var(--muted);font-size:.74rem;margin-top:6px}
/* Toolbar row (search + refresh + add) */
.admin-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.admin-bar input.search{flex:1;min-width:180px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:#0a070c;color:var(--text);font-family:'Poppins';font-size:.92rem}
.admin-bar input.search:focus{outline:none;border-color:var(--pink)}
/* Data table */
.dtable{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:.88rem}
.dtable th{text-align:left;color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;padding:0 14px 4px}
.dtable td{background:#0a070c;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:middle}
.dtable td:first-child{border-left:1px solid var(--line);border-radius:12px 0 0 12px}
.dtable td:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}
.dtable tr:hover td{border-color:rgba(255,30,140,.4)}
.dtable code{color:var(--pink-soft);user-select:all;word-break:break-all}
/* Status pills */
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid var(--line)}
.pill.ok{background:rgba(60,232,138,.12);color:var(--green);border-color:rgba(60,232,138,.4)}
.pill.bad{background:rgba(255,92,122,.12);color:#ff5c7a;border-color:rgba(255,92,122,.4)}
.pill.warn{background:rgba(255,180,60,.12);color:#ffb43c;border-color:rgba(255,180,60,.4)}
.pill.muted{background:rgba(183,159,172,.1);color:var(--muted)}
/* Row action buttons */
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.mini-btn{padding:6px 12px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:600;font-size:.76rem;font-family:'Poppins';cursor:pointer;transition:.15s}
.mini-btn:hover{border-color:var(--pink);color:var(--pink)}
.mini-btn.danger:hover{border-color:#ff5c7a;color:#ff5c7a}
.mini-btn.warn:hover{border-color:#ffb43c;color:#ffb43c}
/* Form grid for Create */
.form-grid{display:grid;gap:14px;max-width:460px}
.form-grid label{display:flex;flex-direction:column;gap:6px;text-align:left;color:var(--muted);font-size:.82rem;font-weight:600}
.form-grid input,.form-grid select{padding:11px 13px;border-radius:11px;border:1px solid var(--line);background:#0a070c;color:var(--text);font-family:'Poppins';font-size:.95rem}
.form-grid input:focus,.form-grid select:focus{outline:none;border-color:var(--pink)}
/* Generated-key result box */
.keybox{margin-top:18px;padding:16px;border-radius:14px;background:rgba(255,30,140,.08);border:1px solid var(--pink);display:none}
.keybox.show{display:block;animation:fade .3s ease}
.keybox code{display:block;font-size:1.05rem;color:#fff;user-select:all;word-break:break-all;margin:8px 0;font-family:'Sora'}
.admin-empty{color:var(--muted);text-align:center;padding:34px 10px;font-size:.92rem}
.admin-loading{color:var(--muted);text-align:center;padding:34px 10px;font-size:.92rem}
@media(max-width:720px){
  .dtable thead{display:none}
  .dtable,.dtable tbody,.dtable tr,.dtable td{display:block;width:100%}
  .dtable td{border:1px solid var(--line)!important;border-radius:10px!important;margin-bottom:-1px}
  .dtable td::before{content:attr(data-l);color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:3px}
}

/* ===== Interactive menu showcase (live HTML replica of the real menu) ===== */
.cheat{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:216px 1fr;background:#0b0810;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.55)}
/* Sidebar */
.ch-side{background:#08060c;border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:3px}
.ch-avatar{position:relative;width:96px;height:96px;margin:4px auto 14px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(255,30,140,.25),transparent 70%)}
.ch-avatar img{width:70%;height:70%;object-fit:contain}
.ch-avatar .ch-name{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:.7rem;font-weight:700;color:var(--pink-soft);text-shadow:0 1px 4px #000}
.ch-grp{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:12px 6px 4px;font-weight:700}
.ch-nav{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font-family:'Poppins';font-weight:600;font-size:.92rem;cursor:pointer;transition:.15s}
.ch-nav .ch-ic{width:18px;text-align:center;font-size:.95rem;opacity:.85}
.ch-nav:hover{color:var(--text);background:rgba(255,255,255,.03)}
.ch-nav.active{color:#fff;background:linear-gradient(90deg,rgba(255,30,140,.22),transparent);border-color:rgba(255,30,140,.35);box-shadow:inset 3px 0 0 var(--pink)}
.ch-user{margin-top:auto;display:flex;align-items:center;gap:9px;padding:10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.ch-user b{font-size:.85rem;color:var(--text);display:block;line-height:1.1}
.ch-user small{font-size:.7rem;color:var(--muted)}
.ch-uav{width:30px;height:30px;border-radius:50%;background:var(--pink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:'Sora';font-size:.9rem;flex:0 0 auto}
/* Stage */
.ch-stage{position:relative;background:radial-gradient(circle at 50% 0%,rgba(255,30,140,.06),transparent 60%),#0a070c;min-height:380px;padding:18px}
.ch-panel{display:none}
.ch-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:fade .3s ease}
.ch-panel .ch-full{grid-column:1 / -1}
.ch-col{display:flex;flex-direction:column;gap:14px}
.ch-card{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.ch-title{font-family:'Sora';font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.ch-lbl{font-size:.74rem;color:var(--muted);margin:10px 0 5px;letter-spacing:.02em}
/* Toggle */
.ch-toggle{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.9rem;color:var(--text);cursor:pointer;user-select:none}
.ch-toggle input{position:absolute;opacity:0;width:0;height:0}
.ch-box{width:38px;height:21px;border-radius:20px;background:#241820;border:1px solid var(--line);position:relative;flex:0 0 auto;transition:.18s}
.ch-box::after{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#8a7580;transition:.18s}
.ch-toggle input:checked + .ch-box{background:linear-gradient(90deg,var(--pink),#ff5ca8);border-color:transparent}
.ch-toggle input:checked + .ch-box::after{left:19px;background:#fff}
.ch-key{margin-left:auto;font-size:.68rem;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--line);padding:2px 8px;border-radius:7px}
/* Select */
.ch-select,.ch-input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#0a070c;color:var(--text);font-family:'Poppins';font-size:.86rem;margin-top:4px}
.ch-select:focus,.ch-input:focus{outline:none;border-color:var(--pink)}
/* Slider */
.ch-slider{margin:12px 0 6px}
.ch-slabel{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-bottom:8px}
.ch-slabel b{color:var(--pink-soft);font-family:'Sora'}
.ch-track{position:relative;height:6px;border-radius:6px;background:#241820;cursor:pointer}
.ch-fill{position:absolute;top:0;left:0;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--pink),#ff5ca8)}
.ch-knob{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,30,140,.35);transform:translate(-50%,-50%)}
/* Buttons / hints */
.ch-apply{padding:8px 16px;border-radius:10px;border:none;background:linear-gradient(90deg,var(--pink),#ff5ca8);color:#fff;font-family:'Poppins';font-weight:700;font-size:.82rem;cursor:pointer}
.ch-hint{font-size:.74rem;color:var(--muted)}
.ch-skinbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
/* Skin grid */
.ch-skingrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ch-skin{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;cursor:pointer;transition:.15s;font-size:.78rem;color:var(--muted)}
.ch-skin b{display:block;color:var(--text);margin-top:6px;font-size:.8rem}
.ch-skin .ch-skimg{font-size:1.6rem}
.ch-skin:hover{border-color:rgba(255,30,140,.4);color:var(--text)}
.ch-skin.on{border-color:var(--pink);background:linear-gradient(180deg,rgba(255,30,140,.14),transparent);box-shadow:0 0 0 1px rgba(255,30,140,.3)}
.ch-skin.add{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.4rem;color:var(--muted)}
.ch-skin.add small{font-size:.7rem;margin-top:2px}
@media(max-width:720px){
  .cheat{grid-template-columns:1fr}
  .ch-side{flex-direction:row;flex-wrap:wrap;justify-content:center;border-right:none;border-bottom:1px solid var(--line);gap:6px}
  .ch-avatar,.ch-grp,.ch-user{display:none}
  .ch-nav{width:auto;padding:8px 12px}
  .ch-panel.active{grid-template-columns:1fr}
  .ch-skingrid{grid-template-columns:repeat(3,1fr)}
}

/* ===== Customer panel ===== */
.cust-profile{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.cust-profile img{width:60px;height:60px;border-radius:50%;border:2px solid var(--pink);object-fit:cover}
.cust-profile .pf-name{font-family:'Sora';font-weight:700;font-size:1.2rem}
.cust-profile .pf-tag{color:var(--muted);font-size:.85rem}
.pf-initial{width:60px;height:60px;border-radius:50%;background:var(--pink);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;font-size:1.5rem;flex:0 0 auto;box-shadow:0 0 18px var(--pink-glow)}
/* Downloads */
.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}
.dl-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#0a070c;border:1px solid var(--line);text-decoration:none;color:var(--text);transition:.18s}
.dl-card:hover{border-color:var(--pink);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.4)}
.dl-card .dl-ic{width:42px;height:42px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,30,140,.12);border:1px solid var(--line)}
.dl-card .dl-ic [data-ico]{width:24px;height:24px}
.dl-card b{display:block;font-size:.98rem}
.dl-card small{color:var(--muted);font-size:.78rem}
.dl-card .dl-go{margin-left:auto;color:var(--pink-soft);font-weight:700;font-size:.85rem;white-space:nowrap}
.mini-btn.danger{border-color:rgba(255,92,122,.4)}

/* ===== Spotify music dock ===== */
.music-dock{position:fixed;right:18px;bottom:18px;z-index:9000;font-family:'Poppins'}
.music-dock .md-toggle{width:52px;height:52px;border-radius:50%;border:1px solid var(--pink);background:linear-gradient(180deg,rgba(255,30,140,.22),rgba(255,30,140,.06)),#0a070c;color:var(--pink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;box-shadow:0 0 18px var(--pink-glow)}
.music-dock .md-toggle:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 26px var(--pink-glow)}
.music-dock .md-toggle svg{width:24px;height:24px;fill:currentColor}
.music-dock .md-panel{position:fixed;right:18px;bottom:80px;width:min(360px,calc(100vw - 36px));background:rgba(10,7,12,.96);backdrop-filter:blur(8px);border:1px solid var(--pink);border-radius:18px;padding:14px;box-shadow:0 24px 70px rgba(0,0,0,.6);opacity:0;pointer-events:none;transform:translateY(10px);transition:.22s}
.music-dock.open .md-panel{opacity:1;pointer-events:auto;transform:none}
.md-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.md-panel-head strong{font-family:'Sora';font-size:1rem;color:var(--text)}
.md-panel-head .md-close{background:none;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;line-height:1}
.md-panel-head .md-close:hover{color:var(--pink)}
.md-panel select{width:100%;padding:10px;border-radius:11px;border:1px solid var(--line);background:#0a070c;color:var(--text);font-family:'Poppins';font-size:.9rem;margin-bottom:10px}
.md-frame-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--line);line-height:0}
.md-frame-wrap iframe{display:block;border:0}

/* Spotify sign-in + search + playlists */
.md-signin{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.md-btn.spot{flex:1;background:#1db954;border-color:#1db954}
.md-btn.spot:hover{box-shadow:0 6px 18px rgba(29,185,84,.4)}
.md-user{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.md-user img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.md-user span{font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-user .md-btn{flex:0 0 auto;padding:6px 10px;font-size:.72rem}
.md-search{display:flex;gap:8px;margin-bottom:10px}
.md-search input{flex:1;padding:9px 11px;border-radius:11px;border:1px solid var(--line);background:#0a070c;color:var(--text);font-family:'Poppins';font-size:.85rem;min-width:0}
.md-search input:focus{outline:none;border-color:var(--pink)}
.md-search .md-btn{flex:0 0 auto;width:auto;padding:0 14px}
.md-results{max-height:180px;overflow-y:auto;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}
.md-result{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid var(--line)}
.md-result:hover{border-color:rgba(255,30,140,.4)}
.md-rart{width:34px;height:34px;border-radius:8px;flex:0 0 auto;background-size:cover;background-position:center;background-color:#1b1420}
.md-rinfo{flex:1;min-width:0}
.md-rinfo b{display:block;font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-rinfo small{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.md-result .md-btn{flex:0 0 auto;padding:6px 9px;font-size:.72rem;width:auto}
.md-empty{color:var(--muted);font-size:.8rem;text-align:center;padding:12px}
.md-makepl{display:flex;gap:8px;margin-bottom:10px}
.md-makepl input{flex:1;padding:9px 11px;border-radius:11px;border:1px solid var(--line);background:#0a070c;color:var(--text);font-family:'Poppins';font-size:.85rem;min-width:0}
.md-makepl input:focus{outline:none;border-color:var(--pink)}
.md-makepl .md-btn{flex:0 0 auto;padding:0 12px}
.md-controls{display:flex;gap:8px;margin-bottom:10px}
.md-btn{flex:1;padding:9px;border-radius:10px;border:1px solid var(--pink);background:var(--pink);color:#fff;font-family:'Poppins';font-weight:700;font-size:.85rem;cursor:pointer;text-align:center;text-decoration:none;transition:.15s}
.md-btn:hover{box-shadow:0 6px 18px var(--pink-glow)}
.md-btn.ghost{background:transparent;color:var(--pink-soft)}