/* Same palette as the game: Prismo/UI/Theme.swift */
:root {
  --void: #05060E; --deep: #0B0E1D; --raised: #141935;
  --ink: #EEF1FF; --muted: rgba(238,241,255,.62); --faint: rgba(238,241,255,.38);
  --rule: rgba(238,241,255,.13); --cyan: #37E4FF;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--void); color: var(--ink);
  font-family: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;
  line-height: 1.65; -webkit-font-smoothing: antialiased;
}
.spectrum {
  height: 3px; border: 0; margin: 0;
  background: linear-gradient(90deg,#FF3B57,#FF8A3D,#FFD23D,#2BF08A,#37E4FF,#4A7BFF,#A855F7);
}
.wrap { max-width: 64ch; margin-inline: auto; padding: 0 24px 72px; }
header { padding: clamp(44px,8vw,80px) 0 8px; }
.mark {
  font-family: "Orbitron", sans-serif; font-weight: 800;
  font-size: clamp(2rem,7vw,2.8rem); letter-spacing: .06em; margin: 0;
  background: linear-gradient(90deg,#FF3B57,#FFD23D,#2BF08A,#37E4FF,#4A7BFF,#A855F7);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.tag { color: var(--faint); letter-spacing: .22em; text-transform: uppercase;
       font-size: .74rem; margin: 6px 0 0; }
h2 { font-family: "Orbitron", sans-serif; font-weight: 700;
     font-size: 1.3rem; margin: 44px 0 10px; letter-spacing: .01em; }
h3 { font-size: 1rem; margin: 26px 0 6px; color: var(--ink); }
p, li { color: var(--muted); margin: 0 0 12px; }
strong { color: var(--ink); }
a { color: var(--cyan); text-underline-offset: 2px; }
a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; border-radius: 3px; }
nav { display: flex; gap: 20px; margin: 24px 0 18px; font-size: .92rem; }
.card { background: var(--deep); border: 1px solid var(--rule);
        border-radius: 10px; padding: 20px 22px; margin: 18px 0; }
.card p:last-child { margin-bottom: 0; }
.lang { color: var(--faint); font-size: .74rem; letter-spacing: .18em;
        text-transform: uppercase; margin: 40px 0 0; }
footer { border-top: 1px solid var(--rule); margin-top: 56px; padding-top: 22px;
         color: var(--faint); font-size: .84rem; }
ul { padding-left: 1.15em; }