/* Aevest site pages (game page, about, support): the landing's look with a
   still sky and light motion. Landing has its own inline styles. */
@font-face{font-family:'Clash Grotesk';font-weight:200;font-display:swap;src:url(/fonts/clash-200.woff2) format('woff2')}
@font-face{font-family:'Clash Grotesk';font-weight:400;font-display:swap;src:url(/fonts/clash-400.woff2) format('woff2')}
@font-face{font-family:'Clash Grotesk';font-weight:600;font-display:swap;src:url(/fonts/clash-600.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/jakarta.woff2) format('woff2')}
:root{--bg:#000;--ink:#fff;--ink2:#9CA3AF;--ink3:#6B7280;--dim:#374151;--glass:rgba(255,255,255,.03);--glass2:rgba(255,255,255,.06);--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.3);--btn:#fff;--btn-ink:#000;--teal:#4fd1b3;--ease:cubic-bezier(.16,1,.3,1);--ease2:cubic-bezier(.33,1,.68,1);color-scheme:dark}
:root[data-theme="light"]{--bg:#f6f7fb;--ink:#0a0f1c;--ink2:#4b5563;--ink3:#6b7280;--dim:#d1d5db;--glass:rgba(255,255,255,.55);--glass2:rgba(255,255,255,.8);--line:rgba(10,15,28,.1);--line2:rgba(10,15,28,.3);--btn:#0a0f1c;--btn-ink:#fff;color-scheme:light}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:300 16px/1.7 "Plus Jakarta Sans",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
a{color:inherit}
::selection{background:var(--ink);color:var(--bg)}
/* still sky: a soft radial glow, no shader */
#sky{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 30%,rgba(79,209,179,.16),transparent 70%),radial-gradient(40% 40% at 85% 85%,rgba(79,140,255,.08),transparent 70%)}
:root[data-theme="light"] #sky{background:radial-gradient(60% 50% at 50% 30%,rgba(79,209,179,.22),transparent 70%),radial-gradient(40% 40% at 85% 85%,rgba(79,140,255,.10),transparent 70%)}
.page{position:relative;z-index:1;flex:1}
.lbl{font:600 11px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase}
.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2)}
:root[data-theme="light"] .badge{background:rgba(10,15,28,.05);border-color:rgba(10,15,28,.2)}
.badge i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal);font-style:normal}
/* nav */
nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,3vw,40px);background:rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
:root[data-theme="light"] nav{background:rgba(246,247,251,.6)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo .mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;overflow:hidden}
.logo .mark img{width:40px;height:40px;display:block}
.logo b{font:600 17px/1 "Clash Grotesk",sans-serif;letter-spacing:.02em}
nav ul{list-style:none;margin:0;padding:0;display:none;gap:34px}
@media (min-width:860px){nav ul{display:flex}}
nav ul a{text-decoration:none;color:var(--ink2);transition:color .3s}
nav ul a:hover,nav ul a[aria-current="page"]{color:var(--ink)}
.navr{display:flex;align-items:center;gap:10px}
.pill{display:inline-flex;align-items:center;height:42px;padding:0 22px;border-radius:999px;border:1px solid var(--line2);color:var(--ink);text-decoration:none;transition:background .3s var(--ease2),color .3s var(--ease2),transform .3s var(--ease2);background:transparent}
.pill:hover{background:var(--ink);color:var(--bg);transform:scale(1.05)}
.pill.solid{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.pill.solid:hover{opacity:.9}
.tg{width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .3s var(--ease2)}
.tg:hover{transform:scale(1.08)}
.tg svg{width:17px;height:17px}
.tg .moon{display:none}
:root[data-theme="light"] .tg .sun{display:none}
:root[data-theme="light"] .tg .moon{display:block}
/* content */
.wrap{width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(18px,4vw,48px)}
.pg{padding-top:clamp(56px,9vh,110px);padding-bottom:clamp(60px,10vh,120px)}
h1{font:600 clamp(44px,7vw,104px)/.92 "Clash Grotesk","Space Grotesk",sans-serif;letter-spacing:-.04em;margin:18px 0 20px}
h1 em,h2 em{font-style:normal;font-weight:200;color:var(--ink2)}
h2{font:600 clamp(28px,3.6vw,48px)/1 "Clash Grotesk","Space Grotesk",sans-serif;letter-spacing:-.03em;margin:0 0 16px}
h3{font:600 20px/1.2 "Clash Grotesk",sans-serif;letter-spacing:-.02em;margin:0 0 8px}
.lede{color:var(--ink2);max-width:44rem;font-size:clamp(16px,1.35vw,19px);margin:0 0 30px}
p{margin:0 0 14px;max-width:66ch;color:var(--ink2)}
p b,li b{color:var(--ink);font-weight:600}
ul.list{margin:0 0 16px;padding-left:20px;color:var(--ink2)}
ul.list li{margin:6px 0}
section{padding:34px 0;border-top:1px solid var(--line)}
section:first-of-type{border-top:0;padding-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{border-radius:22px;padding:26px 24px;transition:transform .5s var(--ease),border-color .5s}
.card:hover{transform:translateY(-6px);border-color:var(--line2)}
.card p{font-size:15px;margin:0}
.card img{width:96px;height:96px;display:block;margin:0 0 10px}
.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:8px}
.avatars{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.avatars img{width:clamp(48px,7vw,84px);height:auto;transition:transform .5s var(--ease)}
.avatars img:hover{transform:translateY(-6px) rotate(-4deg)}
footer{position:relative;z-index:1;padding:22px clamp(18px,3vw,40px) 26px;display:flex;justify-content:space-between;align-items:center;gap:14px 26px;flex-wrap:wrap;color:var(--ink3);border-top:1px solid var(--line)}
footer a{text-decoration:none;transition:color .3s}
footer a:hover{color:var(--ink)}
footer .mid{display:flex;align-items:center;gap:14px}
footer .mid i{width:32px;height:1px;background:var(--dim);display:block}
/* light reveals */
html.m .r{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
html.m .r.in{opacity:1;transform:none}