/* Keep the long landing page visually smooth on large and small screens. */
body {
  background: linear-gradient(180deg, #07090d 0%, #080b10 48%, #07090d 100%);
}

.grain {
  display: none !important;
}

.manifest,
.codex-gateway,
.ranking {
  background-color: #080b10;
}

.social-menu{position:relative;align-self:stretch;color:#e8e2d7;font:600 11px Inter;letter-spacing:.17em;text-transform:uppercase}
.social-menu summary{position:relative;display:flex;align-items:center;height:100%;padding:0;cursor:pointer;list-style:none;white-space:nowrap;transition:color .25s,text-shadow .25s}
.social-menu summary::-webkit-details-marker{display:none}
.social-menu summary:after{content:'⌄';margin-left:8px;color:var(--gold);font-size:13px}
.social-menu summary:before{content:'';position:absolute;left:50%;right:50%;bottom:22px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transition:left .3s,right .3s,box-shadow .3s}
.social-menu[open] summary,.social-menu summary:hover{color:var(--gold2);text-shadow:0 0 16px rgba(213,173,99,.28)}
.social-menu[open] summary:before,.social-menu summary:hover:before{left:0;right:0;box-shadow:0 0 10px rgba(213,173,99,.45)}
.social-menu>div{position:absolute;top:72px;left:50%;z-index:30;min-width:220px;padding:9px;transform:translateX(-50%);border:1px solid rgba(213,173,99,.35);background:rgba(7,9,13,.98);box-shadow:0 18px 45px rgba(0,0,0,.55)}
.nav .social-menu>div>a{position:relative;display:flex;align-items:center;gap:12px;padding:12px 13px;color:#e8e2d7;text-decoration:none;overflow:hidden;transition:color .22s,transform .22s}
.nav .social-menu>div>a:before{content:'';position:absolute;inset:0;opacity:0;transform:translateX(-12px);background:linear-gradient(90deg,rgba(213,173,99,.12),transparent);transition:opacity .22s,transform .22s}
.nav .social-menu>div>a:hover{color:#fff;transform:translateX(4px)}
.nav .social-menu>div>a:hover:before{opacity:1;transform:none}
.social-menu svg,.social-menu a span{position:relative;z-index:1}
.social-menu svg{width:24px;height:24px;flex:0 0 24px;transition:transform .25s,filter .25s}
.social-menu a:hover svg{transform:scale(1.12) rotate(-4deg)}
.social-menu a:first-child:hover svg{filter:drop-shadow(0 0 8px rgba(88,101,242,.7))}
.social-menu a:last-child:hover svg{filter:drop-shadow(0 0 8px rgba(225,48,108,.65))}
.discord-icon{fill:#5865f2}
.instagram-icon{fill:none;stroke:#e1306c;stroke-width:2}
.instagram-icon circle:last-child{fill:#e1306c;stroke:none}
.social-menu summary:before{display:none!important}

@media (max-width: 900px) {
  .social-menu{align-self:auto}
  .social-menu summary{height:auto;padding:14px;border-bottom:1px solid var(--line)}
  .social-menu summary:before{bottom:0}
  .social-menu>div{position:static;min-width:0;padding:5px 12px;transform:none;border:0;box-shadow:none;background:#07090d}
  .nav .social-menu>div>a{padding:12px}
}