/* Starbound family style, borrowed from starboundsec.com */
:root{--mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--bg:#F7F6F2}
body{background:
 radial-gradient(1100px 520px at 85% -8%,rgba(59,168,143,.13),transparent 60%),
 radial-gradient(900px 480px at -10% 30%,rgba(31,95,74,.08),transparent 60%),
 radial-gradient(800px 500px at 110% 85%,rgba(208,122,92,.07),transparent 60%),
 linear-gradient(180deg,#FBFAF7 0%,#F3F2EE 100%);background-attachment:fixed;color:#111}
header.top{background:rgba(251,250,247,.82);backdrop-filter:saturate(1.4) blur(10px)}
.hero{isolation:isolate;border-bottom:1px solid var(--rule)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url(/assets/bg1-constellations-hero.svg) right -60px top 0/528px 408px no-repeat,url(/assets/bg1-dots.svg) 0 0/24px 24px repeat;
 -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent);opacity:.7}
h1{font-weight:600;letter-spacing:-.035em}
.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.75);border:1px solid var(--rule);color:var(--muted);border-radius:2px}
.btn{border-radius:2px;background:#111;color:#fff;border:1.5px solid #111;font-weight:600;letter-spacing:-.01em}
.btn:hover{background:var(--forest);border-color:var(--forest)}
.btn.ghost{background:transparent;color:#111;border:1.5px solid #111}
.btn.ghost:hover{color:var(--forest);border-color:var(--forest);background:transparent}
.note,.card{background:rgba(255,255,255,.88);border:1px solid var(--rule);border-radius:4px;box-shadow:0 1px 2px rgba(17,17,17,.04),0 12px 32px -16px rgba(17,17,17,.14);backdrop-filter:blur(4px)}
.note{border-left:3px solid var(--forest)}
.brick{border-radius:2px;background:linear-gradient(160deg,#FFFFFF,#ECEAE3 70%,#E2DFD6)!important;border:1px solid #D9D5CC;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(17,17,17,.06)}
.brick:nth-child(5n+2){background:linear-gradient(160deg,#F2F7F4,#DCEAE3)!important;border-color:#C9DDD3}
.brick:nth-child(7n+3){background:linear-gradient(160deg,#FBF3EE,#EFDCD2)!important;border-color:#E6CFC3}
.brick span{font-family:var(--mono);font-weight:500;color:rgba(31,95,74,.6);letter-spacing:.06em}
.brick img{opacity:.55}
.angel pre{font-family:var(--mono);color:var(--forest)}
.navgames{margin-left:auto;font-weight:600;text-decoration:none;color:#111;padding:.5rem .8rem;border:1.5px solid var(--rule);border-radius:2px;min-height:2.6rem;display:none;align-items:center}
.navgames:hover{border-color:var(--forest);color:var(--forest)}
@media (min-width:600px){.navgames{display:inline-flex}}
.actions{flex-wrap:wrap}
a.card.game{display:flex;flex-direction:column;text-decoration:none;color:#111;transition:transform .15s,box-shadow .15s}
a.card.game:hover{transform:translateY(-2px);box-shadow:0 16px 36px -16px rgba(31,95,74,.35)}
a.card.game .go{margin-top:auto;padding-top:.6rem;font-weight:700;color:var(--forest)}
.games{background:radial-gradient(600px 300px at 15% 0%,rgba(244,196,90,.16),transparent 70%)}
section[id]{scroll-margin-top:5rem}
.mission{padding-bottom:0}
.missioncard{border-left:3px solid var(--forest);font-size:1.05rem;line-height:1.7;max-width:46rem}
.missioncard p{margin:.4rem 0 0}