/* Loaded only by the four teaching-linked game pages. */
#game{position:relative}
#game:has(> .gframe:not(.playing)){height:auto}
#game .gframe:not(.playing){height:auto;min-height:100dvh;padding-bottom:4.5rem}
#game .gframe:not(.playing) .gstage{overflow:visible;flex:1 0 auto}
.game-learning-links{position:absolute;bottom:.8rem;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.5rem;max-width:calc(100% - 2rem);width:max-content;z-index:3}
.game-learning-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:.5rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-weight:700;line-height:1.3;text-align:center;text-decoration:underline;text-underline-offset:.18em}
.game-learning-links .game-catalogue-return{white-space:nowrap}
.game-learning-links a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.gframe.playing + .game-learning-links{display:none}
@media(max-width:620px){#game .gframe:not(.playing){padding-bottom:6rem}}
#game-learning{scroll-margin-top:1rem}
#game-learning h2,#game-learning h3{font-family:Fraunces,Georgia,serif;line-height:1.25}
#game-learning h2{font-size:1.6rem;margin:0 0 .8rem}
#game-learning h3{font-size:1.2rem;margin:1.4rem 0 .55rem}
#game-learning ol{padding-left:1.5rem;margin:.6rem 0 1rem}
#game-learning li{padding-left:.2rem;margin:.6rem 0}
.site-footer .wordmark-the,.site-footer .wordmark-tld{color:var(--ink)}
.site-footer .wordmark-learn-den{color:#e8938f}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .site-footer .wordmark-learn-den{color:#c0504d}}
:root[data-theme="light"] .site-footer .wordmark-learn-den{color:#c0504d}
@media print{.game-learning-links{display:none}}

/* Official unaltered Classroom mark, beside the existing accessible link text. */
.classroom-share a[data-classroom-share]{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;max-width:100%}
.classroom-share a[data-classroom-share]::before{content:"";display:block;flex:0 0 32px;width:32px;height:32px;background:url("/assets/google-classroom-icon.png?h=557f6e750dca1603") center/contain no-repeat}
.classroom-share a[data-classroom-share]:hover::before{filter:brightness(.8)}