/* L15 — roda das salas + letreiro de lâmpadas + filme com quadros + cartelas raspáveis + faixa de 8 */
:root{
  --bg:#07070A;--bg2:#121217;--elev:#1C1C24;--line:#34343F;
  --acc:#F28A12;--acc-hi:#FFB347;--gold:#F7C23A;--lime:#4CD137;
  --ink:#FFF8EE;--muted:#B8B2A6;--cta-ink:#160A00;--hot:#FF4D3D;--novo:#4CD137;
  --header:64px;--r:16px;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;font-family:Nunito,system-ui,sans-serif;line-height:1.55;color:var(--ink);
  background:radial-gradient(700px 420px at 50% -80px,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%),
  repeating-linear-gradient(120deg,rgba(255,255,255,.012) 0 14px,transparent 14px 28px),var(--bg);
  padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
img{display:block;max-width:100%;height:auto}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--acc-hi)}
button{font:inherit;cursor:pointer;color:inherit}
h1,h2,h3{font-family:Bungee,Nunito,sans-serif;font-weight:400;letter-spacing:.01em;line-height:1.15}
.is-hide{display:none!important}

/* ===== header ===== */
.l15-topbar{position:sticky;top:0;z-index:60;height:var(--header);display:flex;align-items:center;gap:12px;padding:0 14px;
  background:linear-gradient(180deg,#000,rgba(7,7,10,.96));border-bottom:2px solid color-mix(in srgb,var(--acc) 55%,transparent)}
.l15-marca{display:flex;align-items:center;gap:9px;color:inherit;min-width:0}
.l15-marca img{width:60px;height:60px;flex:0 0 60px;border-radius:14px;object-fit:contain}
.l15-nome{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.l15-nome strong{font-family:Bungee,sans-serif;font-weight:400;font-size:15px;color:var(--acc-hi);white-space:nowrap}
.l15-nome em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--lime);white-space:nowrap}
.l15-menu{display:none;align-items:center;gap:2px;flex:1;justify-content:center;min-width:0}
.l15-menu a{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap}
.l15-menu a svg{width:16px;height:16px;flex:0 0 16px;color:var(--acc)}
.l15-menu a[aria-current="page"],.l15-menu a:hover{background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc-hi)}
.l15-acoes{display:flex;align-items:center;gap:8px;margin-left:auto}
.l15-lupa,.l15-gaveta-abre{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
  border:1px solid var(--line);background:var(--elev);color:var(--ink)}
.l15-lupa svg,.l15-gaveta-abre svg{width:18px;height:18px}
.l15-lupa{display:none}
.l15-hcta{display:none;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:999px;font-weight:800;font-size:13.5px;
  background:linear-gradient(180deg,var(--acc-hi),var(--acc));color:var(--cta-ink)!important;box-shadow:0 0 16px color-mix(in srgb,var(--acc) 50%,transparent)}
.l15-gaveta{position:fixed;inset:0;z-index:90}
.l15-gaveta[hidden]{display:none}
.l15-gaveta-fundo{position:absolute;inset:0;background:#000b}
.l15-gaveta-pan{position:absolute;top:0;left:0;height:100%;width:min(320px,86vw);background:var(--bg2);border-right:2px solid var(--acc);
  padding:16px;display:flex;flex-direction:column;gap:6px;overflow:auto}
.l15-gaveta-nav{display:flex;flex-direction:column;gap:6px}
.l15-gaveta-pan a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:var(--ink);font-weight:700}
.l15-gaveta-pan a svg{width:18px;height:18px;flex:0 0 18px;color:var(--acc)}
.l15-gaveta-pan .l15-hcta{display:flex;margin-top:8px}
.l15-gaveta-x{align-self:flex-end;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--elev);display:inline-flex;align-items:center;justify-content:center}
.l15-gaveta-x svg{width:18px;height:18px}

/* ===== tiles ===== */
.l15-peca,.l15-mpeca{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;border-radius:14px;overflow:hidden;
  background:var(--elev);border:1px solid var(--line);color:inherit;transition:transform .15s,border-color .15s}
.l15-peca:hover,.l15-mpeca:hover{transform:translateY(-2px);border-color:var(--acc)}
.l15-peca img,.l15-mpeca img{width:100%;aspect-ratio:1;object-fit:cover}
.l15-legenda{display:flex;flex-direction:column;padding:6px 8px 7px;font-size:12px;font-weight:800;line-height:1.2;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l15-legenda small{font-size:10px;font-weight:700;color:var(--muted)}
.l15-selo{position:absolute;top:6px;right:6px;z-index:2;font-size:10px;font-weight:900;letter-spacing:.06em;padding:2px 7px;border-radius:999px}
.l15-selo-hot{background:var(--hot);color:#fff}
.l15-selo-novo{background:var(--novo);color:#062000}
.l15-abrir{position:absolute;inset:0 0 auto 0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:Bungee,sans-serif;
  font-size:15px;color:var(--cta-ink);background:color-mix(in srgb,var(--acc) 78%,transparent);opacity:0;transition:opacity .15s}
.l15-peca:hover .l15-abrir{opacity:1}
.l15-mpeca .l15-abrir{display:none}

/* ===== mobile first screen ===== */
.l15-foldwrap{display:none}
.l15-mfold{padding:10px 12px 6px}
.l15-mhero h1{margin:0 0 10px;font-size:25px;line-height:1.14}
.l15-mhero h1 span{display:block}
.l15-mhero h1 span:last-child{color:var(--acc-hi)}
.l15-m-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border-radius:999px;margin-bottom:12px;
  font-weight:900;font-size:19px;background:linear-gradient(180deg,var(--acc-hi),var(--acc));color:var(--cta-ink)!important;
  box-shadow:0 0 22px color-mix(in srgb,var(--acc) 55%,transparent),inset 0 -3px 0 rgba(0,0,0,.18)}
.l15-mgrade{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.l15-msalas{display:flex;gap:6px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}
.l15-msala,.l15-pestudio,.l15-ordenar{flex:0 0 auto;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--elev);font-weight:800;font-size:12.5px;white-space:nowrap}
.l15-msala.is-on,.l15-pestudio.is-on,.l15-ordenar.is-on{background:var(--acc);border-color:var(--acc);color:var(--cta-ink)}
.is-flash{outline:2px solid var(--lime);outline-offset:2px}
.l15-fixo{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.9) 35%)}
.l15-fixo a{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:999px;font-weight:900;font-size:18px;
  background:linear-gradient(180deg,var(--acc-hi),var(--acc));color:var(--cta-ink)!important;box-shadow:0 0 18px color-mix(in srgb,var(--acc) 45%,transparent)}

/* ===== shared blocks ===== */
.l15-abaixo,.l15-pagina{max-width:1180px;margin:0 auto;padding:16px 14px 28px}
.l15-nota{color:var(--muted);font-size:13.5px}
.l15-sobre{margin:0 0 4px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.l15-letreiro{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r);
  background:linear-gradient(180deg,#17110a,#0b0806);border:2px solid color-mix(in srgb,var(--acc) 60%,transparent);
  box-shadow:inset 0 0 0 6px #0b0806,inset 0 0 0 8px color-mix(in srgb,var(--gold) 35%,transparent)}
.l15-letreiro::before{content:"";position:absolute;inset:3px;border-radius:13px;pointer-events:none;
  background:radial-gradient(circle,var(--gold) 0 2.2px,transparent 2.8px) 0 0/16px 16px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;opacity:.85}
.l15-letreiro h1{margin:0;font-size:26px}
.l15-letreiro h1 span{display:block}
.l15-letreiro h1 span:last-child{color:var(--acc-hi)}
.l15-cta-grande{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-width:248px;min-height:64px;padding:0 26px;border-radius:999px;
  font-weight:900;font-size:20px;background:linear-gradient(180deg,var(--acc-hi),var(--acc));color:var(--cta-ink)!important;
  box-shadow:0 0 26px color-mix(in srgb,var(--acc) 60%,transparent),inset 0 -4px 0 rgba(0,0,0,.2)}
.l15-pagina .l15-letreiro{margin:8px 0 6px}
.l15-pagina .l15-cta-grande{align-self:flex-start}
.l15-fecho{margin:24px 0 8px}
.l15-trilha{font-size:13px;color:var(--muted);margin:4px 0}
.l15-pagina h2{font-size:20px;margin:24px 0 8px;color:var(--acc-hi)}

/* roda */
.l15-roda-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.l15-roda{position:relative;width:296px;height:296px;flex:0 0 296px}
.l15-aro{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from -22.5deg,var(--acc) 0 45deg,#22160a 45deg 90deg,var(--gold) 90deg 135deg,#22160a 135deg 180deg,var(--acc) 180deg 225deg,#22160a 225deg 270deg,var(--gold) 270deg 315deg,#22160a 315deg 360deg);
  opacity:.28;border:3px solid var(--gold);box-shadow:0 0 28px color-mix(in srgb,var(--acc) 35%,transparent),inset 0 0 40px #000}
.l15-eixo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:172px;height:172px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#000;border:3px solid var(--gold);z-index:3}
.l15-eixo img{width:160px;height:160px;min-width:160px;border-radius:50%;object-fit:cover}
.l15-eixo span{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9.5px;font-weight:900;letter-spacing:.06em;
  text-transform:uppercase;background:var(--lime);color:#062000;padding:2px 8px;border-radius:999px}
.l15-gomo{position:absolute;transform:translate(-50%,-50%);z-index:2;width:64px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  border-radius:14px;border:1px solid var(--line);background:rgba(10,8,6,.92);color:var(--ink);font-size:10px;font-weight:900;line-height:1.05;text-align:center;padding:2px}
.l15-gomo svg{width:18px;height:18px;color:var(--acc)}
.l15-gomo.is-on,.l15-gomo:hover{background:var(--acc);border-color:var(--gold);color:var(--cta-ink)}
.l15-gomo.is-on svg,.l15-gomo:hover svg{color:var(--cta-ink)}
.l15-roda.is-girando .l15-aro{transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.l15-girar{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--gold);background:#120c05;font-weight:900;font-size:13px;color:var(--gold)}
.l15-girar svg{width:16px;height:16px}

/* placar: bolas do sorteio */
.l15-placar{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
.l15-sorteio,.l15-sorteiobox{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 5px;border-radius:999px;background:#0d0d10;border:1px solid var(--line);color:var(--ink)}
.l15-sorteio:hover{border-color:var(--acc)}
.l15-bola{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Bungee,sans-serif;font-size:14px;
  color:var(--cta-ink);background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--acc-hi) 30%,var(--acc) 70%,#7a3a00 100%);box-shadow:0 0 10px color-mix(in srgb,var(--acc) 45%,transparent)}
.l15-placar>:nth-child(2) .l15-bola{background:radial-gradient(circle at 35% 30%,#fff 0 12%,#ffe58a 30%,var(--gold) 70%,#6a4c00 100%)}
.l15-placar>:nth-child(3) .l15-bola{background:radial-gradient(circle at 35% 30%,#fff 0 12%,#a6f59a 30%,var(--lime) 70%,#0d4a00 100%)}
.l15-placar>:nth-child(4) .l15-bola{background:radial-gradient(circle at 35% 30%,#fff 0 12%,#ddd 30%,#9a9a9a 70%,#333 100%)}
.l15-bola-txt{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}
.l15-bola-txt strong{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.l15-bola-txt em{font-style:normal;font-size:10px;font-weight:800;color:var(--muted);white-space:nowrap}
.l15-pagina .l15-placar{max-width:560px;margin:14px 0}
.l15-pagina .l15-bola-txt strong,.l15-pagina .l15-bola-txt em{font-size:13px}
.l15-pagina .l15-bola{flex-basis:44px;width:44px;height:44px;font-size:18px}

/* filme */
.l15-filme{display:flex;flex-direction:column;gap:8px;min-height:0}
.l15-tela{position:relative;flex:1;min-height:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#000}
.l15-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s}
.l15-slide.is-on{opacity:1;pointer-events:auto}
.l15-slide img{width:100%;height:100%;object-fit:cover}
.l15-trilho{display:flex;align-items:center;gap:8px;flex:0 0 62px}
.l15-seta{flex:0 0 36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--elev);display:inline-flex;align-items:center;justify-content:center}
.l15-seta svg{width:18px;height:18px}
.l15-quadro{position:relative;flex:1;height:58px;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:#000;padding:0}
.l15-quadro img{width:100%;height:100%;object-fit:cover;opacity:.55}
.l15-quadro span{position:absolute;left:8px;bottom:5px;font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 3px #000}
.l15-quadro.is-on{border-color:var(--lime)}
.l15-quadro.is-on img{opacity:1}

/* cartelas raspáveis */
.l15-cartelas{display:grid;gap:10px}
.l15-cartela{position:relative;isolation:isolate;display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);color:#fff;min-height:0}
.l15-cartela img{width:100%;height:100%;object-fit:cover}
.l15-folha{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:10px 60% 10px 12px;
  font-family:Bungee,sans-serif;font-size:12px;line-height:1.1;color:#2a2a2a;
  background:repeating-linear-gradient(135deg,#c9c9c9 0 6px,#e8e8e8 6px 12px);
  clip-path:polygon(0 0,62% 0,30% 100%,0 100%);transition:clip-path .45s ease}
.l15-cartela:hover .l15-folha,.l15-cartela:focus-visible .l15-folha{clip-path:polygon(0 0,0 0,0 100%,0 100%)}
.l15-cartela h2{position:absolute;z-index:2;left:0;right:0;bottom:0;margin:0;padding:22px 12px 9px;font-size:15px;color:#fff;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))}
.l15-pagina .l15-cartelas{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:14px 0}
.l15-pagina .l15-cartela{aspect-ratio:16/9}

/* below the fold */
.l15-estudios h2,.l15-ordem h2,.l15-duelo h2,.l15-viradas h2{font-size:20px;margin:22px 0 8px;color:var(--acc-hi)}
.l15-estudios-run{display:flex;flex-wrap:wrap;gap:8px}
.l15-estudio{padding:8px 14px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--gold) 60%,transparent);color:var(--gold);font-weight:900;font-size:13px}
.l15-estudio:hover{background:color-mix(in srgb,var(--gold) 14%,transparent)}
.l15-ordem-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px;counter-reset:none}
.l15-ordem-lista a{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;background:var(--elev);border:1px solid var(--line);color:var(--ink)}
.l15-ordem-lista a:hover{border-color:var(--acc)}
.l15-ordem-lista b{font-family:Bungee,sans-serif;font-weight:400;font-size:26px;color:var(--acc);min-width:44px}
.l15-ordem-lista img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.l15-ordem-lista span{display:flex;flex-direction:column;font-weight:800}
.l15-ordem-lista small{color:var(--muted);font-weight:700}
.l15-vertudo{font-weight:900}
.l15-ringue{display:grid;grid-template-columns:1fr;gap:10px;position:relative}
.l15-lado{position:relative;isolation:isolate;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--r);background:var(--elev);border:1px solid var(--line);color:var(--ink)}
.l15-lado:hover{border-color:var(--acc)}
.l15-lado.is-off{display:none}
.l15-lado h3{margin:0 0 4px;font-size:15px;color:var(--gold)}
.l15-lado p{margin:0;font-size:14px}
.l15-brasao{width:72px;height:72px;flex:0 0 72px;border-radius:14px;object-fit:contain;background:#000}
.l15-brasao-g{width:120px;height:120px;flex:0 0 120px}
.l15-sigla{width:72px;height:72px;flex:0 0 72px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#000;border:2px solid var(--gold);
  font-family:Bungee,sans-serif;color:var(--gold);font-size:14px}
.l15-trocar{margin-top:10px;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--acc);background:transparent;color:var(--acc-hi);font-weight:900}
.l15-trocar svg{width:16px;height:16px}
.l15-viradas-grade{display:grid;grid-template-columns:1fr;gap:10px}
.l15-virada{position:relative;min-height:110px;text-align:left;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--elev);font-size:14px}
.l15-frente{display:block;font-weight:900;color:var(--ink)}
.l15-frente::after{content:" ↻";color:var(--acc)}
.l15-verso{display:none;color:var(--muted)}
.l15-virada[aria-pressed="true"]{background:#120c05;border-color:var(--acc)}
.l15-virada[aria-pressed="true"] .l15-frente{display:none}
.l15-virada[aria-pressed="true"] .l15-verso{display:block;color:var(--ink)}

/* catalog page */
.l15-busca{width:100%;height:46px;border-radius:999px;border:1px solid var(--line);background:#0e0e12;color:var(--ink);padding:0 18px;font-size:15px;margin:8px 0}
.l15-filtros{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.l15-provs,.l15-ordens{display:flex;flex-wrap:wrap;gap:6px}
.l15-msalas-on{padding-top:0}
.l15-mosaico{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.l15-vazio{color:var(--muted);font-weight:700}

/* reviews */
.l15-ficha-topo{display:flex;gap:14px;align-items:center;margin:12px 0}
.l15-rolar{overflow-x:auto}
.l15-notas{width:100%;border-collapse:collapse;font-size:14px}
.l15-notas th,.l15-notas td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.l15-notas thead th{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.l15-prosecontras{display:grid;grid-template-columns:1fr;gap:12px}
.l15-prosecontras>div{padding:6px 14px;border-radius:var(--r);background:var(--elev);border:1px solid var(--line)}
.l15-acervo{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}
.l15-verbete{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:14px;background:var(--elev);border:1px solid var(--line);color:var(--ink)}
.l15-verbete.is-link{border-color:color-mix(in srgb,var(--acc) 55%,transparent)}
.l15-verbete span{display:flex;flex-direction:column;min-width:0}
.l15-verbete small{color:var(--muted);font-size:12px;font-weight:700}
.l15-verbete em{font-style:normal;font-size:13px}
.l15-hubmarca{width:48px;height:48px;flex:0 0 48px;border-radius:10px;object-fit:contain;background:#000}
.l15-verbete .l15-sigla{width:48px;height:48px;flex:0 0 48px;font-size:11px}
.l15-mais{height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--acc);background:transparent;color:var(--acc-hi);font-weight:900}

/* footer */
.l15-rodape{border-top:2px solid color-mix(in srgb,var(--acc) 45%,transparent);background:#040405;padding:24px 14px 10px;margin-top:20px}
.l15-rodape-grade{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px;font-size:13.5px;color:var(--muted)}
.l15-rodape h2{font-size:14px;color:var(--acc-hi);margin:0 0 8px}
.l15-rodape a{display:block;padding:4px 0;color:var(--ink);font-weight:700}
.l15-18{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--hot);color:var(--hot);font-weight:900;margin-right:8px}
.l15-credito{max-width:1180px;margin:12px auto 0;font-size:12px;color:var(--muted)}

/* ===== desktop ===== */
@media (min-width:801px){
  body{padding-bottom:0}
  .l15-fixo,.l15-gaveta-abre,.l15-mfold{display:none}
  .l15-menu{display:flex}
  .l15-lupa,.l15-hcta{display:inline-flex}
  .l15-home .l15-foldwrap{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;height:calc(800px - var(--header));padding:10px 16px 12px;overflow:hidden}
  .l15-topo{display:grid;grid-template-columns:300px minmax(0,1fr) 250px;gap:12px;min-height:0}
  .l15-col-roda{display:flex;flex-direction:column;gap:10px;min-height:0;padding:8px 2px 0;border-radius:var(--r);
    background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--acc) 10%,transparent),transparent 70%)}
  .l15-col-centro{display:flex;flex-direction:column;gap:10px;min-height:0}
  .l15-col-centro .l15-letreiro{flex:0 0 auto;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 18px}
  .l15-col-centro .l15-letreiro h1{font-size:23px}
  .l15-col-centro .l15-cta-grande{min-width:244px;padding:0 20px;font-size:19px}
  .l15-col-centro .l15-filme{flex:1}
  .l15-col-cartelas .l15-cartelas{height:100%;grid-template-rows:repeat(3,minmax(0,1fr))}
  .l15-faixa{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
  .l15-faixa .l15-vazio{grid-column:1/-1;margin:0}
  .l15-abaixo .l15-ordem-lista{grid-template-columns:1fr 1fr}
  .l15-ringue{grid-template-columns:1fr 1fr}
  .l15-ringue::after{content:"×";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;
    background:var(--acc);color:var(--cta-ink);font-family:Bungee,sans-serif;display:flex;align-items:center;justify-content:center;pointer-events:none}
  .l15-viradas-grade{grid-template-columns:1fr 1fr}
  .l15-mosaico{grid-template-columns:repeat(8,1fr)}
  .l15-acervo{grid-template-columns:repeat(3,1fr)}
  .l15-prosecontras{grid-template-columns:1fr 1fr}
  .l15-rodape-grade{grid-template-columns:2fr 1fr 1fr 1fr}
  .l15-pagina .l15-letreiro{flex-direction:row;align-items:center;justify-content:space-between}
  .l15-pagina .l15-cta-grande{align-self:center}
  .l15-pagina .l15-roda-wrap{margin:20px 0}
}

:root{--bg:#021201;--bg2:#0A1E08;--elev:#143214;--line:#2E5A22;--acc:#77C326;--acc-hi:#B8EC6A;--gold:#E6D48A;--lime:#8FDB4A;--ink:#F9F7EE;--muted:#A8B890;--cta-ink:#061200}

/* jogo9606: 8 2-col tiles + captions above sticky CTA at 390x844 (L15 LESSONS, sp111clube) */
@media (max-width: 800px) {
  .l15-mpeca img {
    aspect-ratio: auto;
    height: 88px;
    object-fit: cover;
  }
  .l15-mfold { padding-bottom: 0; }
  .l15-mhero h1 { font-size: 23px; margin-bottom: 8px; }
  .l15-m-cta { margin-bottom: 8px; }
  .l15-mgrade { gap: 7px; }
  .l15-legenda { padding: 4px 7px 5px; }
}