/* Shared result handoff for the three English Gabor demos. */
#game-over { scroll-margin-top: 5rem; }
.gv-demo-note { color: #475569; font-size: .875rem; margin: 0 0 1.5rem; }
.gv-demo-handoff { display: grid; gap: 1.5rem; align-items: center; padding-top: 1.5rem; border-top: 1px solid #cbd5e1; text-align: left; }
.gv-demo-handoff h4 { font-size: 1.5rem; line-height: 1.25; font-weight: 700; color: #0f172a; margin: 0 0 .75rem; }
.gv-demo-handoff p { color: #475569; margin: 0 0 .75rem; }
.gv-demo-handoff .gv-demo-allowance { font-size: .875rem; margin-bottom: 1.25rem; }
.gv-demo-primary { display: inline-flex; gap: .5rem; align-items: center; justify-content: center; min-height: 48px; padding: .875rem 1.25rem; border-radius: 999px; background: #2563eb; color: #fff; font-weight: 600; text-align: center; text-decoration: none; }
.gv-demo-primary:hover { background: #1d4ed8; }
.gv-demo-restart { display: block; min-height: 44px; padding: .75rem 0; margin-top: .5rem; border: 0; background: transparent; color: #1d4ed8; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.gv-demo-primary:focus-visible, .gv-demo-restart:focus-visible { outline: 3px solid #1d4ed8; outline-offset: 4px; }
.gv-demo-qr { display: none; margin: 0; text-align: center; }
.gv-demo-qr img { display: block; width: 222px; height: 222px; margin: 0 auto; max-width: 100%; }
.gv-demo-qr figcaption { margin-top: .5rem; color: #475569; font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
.gv-demo-qr figcaption span { font-size: .75rem; }
@media (min-width: 768px) { .gv-demo-handoff { grid-template-columns: minmax(0, 1fr) 222px; gap: 2rem; } .gv-demo-qr { display: block; } }
@media (max-width: 479px) { #game-over { padding: 1.25rem; } .gv-demo-primary { width: 100%; } }