/* SS123Rota L07 + REAL-LOBBY v2 chrome. Palette already in :root from build. */
:root{--l07e-shadow:0 4px 0 #6a1810;}
body{
  background:
    radial-gradient(1200px 600px at 80% -10%,rgba(255,196,74,.14),transparent 55%),
    radial-gradient(900px 500px at 0% 20%,rgba(225,37,58,.10),transparent 50%),
    var(--bg);
}
.rl2{
  --rl2-accent:var(--gold);
  --rl2-accent2:var(--gold2);
  --rl2-card:var(--bg2);
  --rl2-bg2:#2a120a;
  --rl2-ink:var(--ivory);
  --rl2-muted:var(--muted);
  --rl2-hot:var(--crimson);
  --rl2-glow:0 0 18px rgba(255,196,74,.55);
}
body.rl2-ready .rl2-chips{
  position:relative !important;
  top:auto !important;
  margin:0 !important;
  padding:6px 16px 0;
  background:transparent;
  border:0;
  flex:0 0 40px;
  z-index:4;
}
.l07-top{
  background:linear-gradient(180deg,#1a0a06,var(--bg));
  height:auto;min-height:64px;padding:6px 16px;gap:10px;flex-wrap:nowrap;
}
.l07-top .l07-nav a{display:inline-flex;align-items:center;gap:5px;font-size:12px}
.l07-top .l07-nav a svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;flex:0 0 14px}
.l07-search{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:10px;border:1px solid var(--line);
  color:var(--gold2);background:var(--bg2);flex-shrink:0;
}
.l07-search svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.l07-cta,.l07-mcta,.l07-head-cta,.l07-stick-cta,.l07-btn{
  box-shadow:0 0 24px var(--glow),var(--l07e-shadow);
}
.l07-mcta,.l07-stick-cta{box-shadow:0 0 28px var(--glow),var(--l07e-shadow)}

/* hero 2/3 + stacked promos 1/3, compact so the ranked tiles stay in the 800 fold */
.l07-hero-wrap{
  display:grid;grid-template-columns:2fr 1fr;gap:10px;
  flex:0 0 248px;margin:8px 16px 0;width:auto;height:248px;
}
.l07-hero-wrap .l07-carousel{height:248px}
.l07-h1{font-size:40px;margin-bottom:10px;line-height:1.05}
.l07-hero-copy{width:70%;padding:18px 24px;padding-right:28px}
.l07-hero-plate{width:180px;right:10px;bottom:8px;z-index:3;pointer-events:none}
.l07-hero-plate img{width:180px;height:180px}
.l07-hero-stack{display:flex;flex-direction:column;gap:8px;min-height:0;height:248px}
.l07-hero-stack a{
  position:relative;flex:1;border-radius:12px;overflow:hidden;
  border:1px solid var(--line);min-height:0;display:block;color:inherit;text-decoration:none;
}
.l07-hero-stack img{width:100%;height:100%;object-fit:cover}
.l07-hero-stack strong{
  position:absolute;left:10px;bottom:8px;font-family:"Chakra Petch",sans-serif;
  font-size:16px;color:var(--gold2);text-shadow:0 2px 8px #000;
}
/* arrows sit on the lower edge; dots stay clear of .l07-prev at left:10px */
.l07-prev,.l07-next{top:auto;bottom:10px;transform:none;z-index:4}
.l07-next{right:14px}
.l07-dots{bottom:14px;left:56px}

/* denser 5-col rank kept inside the fold */
.l07-rank{flex:0 0 150px;padding:6px 16px 0}
.l07-rank-row{grid-template-columns:repeat(5,1fr);gap:8px}
.l07-rank-card img{height:92px}
.l07-rank-card{min-height:118px}
.l07-ticker-fold{flex:0 0 28px;line-height:28px;font-size:12px}

/* clickable tiles */
a.l07-tile,a.l07-rank-card,a.l07-key,a.l07-promo{
  color:inherit;text-decoration:none;display:block;position:relative;
}
a.l07-tile .name,a.l07-rank-card .name,a.l07-key .name{min-width:80%;display:block;white-space:normal}
.l07-prov{display:block;font-size:10px;color:var(--muted);letter-spacing:.04em;margin-top:1px}
.l07-jogar{
  position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);
  opacity:0;pointer-events:none;
  background:linear-gradient(180deg,var(--gold2),var(--gold) 46%,var(--gold3));
  color:var(--cta-ink);font-family:"Chakra Petch",sans-serif;font-weight:700;
  font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  border-radius:999px;padding:6px 14px;box-shadow:0 0 16px var(--glow);
}
a.l07-tile:hover .l07-jogar,a.l07-rank-card:hover .l07-jogar,a.l07-key:hover .l07-jogar{opacity:1}

.l07-provs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}
.l07-provs a{
  border:1px solid var(--line);border-radius:999px;padding:6px 12px;
  color:var(--ivory);font-size:12px;font-weight:600;background:var(--bg2);
}
.l07-provs a:hover{border-color:var(--gold3);color:var(--gold2)}

.l07-foot-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:22px;align-items:start}
.l07-foot-col h3{font-family:"Chakra Petch",sans-serif;color:var(--gold2);font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
.l07-foot-col a{display:block;padding:3px 0;color:var(--gold2)}
.l07-foot-legal{grid-column:1/-1;display:grid;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
.rl2-credit{font-size:12px;color:var(--muted);margin:10px 0 0;grid-column:1/-1}

.l07-mhead,.l07-inner-head,.l07-foot,.l07-jackpot{background:#0e0806}
.l07-key figcaption,.l07-mtiles figcaption,.l07-rank-card figcaption,.l07-tile figcaption{background:#2a120a}

.l07-rota-card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;cursor:default;color:inherit;text-decoration:none}
a.l07-rota-card{cursor:pointer;color:inherit;text-decoration:none}
.l07-rota-card.is-hidden{display:none}
.ss-marca{flex:0 0 auto}

.l07-nav-drawer a{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:44px;height:auto;line-height:1.2}
.l07-nav-drawer a svg,.l07-nav-drawer button svg{width:18px;height:18px;flex:0 0 18px;max-width:18px;max-height:18px;overflow:hidden}
.l07-nav-drawer{align-items:stretch}

/* Avaliações */
.l07-av-board{display:grid;grid-template-columns:repeat(1,1fr);gap:12px;margin:12px 0 22px}
@media (min-width:801px){.l07-av-board{grid-template-columns:1fr 1fr}}
a.l07-av-unit{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);
  border-radius:14px;background:var(--bg2);color:inherit;text-decoration:none;isolation:isolate}
a.l07-av-unit:hover{border-color:var(--gold3);color:inherit}
.l07-av-mark,.l07-av-unit .rl-mark{flex:0 0 72px;width:72px;height:72px}
.l07-av-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.l07-av-copy small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.l07-av-copy strong{font-family:"Chakra Petch",sans-serif;color:var(--gold2);font-size:18px}
.l07-av-copy em{font-style:normal;color:var(--ivory);font-size:14px}
.l07-av-notas{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0}
.l07-av-notas li{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:8px;padding:4px 8px;background:var(--bg3);min-width:7.2em}
.l07-av-notas span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.l07-av-notas b{font-size:13px;color:var(--gold);font-family:"Chakra Petch",sans-serif}
.l07-av-go{margin-top:6px;font-size:13px;font-weight:700;color:var(--gold)}
.l07-av-rubric{width:100%;border-collapse:collapse;margin:12px 0;background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.l07-av-rubric caption{text-align:left;font-family:"Chakra Petch",sans-serif;color:var(--gold2);font-size:16px;padding:8px 0}
.l07-av-rubric th,.l07-av-rubric td{border-top:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;font-size:14px}
.l07-av-rubric thead th{background:#2a120a;color:var(--gold2);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.l07-av-note{font-size:13px;color:var(--muted);margin:0 0 16px}
.l07-av-split{display:grid;gap:14px;margin:12px 0 18px}
@media (min-width:801px){.l07-av-split{grid-template-columns:1fr 1fr}}
.l07-av-col{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px}
.l07-av-col h2{margin-top:0}
.l07-av-block{margin:8px 0 0}
.l07-av-home{margin:28px 0}

.l07-grade-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 24px}
@media (min-width:801px){.l07-grade-wrap{grid-template-columns:repeat(4,1fr)}}
a.l07-grade-card{display:block;color:inherit;text-decoration:none;background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative}
a.l07-grade-card img{width:100%;height:160px;object-fit:cover;display:block}
a.l07-grade-card span{display:block;padding:8px 10px 10px}
a.l07-grade-card .name{font-family:"Chakra Petch",sans-serif;color:var(--gold2);font-size:14px}
a.l07-grade-card .prov{font-size:11px;color:var(--muted)}

@media (max-width:800px){
  .l07-hero-wrap,.l07-desk .rl2-chips,.l07-jp-home,.l07-fold-row,.l07-visor{display:none}
  .l07-foot-inner{grid-template-columns:1fr 1fr}
  .l07-mhero h1{font-size:28px;line-height:1.08;max-height:calc(1.08em * 3);overflow:hidden}
  .l07-mtiles .l07-key img,.l07-key img{height:132px}
  .l07-jogar{opacity:0}
  .l07-foot{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
  /* chips stay out of the first mobile fold — H1 then CTA then tiles first */
  .l07-mfold .rl2-chips{display:none}
  .l07-only-m{display:block}
}
@media (min-width:801px){
  .l07-search{display:inline-flex}
  .l07-mfold .rl2-chips,.l07-only-m{display:none}
}