/* Small responses, grounded typography and unchanged brand artwork. */
.motion-toggle{display:block;min-height:44px;margin:4px 0 0 auto;padding:6px 12px;border:0;background:none;color:var(--lg-color-forest);font:inherit;font-size:var(--lg-fontSize-label);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.motion-toggle:disabled{cursor:default;text-decoration:none;opacity:.7}
.motion-toggle:focus-visible,.beacon-trigger:focus-visible{outline:3px solid var(--lg-color-focus);outline-offset:4px}
.footer-bottom .motion-toggle{margin:0;flex:none}
.beacon-trigger{position:absolute;z-index:3;left:calc(60.75% - 22px);top:calc(19.24% - 22px);width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--lg-color-forest);cursor:pointer}
.beacon-trigger::after{content:'';position:absolute;inset:4px;border:1px solid currentColor;border-radius:50%;opacity:0;transition:opacity var(--lg-motion-transition) var(--lg-motion-easing)}
.beacon-trigger:hover::after,.beacon-trigger:focus-visible::after{opacity:.65}
.beacon-phrase{position:absolute;z-index:3;bottom:6%;left:8%;right:8%;max-width:none;margin:0;text-align:center;padding:10px 14px;background:var(--lg-color-canvas);color:var(--lg-color-forest);border:1px solid var(--lg-color-mist);font-size:var(--lg-fontSize-control)}
.beacon-ring{position:absolute;left:60.75%;top:19.24%;width:16px;height:16px;margin:-8px;border:1px solid var(--lg-color-forest);border-radius:50%;opacity:0;pointer-events:none}
.site-nav a,.text-link,.tile-more{position:relative}
.text-link,.tile-more{background-image:linear-gradient(currentColor,currentColor);background-position:left bottom;background-repeat:no-repeat;background-size:0 1px;transition:background-size var(--lg-motion-transition) var(--lg-motion-easing)}
.text-link:is(:hover,:focus-visible),a:is(:hover,:focus-visible) .tile-more{background-size:100% 1px}
.text-link span,.tile-more span,.guide-row>span:last-child,.guide-next a span{display:inline-block;transition:transform var(--lg-motion-feedback) var(--lg-motion-easing)}
.text-link:is(:hover,:focus-visible) span,a:is(:hover,:focus-visible) .tile-more span,.guide-row:is(:hover,:focus-visible)>span:last-child,.guide-next a:is(:hover,:focus-visible) span{transform:translateX(3px)}
@media(prefers-reduced-motion:no-preference){
  html[data-studio-motion="playing"] [data-arrival="true"]{animation:studio-arrival var(--lg-motion-reveal) var(--lg-motion-easing) var(--arrival-delay,0ms) both}
  html[data-studio-motion="playing"] .section-head[data-arrival],html[data-studio-motion="playing"] .statement[data-arrival],html[data-studio-motion="playing"] .group-head[data-arrival]{--arrival-distance:16px}
  html[data-studio-motion="playing"] .game-card{transition:transform var(--lg-motion-transition) var(--lg-motion-easing),box-shadow var(--lg-motion-transition) var(--lg-motion-easing)}
  html[data-studio-motion="playing"] .game-media>img,html[data-studio-motion="playing"] .game-media>.scene-atmosphere{transition:transform 700ms var(--lg-motion-easing)}
  html[data-studio-motion="playing"] .game-card:focus-within{transform:translateY(-4px);box-shadow:0 8px 20px -18px var(--lg-color-forest)}
  html[data-studio-motion="playing"] .game-card:focus-within .game-media>img,html[data-studio-motion="playing"] .game-card:focus-within .game-media>.scene-atmosphere{transform:scale(1.045)}
  html[data-studio-motion="playing"] [data-beacon-lit="true"] .beacon-ring{animation:beacon-discovery 1s ease-out}
  html[data-studio-motion="playing"] .menu-drawer{opacity:0;transform:translateX(16px);transition:opacity var(--lg-motion-transition) var(--lg-motion-easing),transform var(--lg-motion-transition) var(--lg-motion-easing),display var(--lg-motion-transition) allow-discrete,overlay var(--lg-motion-transition) allow-discrete}
  html[data-studio-motion="playing"] .menu-drawer[open]{opacity:1;transform:translateX(0)}
  @starting-style{html[data-studio-motion="playing"] .menu-drawer[open]{opacity:0;transform:translateX(16px)}}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  html[data-studio-motion="playing"] .game-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px -18px var(--lg-color-forest)}
  html[data-studio-motion="playing"] .game-card:hover .game-media>img,html[data-studio-motion="playing"] .game-card:hover .game-media>.scene-atmosphere{transform:scale(1.045)}
}
html[data-studio-motion="stopped"] *,html[data-motion-visible="false"] *{animation:none!important;transition:none!important}
html[data-studio-motion="stopped"] .text-link span,html[data-studio-motion="stopped"] .tile-more span,html[data-studio-motion="stopped"] .guide-row>span:last-child,html[data-studio-motion="stopped"] .guide-next a span{transform:none}
html[data-studio-motion="stopped"]{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.text-link span,.tile-more span,.guide-row>span:last-child,.guide-next a span{transform:none!important}}
@keyframes studio-arrival{from{opacity:.35;transform:translateY(var(--arrival-distance,12px))}to{opacity:1;transform:translateY(0)}}
@keyframes beacon-discovery{0%{opacity:.6;transform:scale(.4)}100%{opacity:0;transform:scale(9)}}