/* 39Q — Painel de premios + Escada VIP. emerald green + gold + purple VIP. unique vocab: top/mark/panel/stat/ladder/rung/reel/perk/fig/quick/next */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#08251a;--bg2:#0c3122;--pan:#103a28;--pan2:#15462f;
  --gr:#16a34a;--gr2:#22c55e;--grd:#064e3b;
  --gd:#fbbf24;--gd2:#f59e0b;--gdl:#fde68a;
  --vp:#a855f7;--vp2:#7c3aed;--vpl:#c4b5fd;
  --cream:#f4fbe9;--ink:#eaf6e4;--mut:#9fc3ad;--mut2:#74a285;
  --line:#1d5238;--line2:#2a6b49;
  --gradg:linear-gradient(135deg,#fde68a,#f59e0b);
  --gradv:linear-gradient(135deg,#a855f7,#7c3aed);
  --gradgr:linear-gradient(135deg,#22c55e,#15803d);
  --glow:0 16px 44px rgba(0,0,0,.46);--glowg:0 10px 28px rgba(245,158,11,.3);--glowv:0 10px 28px rgba(124,58,237,.34);
  --rad:16px;--max:1180px;
}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:
  radial-gradient(820px 520px at 85% -6%,rgba(34,197,94,.18),transparent 60%),
  radial-gradient(680px 480px at 6% 6%,rgba(168,85,247,.12),transparent 62%),
  radial-gradient(700px 700px at 50% 118%,rgba(245,158,11,.10),transparent 60%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{line-height:1.16;font-weight:800;letter-spacing:-.01em}
.gd{color:var(--gd)}.vp{color:var(--vpl)}.gr{color:var(--gr2)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}

/* buttons */
.q39-go{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:.95rem;padding:12px 22px;border-radius:12px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s;white-space:nowrap}
.q39-go-pri{background:var(--gradg);color:#3a2400;box-shadow:var(--glowg)}
.q39-go-vip{background:var(--gradv);color:#fff;box-shadow:var(--glowv)}
.q39-go-out{background:transparent;color:var(--ink);border:1.5px solid var(--line2)}
.q39-go-lg{padding:16px 32px;font-size:1.06rem}
.q39-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
.q39-go-out:hover{border-color:var(--gd);color:var(--gd)}

/* header */
.q39-top{position:sticky;top:0;z-index:60;background:rgba(8,37,26,.84);backdrop-filter:blur(13px);border-bottom:1px solid var(--line)}
.q39-top-in{max-width:var(--max);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}
.q39-mark{display:flex;align-items:center;flex-shrink:0}
.q39-mark img{height:38px;width:auto}
.q39-links{display:flex;gap:4px;margin-left:8px;flex-wrap:wrap}
.q39-links a{font-size:.9rem;font-weight:600;color:var(--mut);padding:8px 11px;border-radius:9px;transition:.15s}
.q39-links a:hover{color:var(--cream);background:var(--pan)}
.q39-links a[aria-current=page]{color:var(--gd);background:rgba(251,191,36,.1)}
.q39-tools{margin-left:auto;display:flex;align-items:center;gap:10px}
.q39-mb{display:none;background:var(--pan);border:1px solid var(--line2);color:var(--cream);font-size:1.2rem;width:42px;height:42px;border-radius:11px;cursor:pointer}
.q39-tray{position:fixed;top:0;right:-310px;width:282px;height:100%;background:var(--bg2);border-left:1px solid var(--line2);z-index:80;padding:74px 22px 30px;transition:right .28s;overflow-y:auto}
.q39-tray.open{right:0}
.q39-tray h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gd2);margin:18px 0 8px}
.q39-tray a{display:block;padding:11px 12px;border-radius:10px;color:var(--ink);font-weight:600;border:1px solid transparent}
.q39-tray a:hover{background:var(--pan);border-color:var(--line)}
.q39-veil{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:70;opacity:0;visibility:hidden;transition:.28s}
.q39-veil.open{opacity:1;visibility:visible}

/* ===== HERO painel de premios ===== */
.q39-panel{max-width:var(--max);margin:28px auto;padding:0 20px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
.q39-panel-l .q39-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gd2);background:rgba(251,191,36,.1);border:1px solid var(--line2);padding:6px 13px;border-radius:999px}
.q39-panel-l h1{font-size:clamp(2rem,5vw,3.1rem);margin:14px 0 6px}
.q39-panel-l h1 .big{display:block;background:var(--gradg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(2.6rem,8vw,4.4rem);line-height:1}
.q39-panel-l p{color:var(--mut);font-size:1.06rem;max-width:46ch;margin-bottom:18px}
.q39-panel-cta{display:flex;gap:11px;flex-wrap:wrap}
.q39-brandbug{display:flex;align-items:center;gap:11px;margin-top:18px;color:var(--mut2);font-size:.84rem}
.q39-brandbug img{width:46px;height:46px;border-radius:11px;border:1px solid var(--line2)}
.q39-statboard{background:var(--pan);border:1px solid var(--line2);border-radius:20px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;box-shadow:var(--glow)}
.q39-stat{background:linear-gradient(155deg,var(--pan2),var(--pan));border:1px solid var(--line);border-radius:13px;padding:16px 14px;text-align:center}
.q39-stat b{display:block;font-size:1.7rem;font-weight:900;background:var(--gradg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}
.q39-stat span{display:block;font-size:.8rem;color:var(--mut);margin-top:4px}
.q39-stat.v b{background:var(--gradv);-webkit-text-fill-color:transparent}

/* section frame */
.q39-sec{max-width:var(--max);margin:48px auto;padding:0 20px}
.q39-sec-h{text-align:center;max-width:64ch;margin:0 auto 26px}
.q39-sec-h .kk{display:block;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gd2);margin-bottom:8px}
.q39-sec-h h2{font-size:clamp(1.6rem,3.8vw,2.2rem)}
.q39-sec-h p{color:var(--mut);margin-top:8px}

/* ===== ESCADA VIP (signature) ===== */
.q39-ladder{display:flex;flex-direction:column;gap:12px;max-width:880px;margin:0 auto}
.q39-rung{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,var(--pan2),var(--pan));border:1px solid var(--line2);border-radius:14px;padding:16px 20px;position:relative;overflow:hidden}
.q39-rung::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--gradgr)}
.q39-rung:nth-child(1){margin-right:18%}
.q39-rung:nth-child(2){margin-right:12%}
.q39-rung:nth-child(3){margin-right:6%}
.q39-rung:nth-child(4){background:linear-gradient(135deg,rgba(124,58,237,.28),var(--pan));border-color:var(--vp2)}
.q39-rung:nth-child(4)::before{background:var(--gradv)}
.q39-rung-badge{flex-shrink:0;width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:1.3rem;background:rgba(0,0,0,.25);border:1px solid var(--line2);color:var(--gd)}
.q39-rung:nth-child(4) .q39-rung-badge{color:var(--vpl);border-color:var(--vp2)}
.q39-rung-tx{flex:1}
.q39-rung-tx b{display:block;font-size:1.05rem}
.q39-rung-tx span{font-size:.86rem;color:var(--mut)}
.q39-rung-val{font-size:clamp(1.3rem,3vw,1.9rem);font-weight:900;color:var(--gd);white-space:nowrap}
.q39-rung:nth-child(4) .q39-rung-val{color:var(--vpl)}

/* ===== reels (official banners) ===== */
.q39-reels{display:flex;gap:14px;overflow-x:auto;padding:6px 4px 16px;scroll-snap-type:x mandatory}
.q39-reel{flex:0 0 auto;height:clamp(210px,36vw,290px);scroll-snap-align:start;background:var(--pan);border:1px solid var(--line2);border-radius:14px;overflow:hidden;transition:transform .16s,border-color .16s}
.q39-reel:hover{transform:translateY(-3px);border-color:var(--gd2)}
.q39-reel img{height:100%;width:auto;display:block}

/* ===== games deck ===== */
.q39-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.q39-tilecard{background:var(--pan);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .16s,border-color .16s}
.q39-tilecard:hover{transform:translateY(-4px);border-color:var(--gd2)}
.q39-tilecard img{width:100%;aspect-ratio:1/1;object-fit:cover}
.q39-tilecard b{display:block;padding:11px 14px 2px;font-size:.96rem}
.q39-tilecard span{display:block;padding:0 14px 13px;font-size:.78rem;color:var(--mut)}

/* ===== perks ===== */
.q39-perks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.q39-perk{background:var(--pan);border:1px solid var(--line);border-radius:14px;padding:20px 18px;border-top:3px solid var(--gd2)}
.q39-perk.v{border-top-color:var(--vp)}
.q39-perk .ic{font-size:1.7rem;margin-bottom:8px}
.q39-perk h3{font-size:1.02rem;margin-bottom:5px}
.q39-perk .amt{font-size:1.5rem;font-weight:900;color:var(--gd);margin-bottom:5px}
.q39-perk.v .amt{color:var(--vpl)}
.q39-perk p{font-size:.87rem;color:var(--mut)}

/* reviews */
.q39-says{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.q39-say{background:var(--pan);border:1px solid var(--line);border-radius:14px;padding:20px}
.q39-say .st{color:var(--gd);letter-spacing:2px;margin-bottom:8px}
.q39-say p{font-size:.92rem}
.q39-say cite{display:block;margin-top:10px;color:var(--mut2);font-style:normal;font-size:.84rem;font-weight:700}

/* FAQ */
.q39-ask{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.q39-ask details{background:var(--pan);border:1px solid var(--line);border-radius:13px;padding:4px 18px}
.q39-ask summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.q39-ask summary::-webkit-details-marker{display:none}
.q39-ask summary::after{content:"+";color:var(--gd);font-size:1.4rem;font-weight:700}
.q39-ask details[open] summary::after{content:"\2212"}
.q39-ask details p{padding:0 0 14px;color:var(--mut)}

/* CTA band */
.q39-band{max-width:var(--max);margin:48px auto;padding:0 20px}
.q39-band-in{background:var(--gradgr);border-radius:22px;padding:44px 28px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--glow)}
.q39-band-in::after{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 50% 0,rgba(251,191,36,.32),transparent 70%)}
.q39-band-in h2{font-size:clamp(1.6rem,4vw,2.3rem);color:#fff;position:relative}
.q39-band-in p{color:#dff5e4;margin:10px auto 20px;max-width:54ch;position:relative}
.q39-band-in .q39-go{position:relative}

/* ===== subpage: path/intro/tag/by/fig/text/quick/next/act ===== */
main.page{max-width:880px;margin:0 auto;padding:0 20px 30px}
.q39-path{font-size:.84rem;color:var(--mut2);padding:20px 0 6px}
.q39-path ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px}
.q39-path li:not(:last-child)::after{content:"/";margin-left:7px;color:var(--line2)}
.q39-path a{color:var(--gd2)}
.q39-intro{padding:14px 0 8px;border-bottom:1px solid var(--line);margin-bottom:20px}
.q39-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#3a2400;background:var(--gradg);padding:5px 12px;border-radius:999px;margin-bottom:12px}
.q39-tag.v{background:var(--gradv);color:#fff}
.q39-intro h1{font-size:clamp(1.7rem,4.4vw,2.5rem)}
.q39-by{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:.82rem;color:var(--mut2)}
.q39-by .ok{color:var(--gr2)}
.q39-fig{margin:0 0 22px;border-radius:16px;overflow:hidden;border:1px solid var(--line2)}
.q39-fig img{width:100%}
.q39-fig figcaption{font-size:.84rem;color:var(--mut);text-align:center;padding:9px 14px;background:var(--pan)}
.q39-text{font-size:1.04rem}
.q39-text h2{font-size:1.42rem;margin:30px 0 12px;padding-left:14px;border-left:4px solid var(--gd)}
.q39-text h2.v{border-left-color:var(--vp)}
.q39-text p{margin-bottom:15px}
.q39-text ul,.q39-text ol{margin:0 0 16px 8px;padding-left:20px}
.q39-text li{margin-bottom:8px}
.q39-text li::marker{color:var(--gd)}
.q39-text a{color:var(--gd2);text-decoration:underline;text-underline-offset:2px}
.q39-text strong{color:var(--cream)}
.q39-text code{background:var(--pan2);border:1px solid var(--line2);border-radius:6px;padding:1px 7px;font-size:.9em}
.q39-text blockquote{margin:20px 0;padding:14px 20px;border-left:4px solid var(--gr2);background:var(--pan);border-radius:0 12px 12px 0;font-style:italic}
.q39-quick{margin:26px 0;background:linear-gradient(150deg,var(--pan2),var(--pan));border:1px solid var(--line2);border-radius:16px;padding:20px 22px}
.q39-quick strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gd2);margin-bottom:12px}
.q39-quick dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;font-size:.94rem}
.q39-quick dt{color:var(--mut2);font-weight:700}
.q39-quick dd{text-align:right}
.q39-next{margin:30px 0 8px}
.q39-next h2{font-size:1.2rem;margin-bottom:13px}
.q39-next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px}
.q39-next-grid a{display:block;background:var(--pan);border:1px solid var(--line);border-radius:13px;padding:15px;transition:.15s}
.q39-next-grid a:hover{border-color:var(--gd2);transform:translateY(-2px)}
.q39-next-grid span{font-size:.74rem;color:var(--gd2);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.q39-next-grid b{display:block;margin-top:3px}
.q39-act{margin:34px 0 8px}
.q39-act-in{background:var(--gradgr);border-radius:18px;padding:34px 24px;text-align:center;box-shadow:var(--glow)}
.q39-act-in h2{font-size:clamp(1.4rem,3.4vw,1.9rem);color:#fff}
.q39-act-in p{color:#dff5e4;margin:8px auto 18px;max-width:50ch}

/* footer */
.q39-base{border-top:1px solid var(--line);margin-top:52px;background:var(--bg2)}
.q39-base-in{max-width:var(--max);margin:0 auto;padding:40px 20px 26px}
.q39-bcols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:26px}
.q39-bbrand img{height:34px;margin-bottom:12px}
.q39-bbrand p{color:var(--mut);font-size:.9rem;max-width:40ch}
.q39-bcol h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gd2);margin-bottom:11px}
.q39-bcol a{display:block;color:var(--mut);font-size:.9rem;padding:4px 0;transition:.15s}
.q39-bcol a:hover{color:var(--cream)}
.q39-bfine{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:.8rem;color:var(--mut2);line-height:1.7}
.q39-bfine strong{color:var(--gr2)}

@media(max-width:880px){
  .q39-links{display:none}.q39-mb{display:block}
  .q39-panel{grid-template-columns:1fr;gap:18px}
  .q39-deck,.q39-perks{grid-template-columns:1fr 1fr}
  .q39-says{grid-template-columns:1fr}
  .q39-bcols{grid-template-columns:1fr 1fr}
  .q39-rung{margin-right:0 !important}
}
@media(max-width:480px){
  .q39-statboard{grid-template-columns:1fr 1fr}
  .q39-deck,.q39-perks,.q39-bcols{grid-template-columns:1fr}
  .q39-quick dd{text-align:left}
  .q39-rung{flex-wrap:wrap;gap:10px}
  .q39-rung-val{width:100%;text-align:right}
}