/* The shared landing sheet for small games (tools/build-landing.cjs). Layout only: every colour, font and
   size comes from the design system's --hud-* tokens, which the page loads before this file. */
html{scroll-behavior:smooth;}
body{margin:0;background:var(--hud-surface-canvas);color:var(--hud-text);font:var(--hud-text-body) var(--hud-font-body);line-height:var(--hud-leading);}
a{color:var(--hud-accent);}
.gl-nav{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:var(--hud-space-3);padding:var(--hud-space-2) var(--hud-space-4);background:var(--hud-surface-overlay);border-bottom:var(--hud-border-hairline) solid var(--hud-border);}
.gl-brand{font:var(--hud-title-lg) var(--hud-font-display);color:var(--hud-text);text-decoration:none;text-transform:uppercase;}
.gl-links{display:flex;align-items:center;gap:var(--hud-space-3);font:var(--hud-text-sm) var(--hud-font-label);}
.gl-links .btn,.gl-cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--hud-control-comfortable);padding:0 var(--hud-space-6);text-decoration:none;}
main{max-width:1080px;margin:0 auto;padding:0 var(--hud-space-4);}
.gl-hero{display:grid;justify-items:center;text-align:center;gap:var(--hud-space-3);padding:var(--hud-space-6) 0 var(--hud-space-6);}
.gl-eyebrow{margin:0;font:var(--hud-text-xs) var(--hud-font-label);letter-spacing:var(--hud-tracking-label);text-transform:uppercase;color:var(--hud-accent);}
.gl-hero h1{margin:0;font:var(--hud-title-xl) var(--hud-font-display);text-shadow:var(--hud-title-shadow);text-transform:uppercase;max-width:18ch;}
.gl-lead{margin:0;max-width:60ch;color:var(--hud-text-muted);}
.gl-shot{margin:var(--hud-space-3) 0 0;width:100%;}
.gl-shot img{display:block;width:100%;height:auto;border:var(--hud-border-hairline) solid var(--hud-border);border-radius:var(--hud-radius);}
.gl-section{padding:var(--hud-space-6) 0;}
.gl-section h2{margin:0 0 var(--hud-space-3);font:var(--hud-title-lg) var(--hud-font-display);text-transform:uppercase;}
.gl-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--hud-space-3);}
.gl-cards li{padding:var(--hud-space-4);}
.gl-cards h3{margin:0 0 var(--hud-space-2);font:var(--hud-text-body) var(--hud-font-display);text-transform:uppercase;color:var(--hud-accent);}
.gl-cards p{margin:0;color:var(--hud-text-muted);}
.gl-end{display:grid;justify-items:center;text-align:center;gap:var(--hud-space-3);}
.gl-end p{margin:0;max-width:60ch;}
.gl-foot{display:flex;justify-content:center;align-items:center;gap:var(--hud-space-2);padding:var(--hud-space-6) var(--hud-space-4);color:var(--hud-text-muted);font:var(--hud-text-xs) var(--hud-font-label);}
@media (max-width:560px){.gl-links a:not(.btn){display:none;}}