@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/fonts/cormorant.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(assets/fonts/cormorant-italic.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/manrope.woff2) format('woff2')}
:root{
  --ink:#05041a;--night:#0a0830;--violet:#7b5cff;--lav:#c9bdff;--gold:#e8c27a;--gold-2:#f6e3b0;
  --text:#ece8ff;--muted:#a9a3d6;--line:rgba(232,194,122,.28);--card:rgba(20,15,66,.55);
  --go:#21E46B;--go-2:#70EE97;--den:#b98cff;--lilac:#6D20EC;--lilac-2:#813FEF;--lilac-heading:#A06EF3;--lilac-ink:#fff;--lilac-desc:#F3ECFF;--xrp-ink:#141414;--xrp-green-desc:#132717;--cta-ink:#1c1240;--cta-desc:#3a2a16;
  --serif:'Cormorant Garamond','Iowan Old Style',Georgia,serif;
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  min-height:100vh;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;
  background:
    radial-gradient(900px 520px at 85% -8%,#2a1a7a66,transparent 60%),
    radial-gradient(700px 480px at -15% 18%,#4c2fb844,transparent 58%),
    radial-gradient(500px 360px at 50% 100%,#1a104055,transparent 70%),
    linear-gradient(180deg,var(--ink),#0b0836 42%,var(--ink));
  background-repeat:no-repeat;
}
a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--gold-2)}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:12px;top:-40px;background:var(--gold);color:#1c1240;padding:8px 12px;font-weight:700;z-index:50;border-radius:8px}
.skip:focus{top:12px}
.wrap{width:min(520px,100% - 28px);margin-inline:auto}
header{padding:36px 0 8px;text-align:center}
.avatar{
  width:96px;height:96px;border-radius:50%;border:2px solid var(--gold);
  object-fit:cover;display:block;margin:0 auto 16px;
  box-shadow:0 0 0 6px rgba(232,194,122,.12),0 16px 40px #0008;
}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,10vw,2.85rem);line-height:1.05;letter-spacing:-.01em;color:var(--text)}
h1 em{font-style:italic;color:var(--gold-2);font-weight:500}
.tagline{margin:10px auto 0;max-width:34ch;color:var(--muted);font-size:1.02rem}
.social-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0 8px}
.social-chip{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
  border:1px solid var(--line);background:rgba(232,194,122,.06);color:var(--gold-2);
  font-weight:700;font-size:.86rem;text-decoration:none;
}
.social-chip:hover{background:rgba(232,194,122,.14);text-decoration:none;color:#fff}
.social-chip svg{width:16px;height:16px;fill:currentColor;flex:none}
main{padding:8px 0 28px}
.section{margin:26px 0 0}
.section h2{
  font-family:var(--serif);font-weight:500;font-size:1.55rem;line-height:1.15;
  color:var(--gold-2);margin:0 0 4px;
}
.subhead{color:var(--muted);font-size:.9rem;margin:0 0 12px}
.disclaimer{
  font-size:.78rem;color:var(--muted);margin:8px 0 0;padding:8px 12px;
  border-left:3px solid var(--gold);background:rgba(232,194,122,.07);border-radius:0 10px 10px 0;
}
.links{display:flex;flex-direction:column;gap:10px}
.link{
  display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:14px 16px;min-height:64px;
  transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;
}
.link:hover{
  text-decoration:none;color:var(--text);
  border-color:rgba(232,194,122,.55);
  background:rgba(32,24,80,.72);
  box-shadow:0 10px 28px -16px #e8c27a99;
  transform:translateY(-1px);
}
@media (prefers-reduced-motion:reduce){.link,.link:hover{transition:none;transform:none}}
.link .copy{flex:1;min-width:0;text-align:left}
.link strong{display:block;font-size:1rem;font-weight:700;letter-spacing:.01em}
.link .desc{display:block;margin-top:2px;color:var(--muted);font-size:.82rem;line-height:1.35}
.link .meta{
  flex:none;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
  color:#1c1240;background:linear-gradient(135deg,#f6e3b0,#e8c27a 55%,#c99a4a);
  border-radius:999px;padding:4px 8px;
}
.link .chev{flex:none;color:var(--gold);font-size:1.15rem;line-height:1}
.games{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
.games .link{min-height:56px;padding:12px 12px;border-radius:14px}
.games .link strong{font-size:.92rem}
.games .link .desc{display:none}
@media (max-width:420px){.games{grid-template-columns:1fr}}
footer{padding:10px 0 48px;text-align:center;color:var(--muted);font-size:.82rem}
footer p{margin:6px 0}
.fine{font-size:.74rem;color:#8e88bf}

.section.accent-gold{--accent:var(--gold);--accent-border:rgba(232,194,122,.55);--accent-bg:rgba(232,194,122,.12);--accent-glow:rgba(232,194,122,.45)}
.section.accent-purple{--accent:var(--den);--accent-border:rgba(185,140,255,.55);--accent-bg:rgba(185,140,255,.12);--accent-glow:rgba(185,140,255,.45)}
.section.accent-green{--accent:var(--go);--accent-border:rgba(33,228,107,.55);--accent-bg:rgba(33,228,107,.12);--accent-glow:rgba(33,228,107,.45)}
.section.accent-lilac{--accent:var(--lilac);--accent-border:rgba(109,32,236,.55);--accent-bg:rgba(109,32,236,.12);--accent-glow:rgba(109,32,236,.45)}
.section.accent-gold h2{color:var(--gold-2)}
.section.accent-purple h2{color:var(--den)}
.section.accent-green h2{color:var(--go)}
.section.accent-lilac h2{color:var(--lilac-heading)}
.section.accent-gold h2::before,
.section.accent-purple h2::before,
.section.accent-green h2::before,
.section.accent-lilac h2::before{
  content:"";
  display:inline-block;
  width:.5em;height:.5em;margin-right:.45em;vertical-align:.12em;
  border-radius:50%;background:currentColor;
  box-shadow:0 0 10px currentColor;
}
.section.accent-gold .link:not(.cta),
.section.accent-purple .link:not(.cta),
.section.accent-green .link:not(.cta),
.section.accent-lilac .link:not(.cta){
  border:1.5px solid var(--accent-border);
  border-left:3px solid var(--accent);
}
.section.accent-gold .link:not(.cta):hover,
.section.accent-gold .link:not(.cta):active,
.section.accent-purple .link:not(.cta):hover,
.section.accent-purple .link:not(.cta):active,
.section.accent-green .link:not(.cta):hover,
.section.accent-green .link:not(.cta):active,
.section.accent-lilac .link:not(.cta):hover,
.section.accent-lilac .link:not(.cta):active{
  border-color:var(--accent);
  border-left-color:var(--accent);
  background:var(--accent-bg);
  box-shadow:0 0 0 1px var(--accent-glow),0 8px 28px -10px var(--accent-glow);
}
.section.accent-green .disclaimer{
  border-left-color:var(--go);
  background:rgba(33,228,107,.08);
}
.section.accent-lilac .disclaimer{
  border-left-color:var(--lilac);
  background:rgba(109,32,236,.08);
}
.link.cta{
  border-color:transparent;
  box-shadow:0 8px 30px -8px #e8c27a99;
  background:linear-gradient(135deg,#f6e3b0,#e8c27a 55%,#c99a4a);
  color:var(--cta-ink);
}
.link.cta strong,.link.cta .chev{color:inherit}
.link.cta .desc{color:var(--cta-desc)}
.link.cta:hover{
  border-color:transparent;
  background:linear-gradient(135deg,#fff1c4,#f0cc86 55%,#d4a85a);
  box-shadow:0 12px 32px -10px #e8c27acc;
  transform:translateY(-2px);
  color:var(--cta-ink);
}
.link.cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
.link.cta-green{
  background:var(--go);
  color:var(--xrp-ink);
  box-shadow:0 8px 30px -8px rgba(33,228,107,.55);
}
.link.cta-green .desc{color:var(--xrp-green-desc)}
.link.cta-green:hover{
  background:var(--go-2);
  color:var(--xrp-ink);
  box-shadow:0 12px 32px -10px rgba(33,228,107,.65);
}
.link.cta-lilac{
  background:var(--lilac);
  color:var(--lilac-ink);
  box-shadow:0 8px 30px -8px rgba(109,32,236,.55);
}
.link.cta-lilac .desc{color:var(--lilac-desc)}
.link.cta-lilac:hover{
  background:var(--lilac-2);
  color:var(--lilac-ink);
  box-shadow:0 12px 32px -10px rgba(129,63,239,.65);
}

.section.accent-memes{--accent:#f5d547;--accent-border:rgba(245,213,71,.55);--accent-bg:rgba(245,213,71,.1);--accent-glow:rgba(245,213,71,.4)}
.section.accent-memes h2{color:#f5d547}
.section.accent-memes h2::before{
  content:"";
  display:inline-block;
  width:.5em;height:.5em;margin-right:.45em;vertical-align:.12em;
  border-radius:50%;background:currentColor;
  box-shadow:0 0 10px currentColor;
}
.link.cta-memes{
  background:linear-gradient(180deg,#1a1630,#100e1c);
  color:#f4f1e8;
  border:1.5px solid rgba(245,213,71,.55);
  box-shadow:0 8px 30px -8px rgba(245,213,71,.4);
  align-items:center;
}
.link.cta-memes strong,.link.cta-memes .chev{color:#f5d547}
.link.cta-memes .desc{color:#d8d0b0}
.link.cta-memes:hover{
  border-color:#f5d547;
  background:linear-gradient(180deg,#241e44,#161228);
  box-shadow:0 12px 32px -10px rgba(245,213,71,.55);
  color:#f4f1e8;
}
.memes-logos{
  display:flex;align-items:center;flex:none;margin-right:2px;
}
.memes-logos img{
  width:32px;height:32px;border-radius:50%;
  border:2px solid #f5d547;object-fit:cover;background:#0a0818;
  margin-right:-10px;
  box-shadow:0 0 0 2px #100e1c;
}
.memes-logos img:last-child{margin-right:0}
@media (max-width:360px){
  .memes-logos img{width:28px;height:28px;margin-right:-9px}
}