/* ═══ /game — игра угадай по кадру (multiple-choice) ═══ */

.game-wrap{max-width:760px;margin:0 auto;}

.game-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;}
.game-stats-row > div{background:rgba(201,168,76,.04);border:1px solid var(--border);padding:14px 8px;text-align:center;}
.gs-v{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--gold);line-height:1;}
.gs-l{font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:4px;}

.game-intro{text-align:center;padding:60px 20px;}

.game-frame-wrap{
  position:relative;background:#000;border:1px solid var(--border);
  overflow:hidden;margin-bottom:18px;aspect-ratio:16/9;
}
.game-frame{width:100%;height:100%;object-fit:cover;display:block;}

/* Подсказка год+жанр — оверлей в углу кадра */
.game-hint-overlay{
  position:absolute;bottom:10px;left:10px;
  display:flex;gap:10px;font-size:11px;letter-spacing:1px;
  background:rgba(0,0,0,.6);padding:6px 12px;
  color:var(--gold);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}

/* ── 4 кнопки ответа в 2×2 grid — стиль сайта (золото на чёрном) ── */
.game-options{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
  width:100%;
}
.go-btn{
  background:var(--card);
  border:1px solid var(--border);
  color:var(--text);
  padding:18px 16px;
  cursor:pointer;
  font-family:'Bebas Neue', sans-serif;
  letter-spacing:1.5px;
  font-size:14px;
  text-align:center;
  transition:all .15s ease;
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:center;
  justify-content:center;
  min-height:80px;
  text-transform:uppercase;
  line-height:1.2;
}
.go-btn:hover:not(:disabled){
  border-color:var(--gold);
  background:rgba(201,168,76,.08);
  color:var(--gold);
  transform:translateY(-2px);
}
.go-title{display:block;}
.go-year{
  font-family:'Inter', sans-serif;
  font-size:10px;
  letter-spacing:2px;
  color:var(--muted);
  text-transform:none;
}
.go-btn:disabled{cursor:default;opacity:.5;transform:none;}
.go-btn.go-correct{
  border-color:#4ade80;
  background:rgba(74,222,128,.15);
  color:#4ade80;
  opacity:1;
  box-shadow:0 0 0 1px #4ade80 inset, 0 4px 16px rgba(74,222,128,.2);
}
.go-btn.go-correct .go-year{color:rgba(74,222,128,.6);}
.go-btn.go-wrong{
  border-color:#f66;
  background:rgba(255,80,80,.15);
  color:#f66;
  opacity:1;
  box-shadow:0 0 0 1px #f66 inset, 0 4px 16px rgba(255,80,80,.2);
}
.go-btn.go-wrong .go-year{color:rgba(255,100,100,.6);}

/* ── Плашка результата ── */
.game-result-banner{
  margin-top:22px;padding:24px;
  border:1px solid var(--border);text-align:center;
  background:rgba(255,255,255,.02);
}
.gb-win{border-color:#4ade80;background:rgba(74,222,128,.05);}
.gb-lose{border-color:#f66;background:rgba(255,80,80,.05);}
.gb-status{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:3px;margin-bottom:8px;}
.gb-win .gb-status{color:#4ade80;}
.gb-lose .gb-status{color:#f66;}
.gb-meta{font-size:14px;color:#ddd;margin-bottom:14px;font-family:'Bebas Neue',sans-serif;letter-spacing:1.5px;}
.gb-pts{font-size:11px;color:var(--gold);letter-spacing:2px;margin-bottom:18px;}
.gb-lose .gb-pts{color:#f88;}
.gb-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.gb-buttons .btn-g{padding:14px 30px;font-size:12px;letter-spacing:2px;}

@media (max-width:640px){
  .game-stats-row{grid-template-columns:repeat(2,1fr);}
  .gs-v{font-size:22px;}
  .game-options{grid-template-columns:1fr !important;}
  .go-btn{min-height:64px;font-size:13px;padding:14px 12px;}
}