/* L29 — Leque de cartas / mão do crupiê. Palette tokens only; followers append a later :root. No hex in rules except #fff/#000 alpha. */
:root{
  --bg:#F7F3E8;--bg2:#EDE6D2;--elev:#FFFBF4;--paper:#FFF8EC;--line:#D5CBB6;
  --ink:#14301F;--ink-soft:#2A4A36;--muted:#5C6A62;
  --felt:#145A32;--felt-hi:#1A6E3C;--felt-deep:#0C3A22;
  --card:#FFF9F0;--card-edge:#E4D8C4;
  --accent2:#C4483A;--crimson:#C4483A;--crimson-deep:#9C342A;
  --gold:#E8C61A;--gold-hi:#F0D84A;
  --blue:#1E3A6E;
  --cta-a:var(--accent2);--cta-b:var(--crimson-deep);--cta-ink:#FFFBF4;
  --hot:var(--accent2);--novo:var(--felt-hi);
  --header:60px;
  --spread:1;
}
*{box-sizing:border-box}
html{margin:0;background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;font-family:Manrope,system-ui,sans-serif;line-height:1.55;color:var(--ink);
  background:
    radial-gradient(900px 480px at 100% 0,rgba(20,90,50,.10),transparent 55%),
    radial-gradient(700px 400px at 0 0,rgba(196,72,58,.07),transparent 50%),
    var(--bg)}
img{display:block;max-width:100%;height:auto}
a{color:var(--felt-hi);text-decoration:none}
a:hover{color:var(--felt-deep)}
button{font:inherit;cursor:pointer;color:inherit}
h1,h2,h3{font-family:Teko,Manrope,sans-serif;letter-spacing:.02em;color:var(--ink);font-weight:700}
.l29-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rl2{--rl2-accent:var(--accent2);--rl2-card:var(--elev);--rl2-bg2:var(--bg2)}

/* header */
.l29-head{position:sticky;top:0;z-index:50;height:var(--header);display:flex;align-items:center;gap:8px;padding:0 12px;
  background:linear-gradient(180deg,var(--paper),var(--bg));border-bottom:1px solid var(--line)}
.l29-brand{display:flex;align-items:center;gap:8px;color:var(--ink);min-width:0;flex:0 0 auto}
.l29-brand img{width:56px;height:56px;flex:0 0 56px;border-radius:10px;object-fit:contain;min-width:56px;min-height:56px;background:var(--card)}
.l29-word{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.l29-word strong{font-family:Teko,sans-serif;font-weight:700;font-size:22px;color:var(--ink);white-space:nowrap;letter-spacing:.04em}
.l29-indep{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--felt-hi);white-space:nowrap;font-weight:700}
.l29-nav{display:none;align-items:center;gap:2px;flex:1 1 auto;min-width:0}
.l29-nav a,.l29-mais-btn{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 9px;border-radius:8px;color:var(--ink-soft);font-size:13px;font-weight:700;white-space:nowrap;border:0;background:transparent}
.l29-nav a svg,.l29-mais-btn svg{width:16px;height:16px;flex:0 0 16px;color:var(--accent2)}
.l29-nav a[aria-current="page"],.l29-nav a:hover,.l29-mais-btn:hover,.l29-mais-btn[aria-expanded="true"]{background:rgba(20,90,50,.10);color:var(--ink)}
.l29-mais-wrap{position:relative}
.l29-baralho-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:220px;padding:10px 10px 14px;
  background:var(--felt);border-radius:12px;box-shadow:0 12px 28px rgba(12,58,34,.28)}
.l29-baralho-menu[hidden]{display:none}
.l29-baralho-menu a{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:10px 12px;border-radius:8px;
  background:var(--card);color:var(--ink)!important;font-weight:700;box-shadow:0 2px 0 var(--card-edge);
  transform-origin:left center}
.l29-baralho-menu a:nth-child(1){transform:rotate(-4deg)}
.l29-baralho-menu a:nth-child(2){transform:rotate(-1deg)}
.l29-baralho-menu a:nth-child(3){transform:rotate(2deg)}
.l29-baralho-menu a:nth-child(4){transform:rotate(4deg)}
.l29-baralho-menu a:hover{background:var(--paper);color:var(--felt-deep)!important}
.l29-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}
.l29-hcta{display:none;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;
  background:linear-gradient(180deg,var(--accent2),var(--crimson-deep));color:var(--cta-ink)!important;font-weight:800;font-size:13px;white-space:nowrap}
.l29-menu{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--elev);color:var(--ink);display:inline-flex;align-items:center;justify-content:center}
.l29-menu svg{width:20px;height:20px}

/* drawer */
.l29-drawer{position:fixed;inset:0;z-index:80}
.l29-drawer[hidden]{display:none}
.l29-drawer-bg{position:absolute;inset:0;background:rgba(12,58,34,.46)}
.l29-drawer-pan{position:absolute;top:0;right:0;bottom:0;width:min(84vw,320px);background:var(--paper);padding:16px;overflow:auto;
  box-shadow:-8px 0 24px rgba(12,58,34,.18);display:flex;flex-direction:column;gap:12px}
.l29-drawer-x{align-self:flex-end;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--elev)}
.l29-drawer-nav{display:flex;flex-direction:column;gap:4px}
.l29-drawer-nav a{display:flex;align-items:center;gap:8px;padding:12px 10px;border-radius:10px;color:var(--ink);font-weight:700}
.l29-drawer-nav a[aria-current="page"],.l29-drawer-nav a:hover{background:rgba(20,90,50,.10)}
.l29-hcta-d{display:flex!important;margin-top:8px;min-height:48px}

/* fold CTA / plate */
.l29-fold-cta,.l29-m-cta{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:max-content;max-width:100%;
  min-width:260px;min-height:68px;padding:0 24px;border-radius:14px;
  background:linear-gradient(180deg,var(--accent2),var(--crimson-deep));color:var(--cta-ink)!important;
  font-family:Teko,Manrope,sans-serif;font-weight:700;font-size:26px;letter-spacing:.04em;
  box-shadow:0 0 0 2px var(--crimson-deep),0 8px 20px rgba(156,52,42,.28)}
.l29-placa{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:var(--card);border:1px solid var(--card-edge);border-radius:16px;padding:10px 12px}
.l29-placa img{width:180px;height:180px;min-width:160px;min-height:160px;object-fit:contain;border-radius:12px;background:var(--card)}
.l29-placa-lab{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--felt-hi);font-weight:800}
.l29-kicker{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);font-weight:800}

/* desktop fold hidden on mobile */
.l29-fold{display:none}
#l29-baralho-pool{display:none}

/* mobile first screen */
.l29-mfold{display:block;padding:10px 12px 8px}
.l29-mhero h1{margin:0 0 8px;font-size:30px;line-height:1.02;font-weight:700;max-height:calc(1.02em * 2 + 4px);overflow:hidden;color:var(--ink)}
.l29-mhero h1 span{display:block}
.l29-m-cta{width:100%;min-width:0;min-height:56px;font-size:22px;margin:0 0 8px}
.l29-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.l29-mcarta{position:relative;display:flex;flex-direction:column;background:var(--card);border-radius:12px;overflow:hidden;
  border:1px solid var(--card-edge);color:inherit;min-width:0}
.l29-mcarta img{width:100%;height:96px;object-fit:cover;aspect-ratio:auto}
.l29-mcarta .l29-cap{padding:5px 7px 6px;font-size:12px;font-weight:700;line-height:1.2;color:var(--ink)}
.l29-mcarta .l29-prov{display:block;font-size:10px;font-weight:600;color:var(--muted)}
.l29-mcarta .l29-abrir,.l29-mcarta .l29-idx{display:none}
.l29-metq{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.l29-metq a,.l29-chip,.l29-mao-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:999px;
  background:var(--elev);border:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:700}
.l29-metq a.is-on,.l29-chip.is-on,.l29-mao-btn.is-on{background:var(--felt);color:var(--paper);border-color:var(--felt)}

/* badges */
.l29-selo-hot,.l29-selo-novo{pointer-events:none;position:absolute;top:4px;left:4px;z-index:2;font-size:9px;font-weight:800;letter-spacing:.06em;
  padding:2px 5px;border-radius:4px;color:#fff}
.l29-selo-hot{background:var(--accent2)}
.l29-selo-novo{background:var(--felt-hi)}

/* below fold */
.l29-wrap,.l29-page{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:18px 0 40px}
.l29-seguintes h2,.l29-potes h2,.l29-selos h2,.l29-teaser h2,.l29-faq h2{margin:0 0 8px;font-size:28px}
.l29-note{color:var(--ink-soft);font-size:14.5px}
.l29-lanc-row{display:grid;grid-template-columns:1fr;gap:12px}
.l29-lancamento{background:var(--elev);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink)}
.l29-lancamento img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.l29-lancamento h3{margin:0;padding:10px 12px 12px;font-size:16px}
.l29-potes-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.l29-pote{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:var(--elev);border:1px solid var(--line);color:var(--ink)}
.l29-pote small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.l29-pote b{font-family:Teko,sans-serif;font-size:26px;color:var(--ink)}
.l29-teaser-row,.l29-selos-row{display:grid;grid-template-columns:1fr;gap:8px}
.l29-teaser a,.l29-selo{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--elev);border:1px solid var(--line);color:var(--ink)}
.l29-marca{width:72px;height:72px;object-fit:contain;border-radius:10px;background:var(--bg2);flex:0 0 72px}
.l29-typo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:10px;background:var(--felt);color:var(--paper);font-family:Teko,sans-serif;font-weight:700;font-size:22px}
.l29-faq{margin-top:22px}
.l29-acc{width:100%;text-align:left;display:flex;justify-content:space-between;gap:12px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font-weight:700;color:var(--ink)}
.l29-acc-pan{display:none;padding:0 0 12px;color:var(--ink-soft)}
.l29-acc-pan.is-open{display:block}
.l29-cta-block{margin:16px 0}
.l29-crumb{font-size:13px;color:var(--muted)}
.l29-page h1{margin:6px 0 12px;font-size:36px;line-height:1.05}

/* catalog grid */
.l29-grade{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.l29-capa{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-edge);border-radius:12px;overflow:hidden;color:inherit}
.l29-capa img{width:100%;aspect-ratio:1;object-fit:cover}
.l29-capa .l29-cap{padding:6px 8px 8px;font-size:13px;font-weight:700;color:var(--ink)}
.l29-capa .l29-abrir{margin:0 8px 10px;display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:8px;background:var(--accent2);color:var(--cta-ink);font-size:12px;font-weight:800}
.l29-capa .l29-idx{display:none}
.l29-busca{width:100%;height:46px;border:2px solid var(--felt);border-radius:10px;padding:0 12px;margin:8px 0;background:var(--elev);font:inherit}
.l29-vazio.is-hide,.is-hide{display:none!important}
.is-stored{display:none!important}
.is-dim{opacity:.32;filter:grayscale(.25)}

/* hub */
.l29-acervo-list{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}
.l29-folha{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--elev);border:1px solid var(--line)}
a.l29-folha{color:inherit}
.l29-folha small,.l29-folha em{display:block;font-style:normal;color:var(--muted);font-size:12px}
.l29-mais{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;border:2px solid var(--felt);background:var(--paper);font-weight:800;color:var(--ink)}
.l29-scores{width:100%;border-collapse:collapse;margin:8px 0 16px}
.l29-scores th,.l29-scores td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.l29-scores th{background:var(--bg2)}
.l29-prons{display:grid;grid-template-columns:1fr;gap:12px}
.l29-revhead{display:flex;gap:12px;align-items:center;margin:0 0 12px}

/* footer + sticky */
.l29-foot{background:var(--felt-deep);color:var(--paper);padding:28px 16px 24px;margin-top:12px}
.l29-foot a{color:var(--gold-hi)}
.l29-foot h2{color:var(--gold-hi);font-size:18px;margin:0 0 8px}
.l29-foot-grid{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:1fr;gap:18px}
.l29-foot-grid p{margin:0 0 8px;color:rgba(255,251,244,.86)}
.l29-foot-grid div a{display:block;padding:3px 0}
.l29-credit{width:min(1120px,100%);margin:14px auto 0;font-size:12px;color:rgba(255,251,244,.7)}
.l29-18{display:inline-block;margin-right:8px;padding:1px 6px;border:1px solid var(--gold-hi);border-radius:4px;font-weight:800;font-size:11px}
body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
.l29-stick{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,rgba(247,243,232,0),var(--paper) 30%);border-top:1px solid var(--line)}
.l29-stick a{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border-radius:12px;
  background:linear-gradient(180deg,var(--accent2),var(--crimson-deep));color:var(--cta-ink)!important;font-family:Teko,Manrope,sans-serif;font-weight:700;font-size:22px}

/* desktop unique fold: felt band + 2D card fan */
@media (min-width:801px){
  body{padding-bottom:0}
  .l29-stick,.l29-mfold{display:none}
  .l29-nav{display:flex}
  .l29-hcta{display:inline-flex}
  .l29-head{padding:0 18px;height:64px}
  .l29-brand img{width:64px;height:64px;flex-basis:64px;min-width:56px;min-height:56px}
  .l29-home .l29-fold{display:flex;flex-direction:column;height:calc(800px - 64px);padding:0;overflow:hidden;background:var(--felt);position:relative}
  .l29-felt{position:relative;flex:0 0 30%;min-height:0;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;
    padding:12px 28px 4px;z-index:2;color:var(--paper)}
  .l29-felt-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55}
  .l29-felt-bg img{width:100%;height:100%;object-fit:cover}
  .l29-felt-copy,.l29-felt-side{position:relative;z-index:1;min-width:0}
  .l29-felt-copy h1{margin:0;color:var(--paper);font-size:64px;line-height:1.02;font-weight:700;max-width:16ch;padding-top:.12em;
    text-shadow:0 2px 0 rgba(0,0,0,.18)}
  .l29-felt-copy h1 span{display:block;white-space:nowrap;overflow:visible}
  .l29-felt-copy .l29-kicker{color:var(--gold-hi)}
  .l29-felt-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
  .l29-felt-side .l29-fold-cta{min-width:260px;min-height:68px}
  .l29-leque{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:flex-end;justify-content:center;
    padding:0 24px 0 120px;z-index:2}
  .l29-baralho-deal{position:absolute;left:18px;bottom:28px;z-index:5;width:84px;height:118px;border:0;padding:0;
    background:transparent;display:flex;align-items:flex-end;justify-content:center}
  .l29-baralho-deal .l29-deck,.l29-baralho-deal .l29-deck-b,.l29-baralho-deal .l29-deck-c{
    position:absolute;width:72px;height:100px;border-radius:8px;border:1px solid var(--card-edge);
    background:repeating-linear-gradient(135deg,var(--card),var(--card) 8px,rgba(196,72,58,.18) 8px,rgba(196,72,58,.18) 16px);
    box-shadow:0 6px 12px rgba(0,0,0,.2)}
  .l29-baralho-deal .l29-deck{z-index:3;transform:rotate(-6deg)}
  .l29-baralho-deal .l29-deck-b{z-index:2;transform:translate(6px,-5px) rotate(-2deg)}
  .l29-baralho-deal .l29-deck-c{z-index:1;transform:translate(12px,-10px) rotate(3deg)}
  .l29-baralho-deal span.l29-deck-lab{position:relative;z-index:4;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    color:var(--paper);background:var(--felt-deep);padding:3px 6px;border-radius:6px;margin-bottom:6px}
  .l29-fan{position:relative;width:100%;height:100%;--spread:1}
  .l29-carta{pointer-events:none;position:absolute;left:50%;bottom:0;width:200px;height:320px;margin:0;
    transform-origin:50% 180%;
    transform:translateX(-50%) rotate(calc((-36deg + (var(--i) * 72deg / var(--n, 8))) * var(--spread, 1)));
    z-index:calc(1 + var(--i));
    border-radius:12px;overflow:visible;background:var(--card);border:3px solid var(--card);
    box-shadow:0 10px 20px rgba(0,0,0,.24);color:inherit;text-decoration:none;
    transition:transform .22s ease, box-shadow .22s ease;display:flex;flex-direction:column}
  .l29-carta.is-dealt{animation:l29-deal .35s ease both}
  @keyframes l29-deal{
    from{opacity:0;transform:translateX(-50%) rotate(0deg) translateY(40px)}
  }
  .l29-carta:hover{
    z-index:30;
    transform:translateX(-50%) rotate(calc((-36deg + (var(--i) * 72deg / var(--n, 8))) * var(--spread, 1))) translateY(-28px) scale(1.05);
    box-shadow:0 16px 28px rgba(0,0,0,.3);
  }
  .l29-carta img{width:100%;height:242px;object-fit:cover;flex:0 0 242px;border-radius:9px 9px 0 0}
  .l29-carta .l29-cap{padding:6px 8px 8px;font-size:13px;font-weight:700;line-height:1.15;color:var(--ink);flex:1;background:var(--card);border-radius:0 0 9px 9px}
  .l29-carta .l29-prov{display:block;font-size:10px;font-weight:600;color:var(--muted)}
  .l29-carta .l29-abrir{display:none}
  .l29-carta .l29-idx{pointer-events:auto;position:absolute;top:-22px;left:50%;right:auto;z-index:4;min-width:44px;height:36px;padding:0 8px;
    display:inline-flex;align-items:center;justify-content:center;transform:translateX(-50%);
    font-family:Teko,sans-serif;font-weight:700;font-size:18px;letter-spacing:.02em;
    background:var(--gold-hi);color:var(--ink);border:1px solid var(--card-edge);border-radius:6px;
    box-shadow:0 2px 6px rgba(0,0,0,.2)}
  .l29-carta .l29-idx:hover,.l29-carta .l29-idx:focus-visible{background:var(--paper);outline:2px solid var(--accent2)}
  .l29-lanc-row{grid-template-columns:repeat(3,1fr)}
  .l29-teaser-row,.l29-selos-row{grid-template-columns:repeat(2,1fr)}
  .l29-grade{grid-template-columns:repeat(4,1fr)}
  .l29-foot-grid{grid-template-columns:2fr 1fr 1fr 1fr}
  .l29-prons{grid-template-columns:1fr 1fr}
  .l29-acervo-list{grid-template-columns:repeat(2,1fr)}
  .l29-potes-row{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:801px) and (max-width:1100px){
  .l29-felt-copy h1{font-size:52px}
  .l29-carta{width:170px;height:260px}
  .l29-carta img{height:196px;flex-basis:196px}
  .l29-leque{padding-left:90px}
}
@media (max-width:800px){
  .l29-fold-cta{min-width:0;width:100%;min-height:56px;font-size:20px}
  .l29-page h1{font-size:30px}
}
/* 2026-11-14 23:55 SGT tooling lane: nav links shrink (label ellipsis) instead of sliding under .l29-hcta when the
   brand word + labels are wider than the header (jogo7075 click_audit: nav link covered by A.l29-hcta). No change when it fits. */
.l29-nav a{flex:0 1 auto;min-width:0}
.l29-nav a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l29-mais-wrap{flex:0 0 auto}
.l29-tools{position:relative;z-index:1}

/* follower palette */
:root{--bg:#f7f1e8;--bg2:#ede2d2;--elev:#fffbf4;--paper:#fff7ec;--line:#d5c9b6;--ink:#302514;--ink-soft:#4a3d2a;--muted:#5c6a62;--felt:#5a3e14;--felt-hi:#6e4c1a;--felt-deep:#38270e;--card:#fff9f0;--card-edge:#e4d7c4;--accent2:#3a71c4;--crimson:#3a71c4;--crimson-deep:#2a589c;--gold:#e8961a;--gold-hi:#f0ae4a;--blue:#6e4e1e;--cta-a:var(--accent2);--cta-b:var(--crimson-deep);--cta-ink:#fffbf4;--hot:var(--accent2);--novo:var(--felt-hi);--header:60px}