/* A compact Briskysoft signature that stays distinct from every game theme. */
body .bs-credit, body footer[data-credit-host] > .bs-credit {
  display: inline-flex; align-items: center; justify-content: center; flex-wrap: nowrap;
  gap: 9px; max-width: 100%; min-height: 44px; flex: 0 0 auto; grid-column: 1 / -1;
  padding: 0 5px 0 7px; box-sizing: border-box; border-radius: 999px;
  background: linear-gradient(145deg, #1d1c1b, #0d1117); color: #d6dde7;
  box-shadow: 0 0 0 1px #ff8a474d, 0 7px 20px #00000038;
  font: 600 11px/1.5 Arial, sans-serif; letter-spacing: .035em;
  text-transform: none; text-align: center; white-space: nowrap;
}
body .bs-credit-mark {
  display: block; width: 26px; height: 26px; flex: 0 0 26px;
  border-radius: 7px; background: #111 url("./briskysoft-logo.png") center/cover no-repeat;
  box-shadow: 0 0 0 1px #ffffff1f;
}
body .bs-credit > [lang] { color: #aeb9c7; }
body .bs-credit .bs-credit-arrow { color: #ff9a5c; transition: transform .16s ease; }
body .bs-credit a:hover .bs-credit-arrow { transform: translate(1px, -1px); }
@media (prefers-reduced-motion: reduce) {
  body .bs-credit .bs-credit-arrow { transition: none; }
}
body .bs-credit a {
  display: inline-flex; align-items: center; gap: 7px; min-height: 44px;
  padding: 0 10px 0 5px; color: #f8fbff; font: 800 12px/1.5 Arial, sans-serif;
  text-decoration: none; letter-spacing: .015em; border: 0; background: none; border-radius: 999px;
  transition: color .16s ease, background-color .16s ease;
}
body .bs-credit a:hover { color: #ffd6bd; background: #ff8a4714; }
body .bs-credit a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
html:not([lang^="th"]) .bs-credit [lang="en"], html[lang^="th"] .bs-credit [lang="th"] { display: inline; }
html:not([lang^="th"]) .bs-credit [lang="th"], html[lang^="th"] .bs-credit [lang="en"] { display: none; }
body[data-menu-game] footer[data-credit-host] { position: relative; z-index: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; }
body footer.bs-footer {
  position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap; width: calc(100% - 32px); max-width: 1440px; min-height: 48px;
  margin: 12px auto 0; padding: 0 8px; box-sizing: border-box;
  border: 0; border-top: 1px solid #c9b98c38; border-radius: 0;
  background: transparent; color: #c4cddd; box-shadow: none; text-shadow: none;
}
@media (max-width: 760px) {
  /* Keep the end-of-page credit reachable above the existing touch consoles. */
  body[data-menu-game="slave"] > footer.bs-footer,
  body[data-menu-game="pokdeng"] > footer.bs-footer,
  body[data-menu-game="setthi-siam"] > footer.bs-footer {
    margin-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
  }
  body[data-menu-game="pokdeng"] > footer.bs-footer { margin-bottom: calc(220px + env(safe-area-inset-bottom, 0px)); }
}
@media (min-width: 1181px) {
  /* The fixed Tarot artboard reserves these 44px in fit.js and fitCanvas(). */
  body[data-menu-game="tarot"]:has(.workspace) > footer.bs-footer {
    position: fixed; bottom: 0; left: 0; right: 0; margin: 0; width: 100%;
    height: 44px; min-height: 44px; padding: 0; background: #060a17;
  }
}