/* THC Games 0.3.0: "Share my score" (assets/share.js). The share block sits inside the end-of-game panel, below
   Play again / Change level and above the courses line: inline, never a modal, overlay or floating element.
   Uses the games' tokens (games.css), so Core's dark switch, high contrast, text sizes and OpenDyslexic carry
   through; the score card itself is a picture and stays in the light brand look. */

.thc-gs { margin: 1rem 0 .4rem; padding-top: .9rem; border-top: 1px solid var(--gm-border); }
.thc-gs__h { margin: 0 0 .6rem; font-size: 1.15rem; line-height: 1.3; color: var(--gm-text); }
.thc-gs__body { display: grid; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr); gap: .9rem 1.2rem; align-items: start; }
.thc-gs__card { margin: 0; min-width: 0; aspect-ratio: 1 / 1; border-radius: 10px; background: #f7f1e4; border: 1px solid var(--gm-border); overflow: hidden; }
.thc-gs__card.is-loading { background: linear-gradient(135deg, #f7f1e4, #ece4d9); }
.thc-gs__img { display: block; width: 100%; height: auto; }
.thc-gs__side { min-width: 0; }
.thc-gs__lead { margin: 0 0 .6rem; font-size: .95rem; }
.thc-gs__btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; max-width: 26rem; }
.thc-gm .thc-gs__btn { width: 100%; min-height: 44px; padding-inline: .8em; white-space: normal; line-height: 1.2; font-weight: 400; } /* same weight as Play again (buttons inherit the body font) */
.thc-gs__btn[hidden] { display: none !important; }
.thc-gs__status { min-height: 1.4em; margin: .5rem 0 0; font-size: .92rem; }

/* Arriving from a shared score: one plain line above the game. */
.thc-gs-arrive { margin: 0 0 .8rem; padding: .55rem .8rem; border: 1px solid var(--gm-border); border-left: 4px solid var(--gm-leaf); border-radius: 8px; background: var(--gm-raised); font-weight: 600; color: var(--gm-text); }
.thc-gs-arrive__icon { color: var(--gm-leaf); margin-right: .45em; }

@media (max-width: 560px) {
  .thc-gs__body { grid-template-columns: minmax(0, 1fr); }
  .thc-gs__card { width: min(100%, 17rem); justify-self: center; }
  .thc-gs__btns { max-width: none; }
}
@media print { .thc-gs { display: none !important; } }