/* Chân trang hệ sinh thái tsudev - màu lấy từ token (shared/tokens.css), phạm vi data-theme="dark" của chính nó.
   TỆP ĐỒNG BỘ TỪ TsuGameLabs/tsudev-game-kit (khung/). */
.tsudev-chan-trang {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 16px;
  width: 100%;
  padding: 10px 16px;
  background: var(--bg-surface);
  color: var(--text-secondary);
  border-top: 1px solid var(--border);
  font: 500 13px/1.4 system-ui, 'Segoe UI', Roboto, Arial, sans-serif;
  position: relative;
  z-index: 1; /* duoi moi hop thoai cua game */
}
.tsudev-chan-trang a { color: var(--text-link); text-decoration: none; }
.tsudev-chan-trang a:hover { text-decoration: underline; }
.tsudev-chan-trang a:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: 4px; }
.tsudev-chan-trang nav { display: flex; gap: 12px; }
.tsudev-chan-trang__hieu { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.tsudev-chan-trang__hieu img { display: block; }
.tsudev-chan-trang__chu .tsu { color: var(--text-primary); }
.tsudev-chan-trang__chu .dev { color: var(--text-link); }
/* Trang game toàn màn hình: dải nhỏ nổi, không che vùng chơi. */
.tsudev-chan-trang--noi {
  position: fixed;
  left: 8px;
  bottom: 8px;
  width: auto;
  padding: 4px 10px;
  gap: 4px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: 11px;
  opacity: 0.82;
  z-index: 900;
}
.tsudev-chan-trang--noi:hover, .tsudev-chan-trang--noi:focus-within { opacity: 1; }
@media (max-width: 480px) {
  .tsudev-chan-trang--noi .tsudev-chan-trang__ban-quyen { display: none; }
}
@media print { .tsudev-chan-trang--noi { display: none; } }