:root{color-scheme:dark;--ink:#030507;--paper:#e8e9e6;--muted:rgba(220,225,225,.6);--quiet:rgba(220,225,225,.36);--line:rgba(220,225,225,.22);--edge-x:clamp(1.5rem,4vw,5.5rem);--edge-y:clamp(1.35rem,3vw,3.5rem)}
*,*::before,*::after{box-sizing:border-box}html,body{width:100%;height:100%}html{background:var(--ink)}body{margin:0;overflow:hidden;background:var(--ink);color:var(--paper);font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}
.universe,.atmosphere,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.universe{z-index:0}.atmosphere{z-index:1;background:radial-gradient(ellipse at 50% 48%,transparent 0 25%,rgba(1,3,5,.16) 56%,rgba(0,1,2,.66) 100%),linear-gradient(180deg,rgba(0,0,0,.26),transparent 24%,transparent 68%,rgba(0,0,0,.42))}.grain{z-index:2;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.site-shell{position:relative;z-index:3;width:100%;min-height:100svh;height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:var(--edge-y) var(--edge-x)}.masthead,.footer{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.wordmark,.status,.primary-nav,.footer{text-transform:uppercase;letter-spacing:.2em}.wordmark{position:relative;justify-self:start;font-size:.66rem;font-weight:600;text-decoration:none}.status{grid-column:3;justify-self:end;display:flex;align-items:center;gap:.62rem;margin:0;color:var(--quiet);font-size:.59rem;letter-spacing:.23em}.status span{display:block;flex:0 0 auto;width:.5rem;height:.5rem;margin:0;border-radius:50%;background:#e31b23;box-shadow:0 0 .2rem rgba(227,27,35,.88),0 0 .7rem rgba(227,27,35,.42);animation:status-pulse 2.4s ease-in-out infinite}
.hero{position:relative;z-index:3;display:grid;place-items:center;min-height:0;text-align:center}.hero__content{position:relative;width:min(72rem,94vw);min-height:clamp(24rem,62vh,42rem);display:grid;place-items:center;transform:translateY(-.5vh)}.emblem-stage{--emblem-size:clamp(30rem,min(48vw,70vh),45rem);position:absolute;z-index:0;top:50%;left:50%;width:clamp(42.9rem,min(68.64vw,100vh),64.35rem);height:clamp(42.9rem,min(68.64vw,100vh),64.35rem);transform:translate(-50%,-52%);pointer-events:none;overflow:visible}.emblem-stage::after{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(78,91,109,.085),rgba(3,5,7,0) 68%)}.emblem-rotator{position:absolute;top:50%;left:50%;width:var(--emblem-size);height:var(--emblem-size);opacity:.145;mix-blend-mode:screen;filter:grayscale(.28) brightness(.58) contrast(1.08);animation:emblem-drift 118s linear infinite;will-change:transform}.emblem-rotator img{display:block;width:100%;height:100%;object-fit:contain}.hero__foreground{position:relative;z-index:2;width:100%;display:grid;justify-items:center}.hero-wordmark{display:block;width:clamp(20rem,38vw,40.625rem);max-width:92vw;height:auto;object-fit:contain;mix-blend-mode:screen;filter:brightness(.98) saturate(.96) drop-shadow(0 0 .28rem rgba(150,190,224,.16)) drop-shadow(0 0 .7rem rgba(227,27,35,.1));animation:wordmark-breathe 7.5s ease-in-out infinite;pointer-events:none}.statement{max-width:43rem;margin:clamp(2rem,4.4vh,3.25rem) auto clamp(1.45rem,3.5vh,2.6rem);color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-size:clamp(.98rem,1.36vw,1.25rem);line-height:1.65;letter-spacing:.018em}@keyframes emblem-drift{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes wordmark-breathe{50%{filter:brightness(1.02) saturate(1) drop-shadow(0 0 .36rem rgba(150,190,224,.22)) drop-shadow(0 0 .9rem rgba(227,27,35,.15))}}@keyframes status-pulse{0%,100%{transform:scale(.88);opacity:.74;box-shadow:0 0 .16rem rgba(227,27,35,.68),0 0 .45rem rgba(227,27,35,.22)}50%{transform:scale(1);opacity:1;box-shadow:0 0 .24rem rgba(227,27,35,.95),0 0 .78rem rgba(227,27,35,.48)}}
.primary-nav,.legal-nav{display:flex;align-items:center;justify-content:center}.primary-nav{gap:clamp(.8rem,1.8vw,1.7rem)}.primary-nav a,.legal-nav a{position:relative;text-decoration:none;transition:color 220ms ease}.primary-nav a{padding:.7rem .15rem;color:rgba(232,233,230,.7);font-size:clamp(.56rem,.64vw,.66rem)}.primary-nav i,.legal-nav i{width:1px;height:.75rem;background:var(--line);transform:rotate(18deg)}.primary-nav a::after,.legal-nav a::after,.wordmark::after{content:"";position:absolute;right:0;bottom:.35rem;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 260ms ease}.wordmark::after{bottom:-.4rem}.legal-nav a::after{bottom:-.25rem}.primary-nav a:hover,.legal-nav a:hover{color:var(--paper)}.primary-nav a:hover::after,.legal-nav a:hover::after,.wordmark:hover::after,a:focus-visible::after{transform:scaleX(1);transform-origin:left}a:focus-visible{outline:1px solid rgba(232,233,230,.65);outline-offset:.38rem}
.footer{align-items:end;color:var(--quiet);font-size:clamp(.48rem,.55vw,.58rem);letter-spacing:.12em}.footer__identity strong,.footer__identity small{display:block}.footer__identity strong{margin-bottom:.46rem;color:rgba(232,233,230,.72);font-family:Georgia,"Times New Roman",serif;font-size:.63rem;font-weight:400;letter-spacing:.2em}.footer__identity small{font-size:inherit}.legal-nav{grid-column:2;gap:clamp(.55rem,1vw,.95rem);justify-self:center}.legal-nav a{padding-bottom:.2rem}
@media(max-width:760px){:root{--edge-x:1.35rem;--edge-y:1.35rem}.hero__content{min-height:0;transform:translateY(-1.5vh)}.emblem-stage{--emblem-size:min(70vw,52vh);transform:translate(-50%,-53%)}.emblem-rotator{opacity:.105}.hero-wordmark{width:clamp(17rem,82vw,27rem);max-width:90vw}.statement{max-width:31rem;margin-top:clamp(1.65rem,4vh,2.3rem);margin-bottom:1.35rem;font-size:clamp(.84rem,3.7vw,1rem);line-height:1.55}.primary-nav{gap:.55rem .85rem;flex-wrap:wrap}.primary-nav a{font-size:.54rem;letter-spacing:.16em}.footer{grid-template-columns:1fr auto 1fr;align-items:end}.footer__identity strong{display:none}.legal-nav{grid-column:2;justify-self:center}}
@media(max-height:600px) and (min-width:761px){.hero__content{min-height:0}.emblem-stage{--emblem-size:min(46vw,68vh)}.hero-wordmark{width:clamp(18rem,34vw,30rem)}.statement{margin-block:1.2rem .85rem}.footer__identity strong{display:none}}@media(max-width:420px){.status{font-size:0}.status span{margin-right:0}.footer{display:block;text-align:center}.footer__identity{display:none}.legal-nav{display:flex;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}.emblem-rotator,.hero-wordmark,.status span{animation:none!important}}

/* Responsive stages also preserve the emblem's diagonal during rotation. */
@media(max-width:760px){.emblem-stage{width:min(100vw,74.4vh);height:min(100vw,74.4vh)}}
@media(max-height:600px) and (min-width:761px){.emblem-stage{width:min(65.8vw,97.2vh);height:min(65.8vw,97.2vh)}}

/* A colored energy pass is clipped to the official wordmark's alpha channel. */
.wordmark-lighting{position:relative;width:clamp(20rem,38vw,40.625rem);max-width:92vw;isolation:isolate;pointer-events:none}
.wordmark-lighting .hero-wordmark{width:100%;max-width:none}
.wordmark-lighting::after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 34%,rgba(239,40,47,0) 39%,rgba(239,40,47,.86) 44%,rgba(255,174,70,.88) 47%,rgba(118,213,255,.98) 50%,rgba(115,82,255,.72) 53%,rgba(239,40,47,.32) 56%,transparent 61%);background-size:260% 100%;background-position:145% 50%;mix-blend-mode:screen;opacity:.56;filter:drop-shadow(0 0 .3rem rgba(100,190,255,.22));-webkit-mask-image:url("../assets/branding/galaxy-rivals-wordmark.png");mask-image:url("../assets/branding/galaxy-rivals-wordmark.png");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;animation:wordmark-led-pass 7.2s cubic-bezier(.42,0,.32,1) infinite;will-change:background-position,opacity}
@keyframes wordmark-led-pass{0%,12%{background-position:145% 50%;opacity:0}18%{opacity:.52}58%{background-position:-145% 50%;opacity:.56}66%,100%{background-position:-145% 50%;opacity:0}}
@media(max-width:760px){.wordmark-lighting{width:clamp(17rem,82vw,27rem);max-width:90vw}}
@media(max-height:600px) and (min-width:761px){.wordmark-lighting{width:clamp(18rem,34vw,30rem)}}
@media(prefers-reduced-motion:reduce){.wordmark-lighting::after{animation:none!important;opacity:0}}

/* Higher-contrast pass: briefly colors the metal instead of only brightening it. */
.wordmark-lighting::after{background:linear-gradient(105deg,transparent 31%,rgba(255,20,38,0) 36%,rgba(255,20,38,.9) 41%,rgba(255,88,30,.96) 44%,rgba(255,225,144,1) 48%,rgba(236,250,255,1) 50%,rgba(55,188,255,1) 53%,rgba(109,75,255,.96) 57%,rgba(232,34,128,.72) 60%,transparent 66%);background-size:190% 100%;background-position:135% 50%;mix-blend-mode:normal;opacity:0;filter:drop-shadow(0 0 .3rem rgba(255,40,48,.5)) drop-shadow(0 0 .52rem rgba(65,180,255,.46));animation:wordmark-led-pass 5.6s cubic-bezier(.4,0,.25,1) infinite}
@keyframes wordmark-led-pass{0%,10%{background-position:135% 50%;opacity:0}16%{opacity:.9}68%{background-position:-135% 50%;opacity:.9}75%,100%{background-position:-135% 50%;opacity:0}}
@media(prefers-reduced-motion:reduce){.wordmark-lighting::after{animation:none!important;opacity:0}}