:root{
  --bg:#0c0f1d;
  --txt:#eef1f7;
  --muted:#9aa3ba;
  --brand:#ff8a3d;
  --brand2:#ff4f7b;
  --gold:#ffcf3f;
  --green:#2fe08a;
  --grad:linear-gradient(135deg,#ff8a3d,#ff4f7b);
  --glass:rgba(255,255,255,.055);
  --glass-2:rgba(255,255,255,.09);
  --line:rgba(255,255,255,.12);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --nav-h:66px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  background:var(--bg); color:var(--txt); -webkit-user-select:none; user-select:none; overscroll-behavior:none; overflow:hidden}
.hidden{display:none !important}
.muted{color:var(--muted); font-size:12.5px; font-weight:600}
h1,h2{font-family:'Sora','Plus Jakarta Sans',sans-serif}
.ic{width:18px; height:18px; display:inline-block; vertical-align:middle}
svg.ic{fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}

/* animated aurora background */
.bg{position:fixed; inset:0; z-index:0; overflow:hidden; background:radial-gradient(120% 90% at 50% -10%, #1a1d38 0%, #0c0f1d 60%)}
.blob{position:absolute; border-radius:50%; filter:blur(60px); opacity:.5; animation:float 18s ease-in-out infinite}
.b1{width:340px;height:340px; background:#ff7a2f; top:-80px; left:-60px}
.b2{width:300px;height:300px; background:#ff3f7a; top:30%; right:-90px; animation-delay:-6s}
.b3{width:280px;height:280px; background:#14c8b8; bottom:-60px; left:20%; animation-delay:-12s}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-24px) scale(1.08)}}

#app{position:relative; z-index:1; height:100vh; display:flex; flex-direction:column}

/* glass utility */
.glass{background:var(--glass); backdrop-filter:blur(22px) saturate(140%); -webkit-backdrop-filter:blur(22px) saturate(140%);
  border:1px solid var(--line); box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 12px 34px rgba(0,0,0,.4)}

/* top bar */
.topbar{position:sticky; top:0; z-index:30; display:flex; align-items:center; justify-content:space-between;
  padding:calc(11px + var(--safe-top)) 14px 11px; border-radius:0 0 20px 20px; border-top:none}
.brand{display:flex; align-items:center; gap:8px; font-family:'Sora',sans-serif; font-size:18px; font-weight:800}
.brand-mark{font-size:20px}
.brand-name b{background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent}
.wallet{display:flex; align-items:center; gap:7px}
.pill{display:flex; align-items:center; gap:5px; background:var(--glass-2); border:1px solid var(--line); padding:6px 10px; border-radius:999px; font-weight:800; font-size:13px}
.pill .ic{font-size:13px; width:auto; height:auto}
.pill-coin b{color:var(--gold)} .pill-usdt b{color:var(--green)}
.avatar{width:36px; height:36px; border-radius:50%; background:var(--grad); border:1px solid rgba(255,255,255,.25);
  display:flex; align-items:center; justify-content:center; font-size:16px; overflow:hidden; cursor:pointer; color:#fff; font-weight:800}
.avatar img{width:100%; height:100%; object-fit:cover}

/* views */
#views{flex:1; overflow-y:auto; padding:14px 15px calc(var(--nav-h) + 22px + var(--safe-bottom)); -webkit-overflow-scrolling:touch}
.view{animation:fade .28s ease}
@keyframes fade{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}
.section-head{display:flex; align-items:baseline; justify-content:space-between; margin:20px 2px 12px}
.section-head h2{font-size:17px; font-weight:800}
.sub-head{display:flex; align-items:center; gap:10px; margin:4px 0 16px}
.sub-head h2{font-size:19px; font-weight:800}
.iconbtn{width:40px; height:40px; border-radius:13px; background:var(--glass-2); border:1px solid var(--line); color:var(--txt);
  display:flex; align-items:center; justify-content:center; cursor:pointer}
.iconbtn:active{transform:scale(.92)} .iconbtn .ic{width:22px;height:22px}

/* hero */
.hero{position:relative; border-radius:22px; padding:22px; overflow:hidden}
.hero-text h1{font-size:23px; font-weight:800; line-height:1.08}
.hero-text p{margin-top:8px; color:#c7cdda; font-size:13px; font-weight:600; max-width:78%}
.hero-orb{position:absolute; right:-30px; bottom:-50px; width:160px; height:160px; border-radius:50%;
  background:conic-gradient(from 0deg,#ff8a3d,#ff4f7b,#1f8bff,#ff8a3d); filter:blur(8px); opacity:.55; animation:spin360 14s linear infinite}
@keyframes spin360{to{transform:rotate(360deg)}}

/* games grid — 3D cards */
.games-grid{display:grid; grid-template-columns:1fr 1fr; gap:13px}
.game-card{position:relative; border-radius:18px; overflow:hidden; border:1px solid var(--line); background:var(--glass);
  transition:transform .14s ease; cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.35)}
.game-card:active{transform:scale(.96) translateY(2px)}
.game-thumb{aspect-ratio:16/11; display:flex; align-items:center; justify-content:center; font-size:50px; position:relative;
  text-shadow:0 6px 16px rgba(0,0,0,.4)}
.game-thumb::before{content:''; position:absolute; inset:0; background:linear-gradient(160deg, rgba(255,255,255,.28), transparent 45%)}
.game-thumb::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 45%, rgba(0,0,0,.4))}
.game-meta{padding:10px 12px 12px}
.game-name{font-size:13px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.game-tag{display:inline-block; margin-top:6px; font-size:10px; font-weight:700; color:var(--muted); background:rgba(255,255,255,.07); padding:3px 8px; border-radius:999px}
.game-play{position:absolute; top:9px; right:9px; z-index:4; display:flex; align-items:center; gap:3px; background:rgba(0,0,0,.45); backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.28); border-radius:999px; font-size:10px; font-weight:800; padding:4px 9px; color:#fff}
.game-play .ic{width:11px; height:11px}
/* real thumbnail + hover/touch preview video */
.game-thumb.has-media{background:#0e1119}
.thumb-img,.thumb-vid{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.thumb-img{z-index:1}
.thumb-vid{z-index:2; opacity:0; transition:opacity .28s ease}
.game-card.previewing .thumb-vid{opacity:1}
.game-card.previewing{transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.5)}

/* soon */
.soon{text-align:center; padding:15vh 24px}
.soon-emoji{font-size:58px; margin-bottom:12px}
.soon h2{font-size:22px; font-weight:800}
.soon p{margin-top:10px; color:var(--muted); font-weight:600; font-size:14px; max-width:280px; margin:10px auto 0}

/* buttons */
.btn{display:flex; align-items:center; justify-content:center; gap:7px; width:100%; border:none; border-radius:15px;
  font-family:inherit; font-weight:800; font-size:15px; padding:14px 18px; cursor:pointer; color:#fff}
.btn:active{transform:scale(.975)}
.btn .ic{font-size:15px}
.btn-primary{background:var(--grad); box-shadow:0 8px 22px rgba(255,138,61,.4), inset 0 1px 0 rgba(255,255,255,.3)}
.btn-ghost{background:var(--glass-2); border:1px solid var(--line); color:var(--txt)}
.btn.sm{padding:11px 16px; font-size:14px}
.btn:disabled{opacity:.55; cursor:default}

/* spin wheel — 3D */
.spin-wrap{display:flex; flex-direction:column; align-items:center; gap:22px; padding:18px 0 8px}
.wheel-stage{position:relative; width:304px; height:304px; max-width:82vw; max-height:82vw}
.wheel-glow{position:absolute; inset:-16px; border-radius:50%; background:radial-gradient(circle, rgba(255,138,61,.5), transparent 68%); filter:blur(14px)}
.wheel-pointer{position:absolute; top:-4px; left:50%; transform:translateX(-50%); z-index:7; width:0; height:0;
  border-left:15px solid transparent; border-right:15px solid transparent; border-top:26px solid #fff; filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
.wheel{position:absolute; inset:0; border-radius:50%; transition:transform 4.7s cubic-bezier(.11,.75,.14,1);
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.1), inset 0 0 40px rgba(0,0,0,.45), 0 20px 50px rgba(0,0,0,.6)}
.wheel-rim{position:absolute; inset:-7px; border-radius:50%; pointer-events:none; z-index:6;
  border:7px solid transparent; background:conic-gradient(#3a2f6e,#5b4bd6,#3a2f6e,#5b4bd6,#3a2f6e) border-box; -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 0); mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 0);
  box-shadow:0 4px 14px rgba(0,0,0,.5)}
.wheel-label{position:absolute; top:50%; left:50%; font-weight:800; font-size:15px; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.85); white-space:nowrap; pointer-events:none}
.wheel-center{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:5; width:88px; height:88px; border-radius:50%;
  background:radial-gradient(circle at 50% 30%, #a78bff, #6d3bff 70%); color:#fff; font-family:'Sora',sans-serif; font-weight:800; font-size:17px; letter-spacing:.5px;
  display:flex; align-items:center; justify-content:center; cursor:pointer; border:4px solid rgba(255,255,255,.35);
  box-shadow:0 8px 20px rgba(109,59,255,.6), inset 0 -4px 10px rgba(0,0,0,.35), inset 0 4px 8px rgba(255,255,255,.4)}
.wheel-center:disabled{opacity:.7; cursor:default}
.wheel-center:active:not(:disabled){transform:translate(-50%,-50%) scale(.92)}

/* weekly draw (ticket-gated) */
.draw-stage{border-radius:24px; padding:30px 22px 24px; text-align:center; position:relative; overflow:hidden;
  background:radial-gradient(120% 130% at 50% 0%, rgba(255,138,61,.28), transparent 60%), var(--glass)}
.draw-glow{position:absolute; top:-10%; left:50%; transform:translateX(-50%); width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle, rgba(192,75,255,.55), transparent 66%); filter:blur(18px); animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.6; transform:translateX(-50%) scale(1)}50%{opacity:1; transform:translateX(-50%) scale(1.12)}}
.draw-box{position:relative; font-size:88px; line-height:1; margin:4px 0 14px; animation:bob 3s ease-in-out infinite; filter:drop-shadow(0 12px 24px rgba(255,138,61,.55))}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
.draw-box.shake{animation:shake .5s ease-in-out infinite}
@keyframes shake{0%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-6px,2px) rotate(-8deg)}40%{transform:translate(6px,-2px) rotate(8deg)}60%{transform:translate(-5px,1px) rotate(-6deg)}80%{transform:translate(5px,-1px) rotate(6deg)}}
.draw-status{position:relative; color:#dfe4f0; font-weight:700; font-size:15px; margin-bottom:18px; min-height:20px}
.draw-stepper{position:relative; display:flex; align-items:center; justify-content:center; gap:16px; margin:0 auto 16px; width:fit-content}
.step-btn{width:44px; height:44px; border-radius:14px; border:1px solid var(--line); background:var(--glass);
  color:#fff; display:flex; align-items:center; justify-content:center; transition:transform .1s, filter .15s}
.step-btn:active{transform:scale(.9)} .step-btn:disabled{opacity:.35}
.step-btn .ic{width:18px; height:18px}
.step-val{min-width:86px; text-align:center; line-height:1.1}
.step-val b{display:block; font-size:26px; font-weight:800; font-variant-numeric:tabular-nums; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent}
.step-val small{color:var(--muted); font-size:11px; font-weight:700}
#draw-btn{position:relative}
.draw-hint{margin-top:14px; border-radius:18px; padding:6px 16px}
.rh-row{display:flex; gap:12px; align-items:flex-start; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.06)}
.rh-row:last-child{border-bottom:none}
.rh-row .ic{font-size:20px; margin-top:1px}
.rh-row b{font-size:14px; font-weight:800} .rh-row small{display:block; color:var(--muted); font-size:12.5px; font-weight:600; margin-top:3px}

/* refer */
.refer-hero{border-radius:22px; padding:26px 22px; text-align:center; position:relative; overflow:hidden;
  background:radial-gradient(120% 130% at 50% 0%, rgba(255,207,63,.2), transparent 58%), var(--glass)}
.refer-emoji{font-size:52px; filter:drop-shadow(0 8px 18px rgba(255,207,63,.4))}
.refer-hero h3{font-family:'Sora',sans-serif; font-size:22px; font-weight:800; margin-top:6px}
.refer-hero p{color:#c7cdda; font-weight:600; font-size:14px; margin-top:8px} .refer-hero p b{color:var(--gold)}
.refer-stat{margin-top:16px; display:inline-flex; flex-direction:column; align-items:center; background:rgba(0,0,0,.25); border:1px solid var(--line); border-radius:14px; padding:10px 26px}
.refer-stat b{font-family:'Sora',sans-serif; font-size:26px; font-weight:800; color:var(--gold)}
.refer-stat small{color:var(--muted); font-size:11px; font-weight:700}
.refer-link{margin-top:14px; border-radius:16px; padding:14px 16px}
.rl-label{color:var(--muted); font-weight:700; font-size:12px; margin-bottom:8px}
.rl-box{display:flex; gap:8px}
#rf-link{flex:1; background:rgba(0,0,0,.28); border:1px solid var(--line); border-radius:12px; color:var(--txt); font-family:inherit; font-weight:600; font-size:12px; padding:11px 12px; outline:none}
#rf-share{margin-top:14px}
.pf-wnote{margin-top:-2px; margin-bottom:10px; font-size:11.5px; line-height:1.4}

/* profile */
.pf-card{border-radius:20px; padding:22px; text-align:center; margin-bottom:14px}
.pf-avatar{width:72px; height:72px; border-radius:50%; background:var(--grad); display:flex; align-items:center; justify-content:center;
  font-size:30px; margin:0 auto 10px; color:#fff; font-weight:800; overflow:hidden; box-shadow:0 8px 22px rgba(255,138,61,.4)}
.pf-avatar img{width:100%;height:100%;object-fit:cover}
.pf-name{font-family:'Sora',sans-serif; font-size:19px; font-weight:800}
.pf-balances{display:flex; gap:12px; margin-bottom:14px}
.bal{flex:1; border-radius:16px; padding:16px 12px; text-align:center}
.bal-ic{font-size:22px} .bal b{display:block; font-family:'Sora',sans-serif; font-size:22px; font-weight:800; margin-top:4px}
.bal small{color:var(--muted); font-size:11px; font-weight:700}
.pf-wallet{border-radius:18px; padding:16px; margin-bottom:14px}
.pf-wtitle{display:flex; align-items:center; gap:8px; font-weight:800; font-size:14px; margin-bottom:10px}
.pf-wtitle .ic{width:18px; height:18px}
#pf-wallet-in{width:100%; background:rgba(0,0,0,.28); border:1px solid var(--line); border-radius:12px; color:var(--txt);
  font-family:inherit; font-weight:600; font-size:13px; padding:12px 13px; margin-bottom:10px; outline:none}
#pf-wallet-in:focus{border-color:var(--brand)}
.pf-note{text-align:center; margin-top:8px; font-size:12px}
.pf-hist{margin-top:18px; display:flex; flex-direction:column; gap:8px}
.wd-row{display:flex; align-items:center; justify-content:space-between; background:var(--glass); border:1px solid var(--line); border-radius:12px; padding:11px 14px; font-size:13px; font-weight:700}
.wd-amt{color:var(--green); font-weight:800}
.wd-status{font-size:11px; font-weight:800; padding:3px 9px; border-radius:999px}
.wd-pending{color:#ffcf3f; background:rgba(255,207,63,.12)} .wd-paid{color:var(--green); background:rgba(47,224,138,.12)} .wd-rejected{color:#ff7a7a; background:rgba(255,122,122,.12)}

/* leaderboard */
.board-list{display:flex; flex-direction:column; gap:8px}
.board-row{display:flex; align-items:center; gap:12px; background:var(--glass); border:1px solid var(--line); border-radius:14px; padding:11px 14px}
.board-row.me{border-color:var(--brand); background:linear-gradient(90deg, rgba(255,138,61,.16), var(--glass))}
.rank{width:26px; font-weight:800; font-size:15px; text-align:center; color:var(--muted)}
.board-av{width:34px; height:34px; border-radius:50%; background:var(--glass-2); display:flex; align-items:center; justify-content:center; font-size:15px; overflow:hidden}
.board-av img{width:100%;height:100%;object-fit:cover}
.board-name{flex:1; font-weight:700; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board-pts{font-weight:800; color:var(--gold); font-size:14px}
.board-me{margin-top:14px}
.skeleton-row{height:56px; border-radius:14px; background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04)); background-size:200% 100%; animation:shimmer 1.3s infinite}
@keyframes shimmer{to{background-position:-200% 0}}

/* bottom nav */
.tabbar{position:fixed; left:0; right:0; bottom:0; z-index:40; height:calc(var(--nav-h) + var(--safe-bottom)); padding-bottom:var(--safe-bottom);
  display:flex; border-radius:22px 22px 0 0; border-bottom:none}
.tab{flex:1; background:none; border:none; color:var(--muted); font-family:inherit; font-weight:700; font-size:10.5px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; cursor:pointer; position:relative}
.tab .ic{width:23px; height:23px; transition:.15s}
.tab.active{color:var(--txt)}
.tab.active .ic{stroke:url(#navgrad); transform:translateY(-1px); filter:drop-shadow(0 3px 6px rgba(255,138,61,.5))}
.tab.active::before{content:''; position:absolute; top:0; width:26px; height:3px; border-radius:0 0 4px 4px; background:var(--grad)}

/* game player */
.player{position:fixed; inset:0; z-index:60; background:#000; animation:slideUp .24s ease; --pl-top:var(--safe-top)}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:none}}
/* game fills the whole player; bar floats over the top and retracts */
.player-frame{position:absolute; inset:0}
.player-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0; background:#000}
.player-bar{position:absolute; top:0; left:0; right:0; z-index:61; display:flex; align-items:center; gap:8px;
  padding:calc(7px + var(--pl-top)) 10px 16px; border-radius:0; backdrop-filter:none;
  background:linear-gradient(180deg, rgba(10,11,18,.94), rgba(10,11,18,.55) 68%, transparent);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
  pointer-events:none}                              /* transparent bar area lets game taps through */
.player-bar #player-back, .player-bar #player-collapse, .player-bar #player-earn{pointer-events:auto}
.player.bar-hidden .player-bar{transform:translateY(-100%)}
.player-title{flex:1; text-align:center; font-weight:800; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pill-earn{background:rgba(47,224,138,.12); border-color:rgba(47,224,138,.4)} .pill-earn b{color:var(--green)}
#player-collapse .ic{transform:rotate(180deg)}  /* points up = hide */
/* floating tab to pull the bar back down (only shown while hidden) */
#player-reveal{position:absolute; z-index:62; top:var(--pl-top); left:50%; transform:translateX(-50%);
  width:54px; height:26px; border-radius:0 0 14px 14px; border:1px solid var(--line); border-top:0;
  background:rgba(10,11,18,.82); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center;
  color:#cfd3ff; cursor:pointer; opacity:0; pointer-events:none; transition:opacity .2s ease}
#player-reveal .ic{width:19px; height:19px}
.player.bar-hidden #player-reveal{opacity:1; pointer-events:auto}

/* prize modal */
.prize-modal{position:fixed; inset:0; z-index:90; background:rgba(6,8,14,.72); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; padding:24px; animation:fade .2s ease}
.prize-card{border-radius:26px; padding:30px 24px; text-align:center; max-width:320px; width:100%; animation:pop .34s cubic-bezier(.2,1.3,.5,1)}
@keyframes pop{from{transform:scale(.7); opacity:0}to{transform:scale(1); opacity:1}}
.prize-emoji{font-size:58px; margin-bottom:6px}
.prize-card h2{font-size:24px; font-weight:800; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent}
.prize-card p{color:#c7cdda; font-weight:700; margin:8px 0 20px; font-size:16px}

/* toast */
.toast{position:fixed; left:50%; bottom:calc(var(--nav-h) + 22px); transform:translateX(-50%); z-index:95;
  background:rgba(10,12,20,.94); border:1px solid var(--line); backdrop-filter:blur(10px); color:#fff; font-weight:700; font-size:13px;
  padding:11px 18px; border-radius:13px; animation:fade .2s ease; max-width:82%; text-align:center}

/* ===== PawDash additions ===== */
.brand-mark{filter:drop-shadow(0 2px 8px rgba(255,138,61,.6))}
.game-hero{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/11;margin:4px 0 14px;cursor:pointer;
  box-shadow:0 18px 40px rgba(255,90,60,.25),inset 0 0 0 1px rgba(255,255,255,.12)}
.game-hero img,.game-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.game-hero .gh-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,15,29,0) 35%,rgba(12,15,29,.92) 100%)}
.game-hero .gh-info{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.game-hero h3{font-family:Sora,sans-serif;font-size:21px;line-height:1.15}
.game-hero small{display:block;color:#ffd2b0;font-weight:700;font-size:12px;margin-top:3px}
.gh-play{flex:none;border:0;border-radius:16px;padding:13px 20px;font:800 15px 'Plus Jakarta Sans',sans-serif;color:#fff;background:var(--grad);
  box-shadow:0 8px 22px rgba(255,79,123,.45);animation:pulse 1.8s ease-in-out infinite;display:flex;align-items:center;gap:6px}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.earn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.earn-chip{border-radius:16px;padding:12px 8px;text-align:center}
.earn-chip .ec-ic{font-size:22px}
.earn-chip b{display:block;font-size:13px;margin-top:4px}
.earn-chip small{color:var(--muted);font-size:11px;font-weight:600}
.proof-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:10px 0 0;padding:12px;border-radius:14px;
  color:#7ef0e4;font-weight:800;font-size:14px;text-decoration:none;border:1px dashed rgba(20,200,184,.5);background:rgba(20,200,184,.08)}
.wd-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.wd-meta{width:100%;font-size:11px;color:var(--muted);font-weight:600}
.wd-meta a{color:#7ef0e4}