.bgs-game,.bgs-wrapper,.bgs-container,.bgs-results-shell,.bgs-gallery,.bgs-gallery-upload{width:100%;max-width:100%;box-sizing:border-box;}
.bgs-migration-quiz { width:100%; max-width:100%; margin:0; padding-top:clamp(32px,6vw,80px); box-sizing:border-box; }
.bgs-quiz-shell { display: grid; gap: 24px; }
.bgs-quiz-progress { margin: 0; font-size: 0.95rem; opacity: 0.7; }
.bgs-quiz-shell h2, .bgs-quiz-shell h3 { margin: 0; }
.bgs-quiz-intro, .bgs-quiz-question { margin: 0; }
.bgs-quiz-question { padding:clamp(18px,3vw,30px); background:#f5f5f5; font-size:clamp(1.35rem,2.3vw,1.9rem); line-height:1.45; font-weight:600; }
.bgs-quiz-intro-image { display:block; width:100%; max-height:520px; object-fit:cover; object-position:left center; }
.bgs-quiz-intro-figure { margin:0; }
.bgs-quiz-intro-caption { margin-top:8px; font-size:.9rem; line-height:1.4; opacity:.72; }
.bgs-quiz-intro-description { margin:0; font-size:1.1rem; line-height:1.6; }
.bgs-image-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.bgs-image-option { display: flex; flex-direction: column; gap: 8px; border: 2px solid #ddd; background: #fff; padding: 8px; cursor: pointer; text-align: left; }
.bgs-image-option:hover { border-color: #777; }
.bgs-image-option:disabled { cursor: default; opacity: 0.8; }
.bgs-image-option img, .bgs-image-placeholder { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; display: block; background: #f1f1f1; }
.bgs-image-placeholder { display: grid; place-items: center; }
.bgs-image-caption { font-size: 0.9rem; }
.bgs-image-source { font-size:.75rem; line-height:1.3; opacity:.72; }
.bgs-image-option.is-correct { border-color: #1f8f4e; }
.bgs-image-option.is-wrong { border-color: #b42318; }
.bgs-feedback { border-left: 4px solid #777; padding: 20px; background: #f7f7f7; }
.bgs-feedback.is-correct { border-left-color: #1f8f4e; }
.bgs-feedback.is-wrong { border-left-color: #b42318; }
.bgs-correct-image-line { font-weight: 600; }
.bgs-next-button { justify-self: start; padding: 12px 18px; border: 0; cursor: pointer; }
.bgs-result { text-align: center; justify-items: center; }
.bgs-result-score { font-size: 1.5rem; font-weight: 600; }
@media (max-width: 1100px) {
  .bgs-image-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .bgs-image-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.bgs-next-game { display: inline-block; text-decoration: none; margin-left: 10px; }
.bgs-quiz-instruction { margin:0; font-size:clamp(1.35rem,2.3vw,1.9rem); line-height:1.45; font-weight:600; }
.bgs-image-option { cursor:zoom-in; font:inherit; color:inherit; }
.bgs-image-answers { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.bgs-image-answer { padding:14px 8px; border:2px solid #ddd; background:#fff; color:inherit; font:inherit; cursor:pointer; }
.bgs-image-answer.is-correct,.bgs-image-option.is-correct { border:3px solid #1f8f4e; }
.bgs-image-answer.is-wrong { border-color:#b42318; }
.bgs-image-zoom-hint { margin:0; font-size:.95rem; }
.bgs-migration-lightbox { width:min(1100px,92vw); max-width:92vw; max-height:90vh; padding:20px; border:0; background:#fff; color:#222; box-sizing:border-box; }
.bgs-migration-lightbox::backdrop { background:rgba(0,0,0,.8); }
.bgs-migration-lightbox img { display:block; max-width:100%; width:auto; height:auto; max-height:70vh; object-fit:contain; margin:12px auto; }
.bgs-migration-lightbox-close { display:block; margin-left:auto; padding:10px 16px; cursor:pointer; font:inherit; }
.bgs-migration-lightbox p { margin:8px 0 0; font-size:.9rem; }
@media(max-width:700px) { .bgs-image-answers { grid-template-columns:repeat(2,minmax(0,1fr)); } }