/* One public ELM-HQ shell. Game and product art never changes this geometry. */
:root{--hq-max-width:1600px;--hq-gutter:clamp(16px,3vw,56px);--hq-width:min(calc(100% - 2 * var(--hq-gutter)),var(--hq-max-width))}
html{scrollbar-gutter:stable;scroll-padding-top:112px}
body .container,body .wrap,body.elm-platform .wrap,body .tg-wrap{width:var(--hq-width);margin-inline:auto}
body .hq-header{box-sizing:border-box;position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:var(--hq-width);min-height:72px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #789cd647;border-radius:22px;background:linear-gradient(135deg,#1a1e41ed,#07192be8);-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);box-shadow:0 18px 60px #0004,inset 0 1px #ffffff14;color:#f3f7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.2;letter-spacing:normal}
.hq-header .hq-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:#f3f7ff;font-size:16px;font-weight:650;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
.hq-header .hq-brand img{display:block;width:34px;height:34px;border-radius:10px;object-fit:cover;background:#050708}
.hq-header .hq-nav{display:flex;align-items:center;gap:clamp(14px,1.5vw,25px);margin:0;padding:0;font-size:13px;font-weight:500;line-height:1.4}
.hq-header .hq-nav a{display:flex;align-items:center;min-height:44px;padding:0;white-space:nowrap;color:#e0e7f5;text-decoration:none;position:relative}
.hq-header .hq-nav a:hover,.hq-header .hq-nav [aria-current=page],.hq-header .hq-nav [aria-current=location]{color:#fff}
.hq-header .hq-nav [aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:linear-gradient(90deg,#a68aff,#5de2e7);border-radius:2px}
.hq-header .hq-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex-shrink:0;width:44px;height:44px;min-height:44px;margin:0;padding:10px;background:#ffffff0c;color:#f3f7ff;border:1px solid #ffffff30;border-radius:12px;cursor:pointer}
.hq-menu-toggle span{width:20px;height:2px;background:currentColor;display:block}
.hq-header :is(a,button):focus-visible{outline:3px solid #73e6ef;outline-offset:4px}
body.hq-games-page{padding-top:112px}
body.hq-games-page .site-footer{background:#060d17aa}
body.hq-games-page .breadcrumbs{padding-top:22px}
/* Legal text keeps a readable line length inside the same outer page shell. */
body.hq-games-page .document-body,body.hq-games-page .tg-faq{max-width:850px}
@media(max-width:1180px){
  .hq-header{flex-wrap:wrap}
  .hq-header .hq-nav{width:100%;flex-wrap:wrap;gap:0 22px}
  .hq-nav-ready .hq-header .hq-menu-toggle{display:flex}
  .hq-nav-ready .hq-header .hq-nav{display:none;position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 2 * var(--hq-gutter)));padding:14px 18px;grid-template-columns:1fr 1fr;gap:4px 20px;border:1px solid #789cd647;border-radius:18px;background:#0a1325fa;box-shadow:0 20px 60px #0007}
  .hq-nav-ready .hq-header[data-open=true] .hq-nav{display:grid}
  .hq-header .hq-nav a{min-height:46px;white-space:normal}
  html:not(.hq-nav-ready) .hq-header{position:relative;top:12px;left:auto;transform:none;margin:0 auto 25px}
}
@media(max-width:600px){body .hq-header{top:12px;min-height:64px;border-radius:18px;padding:9px 13px;gap:12px}body.hq-games-page{padding-top:92px}.hq-header .hq-brand{font-size:16px}.hq-header .hq-brand img{width:32px;height:32px}.hq-header .hq-nav{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hq-header *{transition:none!important}}