/* Плашка и всплывающее окно игры «Мастер пролива». Цвета и шрифт — как у блоков pt-* сайта. */
.pt-game-banner {
  display: flex; align-items: center; gap: 16px; margin: 24px 0; padding: 12px 16px 12px 12px;
  border: 1px solid #e6e2da; border-radius: 12px; background: #f6f3ec; font-family: Rubik, Arial, sans-serif; color: #1f1a13;
}
.pt-game-banner__frog { width: 72px; height: 72px; flex: none; object-fit: contain; }
.pt-game-banner__copy { display: grid; gap: 2px; flex: 1 1 auto; min-width: 0; }
.pt-game-banner__title { font-weight: 500; font-size: 18px; line-height: 1.25; }
.pt-game-banner__text { font-size: 14px; line-height: 1.4; color: #6f685e; }
.pt-game-banner__btn {
  flex: none; border: 0; border-radius: 99px; padding: 12px 26px; cursor: pointer;
  font: 500 15px/1.2 Rubik, Arial, sans-serif; background: #85c00d; color: #16200a; box-shadow: 0 3px 0 #5f8c05;
}
.pt-game-banner__btn:hover { filter: brightness(1.06); }
.pt-game-banner__btn:active { transform: translateY(2px); box-shadow: 0 1px 0 #5f8c05; }
.pt-game-banner--catalog { margin: 12px 0 20px; }
@media (max-width: 600px) {
  .pt-game-banner { flex-wrap: wrap; gap: 10px 12px; }
  .pt-game-banner__frog { width: 56px; height: 56px; }
  .pt-game-banner__copy { flex-basis: calc(100% - 68px); }
  .pt-game-banner__title { font-size: 16px; }
  .pt-game-banner__btn { width: 100%; }
}

.pt-game-note { display: inline-flex; align-items: center; gap: 8px; margin: 8px 0 4px; font-size: 14px; color: #3f6600; text-decoration: none; }
.pt-game-note:hover { text-decoration: underline; }
.pt-game-note img { width: 28px; height: 28px; object-fit: contain; }

.pt-game-open, .pt-game-open body { overflow: hidden; }
.pt-game-modal { position: fixed; inset: 0; z-index: 10000; background: #3b352e; opacity: 0; transition: opacity .2s; }
.pt-game-modal.is-visible { opacity: 1; }
.pt-game-modal__frame { display: block; width: 100%; height: 100%; height: 100dvh; border: 0; }

@media (prefers-color-scheme: dark) {
  html.theme-dark .pt-game-banner, html[data-theme="dark"] .pt-game-banner { background: #27231e; border-color: #3d3730; color: #f3efe8; }
}