@import url('./easter-eggs.css');
:root{--hq-atmosphere-ready:1}
/* Neon cosmos and code texture stay behind readable content and never capture input. */
body.hq-world{isolation:isolate;background-color:#050b18;background-image:radial-gradient(ellipse at 0 12%,#0c94b035,transparent 45%),radial-gradient(ellipse at 100% 25%,#6828a441,transparent 48%),radial-gradient(ellipse at 55% 80%,#143b8828,transparent 48%),radial-gradient(1px 1px at 18px 34px,#c4f1ffb3 70%,transparent 100%),radial-gradient(1px 1px at 91px 117px,#dfb7ff90 70%,transparent 100%);background-size:auto,auto,auto,163px 211px,277px 251px}
.hq-world main{position:relative;min-width:0}
.hq-world :is(.eyebrow,.section-kicker){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}
.hq-world .hq-signal-title{text-shadow:-1px 0 #ef75d04d,1px 0 #72f0ff66}
.hq-world :is(.welcome-cards>a,.welcome-panel,.giga-guide){border-color:#547c9c88;box-shadow:inset 0 1px #8ee8ff12,0 12px 32px #0003}
.hq-world .welcome-cards>a:hover{border-color:var(--cyan);box-shadow:0 0 30px #48c9ff22}
.hq-world .space-scene{background-image:radial-gradient(ellipse at 95% 30%,#6732a540,transparent 65%),radial-gradient(ellipse at 3% 70%,#116a873d,transparent 60%)}
.hq-world .space-canvas{opacity:1}
.hq-space-code{position:absolute;right:1.5rem;top:13%;z-index:-1;max-width:45%;overflow:hidden;white-space:pre;pointer-events:none;user-select:none;color:#97d6ff;opacity:.2;font:500 .76rem/2.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;transform:skewY(-4deg);text-shadow:0 0 12px #698fff}
.hq-cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;contain:paint;pointer-events:none;user-select:none;background:radial-gradient(ellipse at 90% 0,#9d39c31c,transparent 48%),radial-gradient(ellipse at 2% 65%,#19c7ee1c,transparent 45%)}
.hq-cosmos::before{content:'';position:absolute;inset:42% -35% -50%;background-image:linear-gradient(#6ceaff2b 1px,transparent 1px),linear-gradient(90deg,#bc71ff21 1px,transparent 1px);background-size:72px 72px;transform:perspective(620px) rotateX(53deg);transform-origin:center top;mask-image:linear-gradient(transparent,#000b 22%,#0005 70%)}
.hq-cosmos::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#6feaff04 5px 6px);mask-image:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000)}
.hq-code-rail{position:absolute;white-space:pre;font:500 clamp(.65rem,1.1vw,.85rem)/2.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#79eaff;opacity:.13;text-shadow:0 0 12px #58d9ff;animation:hq-signal-enter 3.5s steps(1,end) 1}
.hq-code-rail--0{left:1.5%;top:18%;transform:rotate(-90deg);transform-origin:left top}
.hq-code-rail--1{right:1.8%;top:50%;text-align:right;color:#d792ff;opacity:.12}
.hq-world .home-main .hero-visual{min-height:370px}
.hq-world .home-main .hero-visual::after{display:none}
.hq-signal-art{display:block;width:min(100%,470px);height:auto;margin:0 auto;filter:drop-shadow(0 0 26px #7148ff33)}
.hq-seasonal-note{width:calc(100% - 2 * var(--pad,1.25rem));max-width:1120px;margin:1rem auto 1.8rem}
.hq-holiday-greeting{margin:0;padding:.8rem 1rem;border:1px solid var(--gold);border-radius:10px;background:#091323ed;color:var(--gold);font-size:.9rem;font-weight:750;line-height:1.6}
.hq-seasonal-note[hidden]{display:none!important}
@keyframes hq-signal-enter{0%,100%{opacity:.13}12%{opacity:.13;translate:1px 0}15%{opacity:.08;translate:-1px 0}18%{opacity:.13;translate:0}70%{opacity:.13;translate:0}72%{opacity:.08;translate:2px 0}75%{opacity:.13;translate:0}}
@media(min-width:1100px){.hq-world .welcome-cards{gap:1.35rem}.hq-world .welcome-cards>a{padding:1.8rem}}
/* Keep the phone background independent of collapsing browser chrome. */
@media(max-width:850px){.hq-code-rail{opacity:.07;font-size:.6rem;animation:none}.hq-code-rail--1{right:.75rem;top:60%}.hq-cosmos{inset:0 0 auto;height:100vh;height:100lvh}.hq-cosmos::before{inset:0;transform:none;background-size:48px 48px;mask-image:linear-gradient(transparent,#0006 35%,#0003)}.hq-seasonal-note{width:calc(100% - 2.5rem)}}
@media(prefers-reduced-motion:reduce){.hq-code-rail{animation:none}.hq-world{scroll-behavior:auto}}
@media(max-width:850px){.hq-space-code{opacity:.08;right:.75rem;font-size:.6rem}}
@media(forced-colors:active){.hq-cosmos,.hq-signal-art{display:none}.hq-signal-title{text-shadow:none}}