body { --bg:#0f172a; --card:#1e293b; --line:#334155; --text:#f1f5f9; --muted:#94a3b8; --amber:#f59e0b; margin:0; background:var(--bg); color:var(--text); }
.home { min-height:100vh; padding:clamp(24px,6vw,80px); background:var(--bg); color:var(--text); font:18px/1.5 system-ui,sans-serif; }
.home-inner { max-width:720px; margin:0 auto; }
.home-top { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.eyebrow { color:var(--amber); letter-spacing:.14em; text-transform:uppercase; }
.home-title { font:600 clamp(42px,8vw,76px)/1.05 Georgia,serif; margin:16px 0; }
.home-intro { color:var(--muted); max-width:530px; }
.game-link { display:block; margin-top:40px; padding:24px; border:1px solid var(--line); border-radius:16px; color:var(--text); text-decoration:none; max-width:480px; background:var(--card); }
.game-link + .game-link { margin-top:16px; }
.game-link:hover { border-color:var(--amber); }
.game-link-title { display:block; color:var(--amber); font:600 28px Georgia,serif; }
.appearance { display:flex; align-items:center; gap:6px; color:var(--muted); font:12px system-ui,sans-serif; }
.appearance button { min-height:36px; padding:0 12px; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--muted); font:600 12px system-ui,sans-serif; cursor:pointer; }
.appearance button[aria-pressed="true"] { background:var(--amber); color:var(--bg); border-color:var(--amber); }
.appearance button:focus-visible,.game-link:focus-visible { outline:2px solid var(--amber); outline-offset:3px; }
body[data-appearance="retro"] { --bg:#07130b; --card:#0b1b10; --line:#356b42; --text:#b9f5b5; --muted:#82b985; --amber:#cbff9e; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
body[data-appearance="retro"] .home { font-family:inherit; text-shadow:0 0 6px rgba(133,255,139,.16); }
body[data-appearance="retro"] .home-title,body[data-appearance="retro"] .game-link-title { font-family:inherit; text-transform:uppercase; letter-spacing:.04em; }
body[data-appearance="retro"] .game-link,body[data-appearance="retro"] .appearance button { border-radius:0; }
body[data-appearance="retro"] .appearance,body[data-appearance="retro"] .appearance button { font-family:inherit; text-transform:uppercase; }
body[data-appearance="retro"]::before { content:""; position:fixed; inset:0; pointer-events:none; background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.12) 4px); }
@media (prefers-reduced-motion:reduce) { body[data-appearance="retro"]::before { display:none; } }