:root{--bg:#0f1220;--bg-soft:#171b2e;--bg-card:#1c2138;--border:#2a3050;--text:#eef1fb;--text-muted:#a6adc8;--accent:#5b8cff;--accent-2:#ff7a59;--accent-glow:#5b8cff59;--good:#37d399;--radius:14px;--maxw:1080px;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:radial-gradient(1200px 600px at 50% -200px, #1b2140 0%, var(--bg) 60%);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.skip-link{z-index:100;color:#111;background:#fff;border-radius:8px;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{margin-top:1.6em;font-size:clamp(1.4rem,3vw,1.9rem)}h3{font-size:1.15rem}p{margin:0 0 1em}.site-header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0f1220d1;position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand .logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:900;display:inline-grid}.site-nav{flex-wrap:wrap;gap:6px;display:flex}.site-nav a{color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:.95rem}.site-nav a:hover{color:var(--text);background:var(--bg-soft);text-decoration:none}.site-nav a[aria-current=page]{color:var(--text);background:var(--bg-card)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.hero{padding:40px 0 8px}.hero p.lede{color:var(--text-muted);max-width:60ch;font-size:1.1rem}.game-wrap{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px -30px var(--accent-glow);background:#0b0e18;margin:22px 0 8px;overflow:hidden}.game-wrap iframe{background:#0b0e18;border:0;width:100%;display:block}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:8px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:18px;transition:transform .15s,border-color .15s;display:flex}.card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-3px)}.card .card-emoji{font-size:1.6rem}.card h3{color:var(--text);margin:0}.card p{color:var(--text-muted);margin:0;font-size:.95rem}.card .play-cta{color:var(--accent);margin-top:auto;font-size:.9rem;font-weight:600}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.feature{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.feature .ico{font-size:1.4rem}.feature h3{margin:6px 0 4px}.feature p{color:var(--text-muted);margin:0;font-size:.95rem}.prose{max-width:72ch}.prose ul,.prose ol{padding-left:1.2em}.prose li{margin-bottom:.4em}.callout{border-left:4px solid var(--accent);background:var(--bg-soft);border-radius:0 var(--radius) var(--radius) 0;margin:8px 0 4px;padding:14px 18px}.callout p:last-child{margin-bottom:0}.controls-table{border-collapse:collapse;width:100%;margin:8px 0}.controls-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 12px}.controls-table td:first-child{white-space:nowrap;color:var(--accent);width:1%;font-weight:600}.crumbs{color:var(--text-muted);margin:22px 0 6px;font-size:.85rem}.crumbs a{color:var(--text-muted)}.crumbs a:hover{color:var(--text)}.faq details{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;margin-bottom:10px;padding:4px 16px}.faq summary{cursor:pointer;padding:12px 0;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--accent);font-weight:700}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--text-muted);margin:0 0 12px}.tips{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.tip{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.tip h3{margin:0 0 6px;font-size:1rem}.tip p{color:var(--text-muted);margin:0;font-size:.95rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);margin-top:56px;font-size:.9rem}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--text)}.foot-cols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding:32px 0 20px;display:grid}.foot-brand{max-width:34ch}.foot-col{flex-direction:column;gap:8px;display:flex}.foot-col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin:0 0 4px;font-size:.78rem}.foot-col a{font-size:.9rem}.foot-copy{padding-bottom:24px;display:block}@media (width<=720px){.foot-cols{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}@media (width<=420px){.foot-cols{grid-template-columns:1fr}}.section{margin-top:8px}.muted{color:var(--text-muted)}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#5b8cff26;border:1px solid #5b8cff4d;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.btn-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.btn{background:linear-gradient(135deg, var(--accent), #6f7bff);color:#fff;border:0;border-radius:999px;padding:10px 18px;font-weight:600;display:inline-block}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn.secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text)}@media (width<=560px){.site-header .inner{flex-direction:column;align-items:flex-start;height:auto;padding:10px 0}.hero{padding-top:26px}}