/* Static guide: semantic content without game scripts or canvas. Values mirror the game UI palette. */
:root{
/* ZEMARIS SHARED UI TOKENS BEGIN (generated) */
  --bg:#050712;
  --text:#eef5ff;
  --font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --color-accent-cyan:#62e9ff;
  --color-accent-violet:#a489ff;
  --color-control-ink:#07111c;
  --ui-action-primary-bg:linear-gradient(90deg,var(--color-accent-cyan),var(--color-accent-violet));
  --ui-action-secondary-border:rgba(150,195,230,.16);
  --ui-text-description:#9fb1ca;
/* ZEMARIS SHARED UI TOKENS END */
color-scheme:dark;--muted:var(--ui-text-description);--cyan:var(--color-accent-cyan);--violet:var(--color-accent-violet);--border:var(--ui-action-secondary-border);--surface:rgba(7,12,24,.92);font-family:var(--font-ui)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0%,rgba(98,233,255,.09),transparent 40%),radial-gradient(ellipse at 100% 20%,rgba(164,137,255,.08),transparent 40%),var(--bg);color:var(--text);line-height:1.6}
a{color:var(--cyan);text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:3px}
.siteHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px max(20px,calc((100vw - 940px)/2));border-bottom:1px solid var(--border)}
.wordmark{text-decoration:none;color:var(--text);font-weight:950;font-size:21px;letter-spacing:.065em}.wordmark span{color:var(--cyan)}
.playLink{display:inline-flex;align-items:center;gap:12px;justify-content:center;padding:11px 17px;border-radius:9px;background:var(--ui-action-primary-bg);font-weight:850;color:var(--color-control-ink);text-decoration:none;white-space:nowrap}
.playLink:hover{filter:brightness(1.09)}
.layout{max-width:940px;margin:0 auto;padding:28px 20px 50px}.crumb{display:flex;gap:10px;color:var(--muted);font-size:13px;margin-bottom:30px}.crumb a{color:var(--muted)}
.hero{margin-bottom:36px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.16em;color:var(--cyan)}h1{font-size:clamp(30px,5vw,44px);line-height:1.12;margin:10px 0 20px}h2{font-size:clamp(21px,3vw,26px);line-height:1.3;margin:0 0 18px}h3{font-size:16px;margin:0 0 8px}p{margin:0 0 14px;color:#c5d5e5}.lead{font-size:17px;color:#dce9f6;max-width:760px}
section{margin-top:32px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.card,.faqItem{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:20px}.card p,.faqItem p{margin-bottom:0}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.controls div{display:flex;align-items:baseline;gap:14px;padding:12px 15px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.controls dt{flex:0 0 140px;color:var(--cyan);font-weight:850}.controls dd{margin:0;color:#c5d5e5}
.faq{border-top:1px solid var(--border);padding-top:28px}.faqItem{margin-bottom:10px}.cta{margin:30px 0 0}.siteFooter{padding:20px;text-align:center;color:var(--muted);border-top:1px solid var(--border);font-size:13px}
@media(max-width:740px){.cards,.controls{grid-template-columns:1fr}.siteHeader{padding:14px 18px}.layout{padding:20px 18px 42px}.controls dt{flex-basis:135px}.card,.faqItem{padding:16px}}
@media(max-width:380px){.wordmark{font-size:17px}.playLink{padding:10px 12px;font-size:13px}.controls div{display:block}.controls dt{margin-bottom:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}