/* OwlCount — překryv plnohodnotné aplikace (trénink i škola počítání).
   Stejný jazyk jako trenažér základní strategie: tmavé rozmazané pozadí,
   okno s hlavičkou, tlačítko celé obrazovky. */

.bjo-overlay{
  position:fixed; inset:0; z-index:200;
  background:rgba(8,8,20,.74); backdrop-filter:blur(5px);
  display:none; align-items:center; justify-content:center; padding:12px;
}
.bjo-overlay.open{ display:flex; }
body.oc-modal-open{ overflow:hidden; }

.bjo-win{
  position:relative;
  background:radial-gradient(ellipse at 50% -8%, rgba(99,102,241,.14), transparent 60%), var(--panel);
  border:1px solid var(--border); border-radius:18px;
  width:min(1180px,100%); max-height:96vh;
  display:flex; flex-direction:column; overflow:hidden;
  box-shadow:0 26px 74px rgba(0,0,0,.6);
}
.bjo-win:fullscreen, .bjo-win.fs{
  width:100vw; height:100vh; max-height:none; border-radius:0; border:none;
}

.bjo-head{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:11px 16px; border-bottom:1px solid var(--border);
  background:rgba(0,0,0,.22);
}
.bjo-title{ display:flex; align-items:center; gap:9px; font-weight:800; font-size:15px; color:var(--text); }
.bjo-title img{ width:22px; height:22px; }
.bjo-znacka{
  font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; font-weight:800;
  color:var(--accent); background:rgba(99,102,241,.16);
  padding:3px 8px; border-radius:6px;
}
.bjo-head-spacer{ flex:1; }
.bjo-icobtn{
  background:var(--btn-bg); border:1px solid var(--border); color:var(--text);
  width:34px; height:34px; border-radius:9px; cursor:pointer; font-size:15px; line-height:1;
  display:flex; align-items:center; justify-content:center; transition:background .15s;
}
.bjo-icobtn:hover{ background:var(--btn-bg-hover); }
.bjo-fsbtn{ width:auto; padding:0 12px; gap:7px; border-color:var(--accent); color:var(--link); font-weight:700; font-size:13px; }
.bjo-win.fs .bjo-fslabel{ display:none; }

.bjo-body{ flex:1; overflow:auto; padding:14px 16px 18px; }
.bjo-win.fs .bjo-body{ display:flex; flex-direction:column; justify-content:center; }

/* Spouštěcí karty (na stránkách) */
.bjo-spustit{
  display:inline-flex; align-items:center; gap:10px;
  background:linear-gradient(135deg,#3fbf6e,#2f9d57); color:#052b13;
  border:none; border-radius:12px; padding:13px 22px;
  font:inherit; font-weight:800; font-size:16px; cursor:pointer;
  box-shadow:0 6px 20px rgba(74,222,128,.45);
  animation:bjoDych 1.9s ease-in-out infinite;
}
.bjo-spustit img{ width:24px; height:24px; }
.bjo-spustit:hover{ filter:brightness(1.08); text-decoration:none; color:#fff; }
@keyframes bjoDych{
  0%,100%{ transform:scale(1); box-shadow:0 6px 20px rgba(74,222,128,.45); }
  50%    { transform:scale(1.032); box-shadow:0 9px 30px rgba(74,222,128,.8); }
}
@media(prefers-reduced-motion:reduce){ .bjo-spustit{ animation:none; } }