/* shared look for the legal pages (privacy, terms): plain, readable, the game's colours */
:root { --ink: #1b2142; --ink-2: #39406b; --muted: #5d6390; --paper: #fff8ec; --soft: #f4f1ff; --pink: #ff5fa8; --yellow: #ffd23f; --cyan: #4fe3ff; --green: #5ee86a; --orange: #ff9a2e;
  --gut-l: max(16px, env(safe-area-inset-left, 0px)); --gut-r: max(16px, env(safe-area-inset-right, 0px)); color-scheme: light; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Nunito", -apple-system, "Segoe UI", system-ui, sans-serif; font-size: 17px; line-height: 1.6; }
a { color: var(--ink); font-weight: 800; }
.top { display: flex; align-items: center; gap: 10px; max-width: 760px; margin: 0 auto; padding: 16px var(--gut-r) 10px var(--gut-l); }
.logo { font-family: "Lilita One", "Arial Rounded MT Bold", sans-serif; font-size: 1.35rem; text-decoration: none; white-space: nowrap; -webkit-text-stroke: .14em var(--ink); paint-order: stroke fill; text-shadow: .06em .07em 0 var(--ink); letter-spacing: .02em; }
.logo b { font-weight: 400; }
.logo b:nth-child(6n+1) { color: var(--pink); } .logo b:nth-child(6n+2) { color: var(--yellow); } .logo b:nth-child(6n+3) { color: var(--cyan); }
.logo b:nth-child(6n+4) { color: var(--green); } .logo b:nth-child(6n+5) { color: var(--orange); } .logo b:nth-child(6n+6) { color: var(--pink); }
.beta { font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; background: var(--pink); color: #fff; border: 2px solid var(--ink); border-radius: 8px; padding: 1px 8px; rotate: -6deg; white-space: nowrap; }
main { max-width: 760px; margin: 0 auto; padding: 10px var(--gut-r) 50px var(--gut-l); }
h1, h2 { font-family: "Lilita One", "Arial Rounded MT Bold", sans-serif; font-weight: 400; line-height: 1.1; }
h1 { font-size: clamp(2rem, 1.5rem + 2.5vw, 2.8rem); margin: 10px 0 4px; }
h2 { font-size: 1.35rem; margin: 30px 0 8px; }
.meta { color: var(--muted); font-weight: 800; font-size: .9rem; margin: 0 0 20px; }
p, li { color: var(--ink-2); font-weight: 600; }
ul { padding-left: 1.2em; }
li { margin: 6px 0; }
.short { background: #fff; border: 3px solid var(--ink); border-radius: 20px; box-shadow: 5px 5px 0 var(--ink); padding: 4px 20px 10px; }
.short h2 { margin-top: 16px; }
.short.safety { background: #fff3c4; }
table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: .92rem; }
td { border: 2px solid #d9d4ea; padding: 8px 10px; vertical-align: top; color: var(--ink-2); font-weight: 600; }
tr:first-child td { background: var(--soft); color: var(--ink); }
@media (max-width: 560px) { table, tr, td { display: block; width: 100%; } tr:first-child { display: none; } tr { border: 2px solid #d9d4ea; border-radius: 12px; margin-bottom: 10px; overflow: hidden; } td { border: 0; border-bottom: 1px solid #ece8f6; } td:first-child { color: var(--ink); font-weight: 800; } }
footer { display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; padding: 20px; border-top: 3px solid var(--ink); font-size: .92rem; }
footer a { text-decoration: none; }