/* Gunfire Quiz: the Ammo ID Quiz layout and classes (ammo-quiz.css), with a player in place of the
   round picture and a play button on each reveal card. */
.gunfire-player { display: flex; flex-direction: column; align-items: center; gap: .9rem; width: 100%; padding: 1.4rem 1rem; background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius-md); }
.gunfire-player-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; }
.gunfire-player-actions .btn { min-height: 44px; }
.gunfire-play-btn { min-width: 220px; min-height: 56px; font-size: .85rem; }
.gunfire-play-btn::before { content: "\25B6"; display: inline-block; margin-right: .55rem; }
.gunfire-player.gunfire-playing { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.gunfire-player.gunfire-loading { border-color: var(--accent); }
.gunfire-loading .gunfire-play-btn::before { content: ""; width: .9em; height: .9em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -.1em; }
#gunfire-feedback { min-height: 3em; display: flex; align-items: center; justify-content: center; margin-block: .6rem; }
@media (prefers-reduced-motion: no-preference) {
  .gunfire-loading .gunfire-play-btn::before { animation: gunfire-spin .8s linear infinite; }
  .gunfire-player { transition: border-color .15s ease; }
  .gunfire-player.gunfire-playing .gunfire-play-btn::before { animation: gunfire-pulse .7s ease-in-out infinite alternate; }
}
@keyframes gunfire-spin { to { transform: rotate(360deg); } }
@keyframes gunfire-pulse { from { opacity: 1; } to { opacity: .35; } }
.gunfire-volume { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .75rem; font-size: .85rem; color: var(--text-muted); }
.gunfire-volume input { width: 200px; max-width: 100%; accent-color: var(--accent); }
.gunfire-volume output { min-width: 4ch; font-variant-numeric: tabular-nums; color: var(--text); }
.gunfire-sound { display: flex; flex-direction: column; align-items: center; gap: .8rem; }
.gunfire-effect-toggle { width: fit-content; margin: 0 auto; padding-right: 1rem; }
/* Full width like the Ammo ID Quiz's #quiz-explanation, or the reveal cards shrink to their content. */
#gunfire-explanation { width: 100%; }
/* tarkov.dev weapon renders are dark; a soft backdrop keeps them readable on the dark card. */
.ammoquiz-comparison-card img { width: 100%; max-width: 240px; height: 110px; padding: .4rem; background: radial-gradient(ellipse at center, rgba(255, 255, 255, .13), rgba(255, 255, 255, .03) 70%); border-radius: var(--radius-md); }
.ammoquiz-comparison-card .gunfire-compare-play { margin-top: .7rem; min-height: 40px; }
.gunfire-compare-play.gunfire-playing { border-color: var(--accent); color: var(--accent-strong); }
.gunfire-credits a { color: inherit; text-decoration: underline; }
/* Keep this page's support link in document flow so it cannot cover an answer. */
.support-notice { position: static; margin: 1rem auto; width: fit-content; max-width: calc(100% - 2rem); }

.gunfire-thumb {width:70px;height:42px;object-fit:contain;vertical-align:middle;background:radial-gradient(ellipse,rgba(255,255,255,.13),transparent);}
.gunfire-answer-image {width:100%;height:70px;object-fit:contain;background:radial-gradient(ellipse,rgba(255,255,255,.13),transparent);grid-column:1/-1;}
.ammoquiz-check small {margin-left:auto;}
#gunfire-weapons .ammoquiz-check {min-width:0;overflow-wrap:anywhere;}
@media(max-width:520px){#gunfire-content .ammoquiz-options {grid-template-columns:repeat(2,minmax(0,1fr));}.gunfire-answer-image {height:55px;}}

#gunfire-content .ammoquiz-option {display:grid;grid-template-columns:23px minmax(0,1fr);min-width:0;}
#gunfire-content .ammoquiz-option span {min-width:0;}