.bgs-game,.bgs-wrapper,.bgs-container,.bgs-results-shell,.bgs-gallery,.bgs-gallery-upload{width:100%;max-width:100%;box-sizing:border-box;}
.bgs-emotion-training { width:100%; max-width:100%; margin:0; padding-top:clamp(32px,6vw,80px); box-sizing:border-box; }
.bgs-emotion-shell { display: grid; gap: 22px; }
.bgs-emotion-progress { margin: 0; opacity: .7; }
.bgs-emotion-shell h2, .bgs-emotion-shell h3, .bgs-emotion-intro, .bgs-emotion-question { margin: 0; }
.bgs-audio-player { padding: 18px; background: #f5f5f5; }
.bgs-audio-player audio { width: 100%; }
.bgs-emotion-question { font-size: clamp(1.4rem,2.4vw,2rem); line-height:1.3; font-weight: 700; }
.bgs-emotion-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.bgs-emotion-option { padding: 16px; border: 2px solid #ddd; background: #fff; cursor: pointer; text-align: left; }
.bgs-emotion-option:hover { border-color: #777; }
.bgs-emotion-option:disabled { cursor: default; opacity: .85; }
.bgs-emotion-option.is-correct { border-color: #1f8f4e; }
.bgs-emotion-option.is-wrong { border-color: #b42318; }
.bgs-emotion-feedback { padding: 20px; border-left: 4px solid #777; background: #f7f7f7; display: grid; gap: 14px; }
.bgs-emotion-feedback.is-correct { border-left-color: #1f8f4e; }
.bgs-emotion-feedback.is-wrong { border-left-color: #b42318; }
.bgs-emotion-resolution { margin: 0; font-weight: 600; }
.bgs-emotion-extra p:first-child { margin-top: 0; }
.bgs-emotion-next { justify-self: start; padding: 12px 18px; border: 0; cursor: pointer; text-decoration: none; }
.bgs-emotion-result { text-align: center; justify-items: center; }
.bgs-emotion-score { font-size: 1.5rem; font-weight: 600; }
.bgs-emotion-next-game { display: inline-block; }
@media (max-width: 900px) { .bgs-emotion-options { grid-template-columns: 1fr; } }
.bgs-emotion-intro { white-space:pre-line; }