/* M.A.T.H. v25.8 — Headquarters World Design Layer
   The academic structure stays clear; the page should still feel like a place inside M.A.T.H. Headquarters. */
:root{
  --hq-blue:#062f51;--hq-blue2:#084c78;--hq-sky:#7fdcff;--hq-gold:#ffd25c;--hq-cream:#fff1c9;
  --hq-green:#15a56a;--hq-ink:#102f46;--hq-panel:rgba(255,255,255,.94);--hq-metal:#6f8998;
}
html{background:#061f35}
body.hq-world-page{position:relative;background:#0b3452;min-height:100vh;isolation:isolate}
body.hq-world-page::before{content:"";position:fixed;inset:0;z-index:-3;background:
  linear-gradient(180deg,rgba(2,26,46,.18),rgba(4,36,58,.34) 46%,rgba(7,31,45,.56)),
  url('assets/headquarters-scenic-wash-v22.webp') center top/cover no-repeat;filter:saturate(1.15) contrast(1.04)}
body.hq-world-page::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(circle at 15% 8%,rgba(125,222,255,.30),transparent 27%),
  radial-gradient(circle at 82% 18%,rgba(255,210,92,.18),transparent 23%),
  linear-gradient(90deg,rgba(0,0,0,.14),transparent 18% 82%,rgba(0,0,0,.14))}
body.hq-world-page .topbar{backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);background:linear-gradient(180deg,rgba(5,60,97,.97),rgba(3,42,72,.97));box-shadow:0 8px 24px #001a2e77,inset 0 1px rgba(255,255,255,.16)}
body.hq-world-page .topbar a,body.hq-world-page .topbar b{filter:drop-shadow(0 2px 2px #001b2c88)}
.hq-zone-ribbon{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 12px;width:max-content;max-width:100%;padding:7px 13px;border:1px solid rgba(255,224,141,.7);border-radius:999px;background:rgba(4,48,78,.88);box-shadow:0 5px 16px #001c2f55;color:#fff;font-size:10px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}
.hq-zone-ribbon b{color:var(--hq-gold)}
.hq-world-panel{position:relative;overflow:hidden;border:2px solid rgba(204,230,244,.65)!important;box-shadow:0 15px 36px rgba(0,24,42,.26),inset 0 1px rgba(255,255,255,.9)!important}
.hq-world-panel::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 36px rgba(97,204,255,.08)}
.hq-status-light{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:1000;letter-spacing:.08em;color:#d9f8e9}
.hq-status-light::before{content:"";width:8px;height:8px;border-radius:50%;background:#5eff9f;box-shadow:0 0 9px #5eff9f}
.hq-screen-label{font-size:9px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase;color:#9fe6ff}
.hq-metal-button{border:1px solid #9dc0d2!important;background:linear-gradient(#f8fdff,#dbeaf1)!important;color:#17435d!important;box-shadow:inset 0 1px #fff,0 4px 9px #082b3e24!important}
.hq-gold-button{background:linear-gradient(#ffe990,#f5c94c)!important;color:#5b4008!important;border:1px solid #d2a62f!important;box-shadow:inset 0 1px #fff8c5,0 5px 12px #5c420526!important}
@media(max-width:620px){.hq-zone-ribbon{font-size:8px;letter-spacing:.06em}.hq-world-page::before{background-position:45% top}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}