/* ============================================================
   KÖR VÉGE LAP (js/result.js, 2026-10-06 – Kristóf: „csupaszítsd le… legyen nagyobb a popup és akár görgethető”)
   Felül a jutalom és EGY fő gomb, ami továbbvisz; alatta a Méhesd-sor és egy nyitott tanulókártya; alul kicsiben a többi.
   A panel nagyobb, és magában görget (a háttér nem mozdul); telefonon szinte a teljes képernyő.
   ============================================================ */
#leBox { width:min(640px, 100%); max-height:calc(100dvh - 24px); overflow-y:auto; overscroll-behavior:contain;
  padding:var(--sp-4) var(--sp-4) var(--sp-3); display:flex; flex-direction:column; gap:var(--sp-3); }
#leBox:focus { outline:none; }
#leBox .ds-result { gap:var(--sp-2); }
#leBox .ds-result-bee { --size:88px; }
#leBox .ds-stars.is-big { --size:44px; }
#leBox .ds-result-actions { margin-top:var(--sp-2); }
/* hosszú mérőszám-felirat (pl. Fenntartható otthonom: „817 605 Ft megtakarítás egy évben, ha minden ökos”) keskeny
   telefonon kilógott a kártyából: a chip legfeljebb kártya-széles, a felirata tördelődik, a szám egyben marad (2. átvilágítás) */
#leBox .ds-result-stat { max-width:100%; white-space:normal; flex-wrap:wrap; justify-content:center; row-gap:2px; text-align:center; }
#leBox .ds-result-stat b { white-space:nowrap; }
#leBox .le-fo { min-height:56px; font-size:var(--fs-l); }

/* a Méhesd-sor: egy sor, gomb nélkül (a továbblépés a fő gomb) */
.le-mehesd:empty { display:none; }
.le-mehesd .mhKor { margin:0; border-radius:var(--r-m); }

/* tanulókártya: a kör legfontosabb tanulsága nyitva – a játék első „more” része */
.le-tanul { padding:var(--sp-3); border-radius:var(--r-m); background:var(--surface); border:var(--line-w) solid var(--line); text-align:left; }
.le-tanul h3 { display:flex; align-items:center; gap:8px; margin:0 0 var(--sp-2); font:400 var(--fs-l)/1.15 var(--display); }
.le-tanul h3 .pic { width:24px; height:24px; flex:none; }
.le-tanul p { margin:0 0 var(--sp-2); line-height:1.5; } .le-tanul p:last-child { margin-bottom:0; }

/* alul, kicsiben: Újra · Menü, a ranglista egy sorban, „Bővebben” */
.le-also { display:flex; flex-direction:column; gap:var(--sp-2); align-items:stretch; }
.le-gombok { display:flex; flex-wrap:wrap; gap:var(--sp-2); justify-content:center; }
.le-lb { margin:0; display:flex; gap:6px; align-items:center; justify-content:center; flex-wrap:wrap; font-size:var(--fs-s); color:var(--ink-soft); text-align:center; }
.le-lb .pic { width:18px; height:18px; flex:none; }
.le-link { font:inherit; font-weight:700; color:var(--ink); background:none; border:0; padding:6px 4px; min-height:var(--tap);
  text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:3px; text-underline-offset:4px; cursor:pointer; }
.le-tobb { text-align:left; }
.le-tobb h4 { display:flex; align-items:center; gap:6px; margin:var(--sp-2) 0 6px; font:700 var(--fs-m)/1.2 var(--body); }
.le-tobb h4:first-child { margin-top:0; }

@media (max-width:520px){
  #leBox { max-height:calc(100dvh - 12px); padding:var(--sp-3); border-radius:var(--r-l); }
  #leBox .ds-result-bee { --size:64px; }
  #leBox .ds-result-title { font-size:var(--fs-xl); }
}