/* Juegos Games — встраиваемый виджет (палитра sobrejuegos: teal #00d4aa, gold #f5c518, bg #12151b/#1a1e27) */
.je-game-widget{
  --jg-accent:#00d4aa; --jg-accent2:#33f0d8; --jg-gold:#f5c518; --jg-gold2:#ffd84a;
  --jg-bg:#0a0c10; --jg-card:#1a1e27; --jg-border:rgba(255,255,255,.08);
  max-width:1080px; margin:9px auto; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  border-radius:14px; overflow:hidden;   /* единое скругление всего блока (верх+низ), без рассинхрона */
  box-shadow:0 24px 60px -24px rgba(0,0,0,.7);
}

/* Отступы вокруг виджета вдвое меньше — ТОЛЬКО где есть игра (не трогаем спейсинг
   остальных страниц): пустой тема-слот над виджетом и верхний отступ контента под ним. */
.je-after-header-wrap:has(+ .je-game-placement){ padding-top:44px; padding-bottom:12px; }
.je-game-placement + .je-content{ padding-top:32px; }

/* ===== рекламная полоска — СВЕРХУ над игрой ===== */
.je-game-strip{
  display:flex; align-items:stretch; background:var(--jg-card);
  border-bottom:1px solid var(--jg-border);
}
.je-game-strip__link{
  flex:1; display:flex; align-items:center; gap:10px; padding:9px 12px; min-width:0;
  text-decoration:none !important; color:#fff !important;
}
.je-game-strip__link:hover,.je-game-strip__link:focus,.je-game-strip__link:active{ color:#fff !important; text-decoration:none !important; }
.je-game-strip__logo{ width:38px; height:38px; border-radius:8px; object-fit:cover; background:#222; flex:none; }
.je-game-strip__logo:not([src]),.je-game-strip__logo[src=""]{ display:none; }
.je-game-strip__text{ flex:1; min-width:0; font-size:14px; line-height:1.25; color:#fff !important;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.je-game-strip__text b{ color:var(--jg-accent2) !important; font-weight:800; }
.je-game-strip__cta{
  flex:none; align-self:center; padding:8px 16px; border-radius:9px; font-weight:800; font-size:13px;
  text-transform:uppercase; letter-spacing:.03em; color:#06210a !important;
  background:linear-gradient(180deg,var(--jg-gold2),var(--jg-gold)); box-shadow:0 6px 18px -6px rgba(245,197,24,.6);
}
/* кнопка «Pantalla completa» на полоске (как в демо-плеере) */
.je-game-strip__fs{
  flex:none; display:flex; align-items:center; gap:8px; padding:0 16px;
  border:0; border-left:1px solid var(--jg-border); background:transparent; cursor:pointer;
  color:#cfd3da; font-family:inherit; font-size:13px; font-weight:700; white-space:nowrap;
  transition:background .15s,color .15s;
}
.je-game-strip__fs:hover{ color:#fff; background:rgba(255,255,255,.06); }
.je-game-strip__fsicon{ font-size:15px; line-height:1; }
/* убрать синюю рамку выделения после клика (focus) на кнопках/ссылках полоски */
.je-game-strip__fs:focus,.je-game-strip__fs:focus-visible,
.je-game-strip__link:focus,.je-game-strip__link:focus-visible,
.je-game-strip__cta:focus{ outline:none !important; box-shadow:none !important; }
.je-game-widget{ -webkit-tap-highlight-color:transparent; }

/* ===== сцена игры ===== */
.je-game-stage{
  position:relative; width:100%; aspect-ratio:20/9; background:var(--jg-bg);   /* десктоп: ~на 20% ниже, чем 16/9 */
  overflow:hidden;
}
.je-game-frame{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }

/* постер — лёгкая заглушка-фон, пока iframe грузится (без кнопки Play) */
.je-game-poster{
  position:absolute; inset:0; background:#10131a center/cover no-repeat; pointer-events:none;
}
.je-game-poster::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,7,10,.15),rgba(6,7,10,.45)); }

/* mobile / portrait — выше, ближе к квадрату, встраиваемо и листаемо */
@media (max-width:760px){
  .je-game-widget{ margin:10px auto; }
  .je-game-stage{ aspect-ratio:1/1; }   /* мобилка: квадрат — ниже, чем было 4/5 */
  /* мобилка: места мало — убираем лого и название бренда, показываем САМ бонус (в 2 строки) */
  .je-game-strip__logo{ display:none; }
  .je-game-strip__brand,.je-game-strip__sep{ display:none; }
  .je-game-strip__link{ padding:7px 10px; gap:8px; }
  .je-game-strip__text{ font-size:12px; line-height:1.2; white-space:normal;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .je-game-strip__cta{ padding:6px 11px; font-size:11px; }
  .je-game-strip__fs span:not(.je-game-strip__fsicon){ display:none; } /* на узких — только иконка */
  .je-game-strip__fs{ padding:0 10px; }
}

/* fullscreen: виджет на экран; полоска ОСТАЁТСЯ сверху */
.je-game-widget:fullscreen,
.je-game-widget:-webkit-full-screen{
  max-width:none; margin:0; width:100%; height:100%; display:flex; flex-direction:column;
  background:#06070a; border-radius:0;
}
.je-game-widget:fullscreen .je-game-strip,
.je-game-widget:-webkit-full-screen .je-game-strip{ border-radius:0; }
.je-game-widget:fullscreen .je-game-stage,
.je-game-widget:-webkit-full-screen .je-game-stage{ flex:1; aspect-ratio:auto; border-radius:0; }

/* псевдо-фуллскрин (iOS WebKit — нативного element-fullscreen нет): фиксируем виджет на весь вьюпорт */
.je-game-widget--pseudofs{
  position:fixed; inset:0; z-index:99999; max-width:none; margin:0;
  width:100vw; height:100vh; height:100dvh;
  display:flex; flex-direction:column; background:#06070a; border-radius:0;
}
.je-game-widget--pseudofs .je-game-strip{ border-radius:0; }
.je-game-widget--pseudofs .je-game-stage{ flex:1; aspect-ratio:auto; border-radius:0; min-height:0; }
html.je-games-fs-lock, html.je-games-fs-lock body{ overflow:hidden; touch-action:none; }