:root{--bg: #0b0d12;--bg-soft: #11141c;--panel: #161a24;--border: #232838;--text: #e7e9ee;--muted: #9aa3b2;--accent: #6d5dfc;--accent-2: #38e1c4;--accent-soft: rgba(109, 93, 252, .14);--code-bg: #0e1118;--max: 1120px;--radius: 14px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;letter-spacing:-.02em}code{font-family:var(--mono);font-size:.9em}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.section{padding:72px 0}.nav{position:sticky;top:0;z-index:50;background:#0b0d12c7;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:24px;height:60px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text);font-size:1.1rem}.brand:hover{text-decoration:none}.brand .logo{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff;font-family:var(--mono);font-weight:800}.nav-links{display:flex;gap:20px;margin-left:auto;align-items:center}.nav-links a{color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-cta{background:var(--accent);color:#fff!important;padding:7px 14px;border-radius:8px;font-weight:600}.nav-cta:hover{background:#5a4af0;text-decoration:none}.hero{padding:96px 0 64px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 0%,var(--accent-soft),transparent 70%);pointer-events:none}.hero-badge{display:inline-block;padding:6px 14px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.85rem;margin-bottom:24px;background:var(--panel)}.hero h1{font-size:clamp(2.4rem,6vw,4rem);margin:0 0 18px}.hero h1 .grad{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p.lead{font-size:1.25rem;color:var(--muted);max-width:680px;margin:0 auto 32px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;cursor:pointer;border:1px solid transparent;font-size:1rem;transition:transform .08s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff!important}.btn-ghost{background:var(--panel);color:var(--text)!important;border-color:var(--border)}.install{display:inline-flex;align-items:center;gap:12px;margin-top:28px;background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:12px 18px;font-family:var(--mono);color:var(--text);font-size:.95rem}.install .dollar{color:var(--accent-2)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3{margin:0 0 8px;font-size:1.15rem}.card .ico{font-size:1.6rem;margin-bottom:12px;display:block}.card p{color:var(--muted);margin:0;font-size:.96rem}.section h2{font-size:2rem;margin:0 0 12px;text-align:center}.section .sub{color:var(--muted);text-align:center;max-width:620px;margin:0 auto 44px}pre{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;padding:20px 22px;overflow-x:auto;font-family:var(--mono);font-size:.9rem;line-height:1.55;color:#d7dae3;margin:0}pre .tok-key{color:#c792ea}pre .tok-str{color:#c3e88d}pre .tok-com{color:#5c6370;font-style:italic}.code-card{max-width:760px;margin:0 auto}.docs{display:grid;grid-template-columns:240px 1fr;gap:48px;padding:40px 0 80px}.docs-side{position:sticky;top:84px;align-self:start;height:max-content}.docs-side h4{color:var(--muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;margin:22px 0 8px}.docs-side a{display:block;color:var(--muted);padding:5px 0;font-size:.95rem}.docs-side a:hover{color:var(--text);text-decoration:none}.docs-side a.active{color:var(--accent-2);font-weight:600}.docs-main{min-width:0;max-width:760px}.docs-main h1{font-size:2.2rem;margin:0 0 10px}.docs-main h2{font-size:1.5rem;margin:40px 0 12px;padding-top:8px}.docs-main h3{font-size:1.15rem;margin:28px 0 8px}.docs-main p,.docs-main li{color:#c8cdd8}.docs-main pre{margin:16px 0}.docs-main .lead{font-size:1.15rem;color:var(--muted)}.docs-main code:not(pre code){background:var(--accent-soft);color:#d6cffd;padding:2px 6px;border-radius:5px}.callout{border-left:3px solid var(--accent);background:var(--accent-soft);padding:12px 18px;border-radius:0 8px 8px 0;margin:20px 0;color:#d6d9e2}.next-links{display:flex;justify-content:space-between;gap:16px;margin-top:48px;flex-wrap:wrap}.next-links a{flex:1;min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;color:var(--text)}.next-links a:hover{border-color:var(--accent);text-decoration:none}.next-links small{color:var(--muted);display:block}.footer{border-top:1px solid var(--border);padding:40px 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.footer a{color:var(--muted)}table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--text)}td{color:var(--muted)}@media (max-width: 860px){.docs{grid-template-columns:1fr}.docs-side{position:static;display:flex;flex-wrap:wrap;gap:6px 16px}.docs-side h4{width:100%;margin:12px 0 4px}.nav-links a:not(.nav-cta){display:none}}.nav-ai{color:var(--accent-2)!important;font-weight:600}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ai-col{min-width:0}.ai-label{color:var(--muted);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;margin:0 0 10px}.ai-form-host{margin-bottom:8px}.cf{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.cf h3{margin:0 0 16px}.cf-field{display:block;color:var(--muted);font-size:.85rem;margin-bottom:14px}.cf-field input{display:block;width:100%;margin-top:5px;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--code-bg);color:var(--text);font:inherit}.cf-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border)}.cf-secret{margin-top:4px}.cf-badge{font-family:var(--mono);font-size:.68rem;color:#fca5a5;background:#ef444424;padding:2px 7px;border-radius:5px;margin-left:6px}.cf-note{color:var(--muted);font-size:.82rem;margin:8px 0 0}.ai-btns{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.ai-btns .btn{text-align:left;font-family:var(--mono);font-size:.88rem}.btn-danger{background:#ef44441f;color:#fca5a5!important;border:1px solid rgba(239,68,68,.4)}.btn-danger:hover{background:#ef444433}.ai-out{min-height:44px;padding:10px 14px;border-radius:8px;font-family:var(--mono);font-size:.85rem;border:1px solid var(--border);background:var(--code-bg);color:var(--muted);word-break:break-word}.ai-out.ok{border-color:#10b981;color:#6ee7b7}.ai-out.bad{border-color:#ef4444;color:#fca5a5}.ai-log{margin-top:10px;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--code-bg)}.ai-log-row{font-family:var(--mono);font-size:.78rem;padding:6px 12px;border-bottom:1px solid var(--border);color:var(--muted)}.ai-log-row.ok{color:#9ae6b4}.ai-log-row.bad{color:#fca5a5;background:#ef44440f}@media (max-width: 760px){.ai-grid{grid-template-columns:1fr}}.game-mount{display:flex;justify-content:center;margin-top:24px}.game-stage{position:relative;overflow:hidden;user-select:none;cursor:pointer;background:linear-gradient(180deg,#0e1320,#0a0c12);border:1px solid var(--border);border-radius:14px}.game-hud{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:3;font-family:var(--mono);font-weight:700;font-size:1.1rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none}.game-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#080a0f99;backdrop-filter:blur(2px)}.game-card{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px 28px}.game-card strong{font-size:1.3rem;display:block;margin-bottom:4px}.game-card p{color:var(--muted);margin:0 0 14px}.flappy-bird{position:absolute;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe27a,#f5a623);z-index:2;box-shadow:0 2px 8px #f5a62380;will-change:transform}.flappy-pipe{position:absolute;width:56px;background:linear-gradient(90deg,#1f8a4c,#34d27e);border:2px solid #0d5b30;box-sizing:border-box}.runner-ground{position:absolute;left:0;right:0;bottom:0;height:28px;background:repeating-linear-gradient(90deg,#1b2030,#1b2030 18px,#232a3d 18px 36px)}.runner-player{position:absolute;left:50px;bottom:28px;width:30px;height:30px;background:linear-gradient(180deg,#8b7bff,#6d5dfc);border-radius:6px;z-index:2;will-change:transform}.runner-obstacle{position:absolute;bottom:28px;background:#ef4444;border-radius:3px 3px 0 0}.m3-wrap{max-width:420px;margin:0 auto;text-align:center}.m3-wrap .game-hud{position:static;transform:none;color:var(--text);text-shadow:none;margin-bottom:12px}.m3-grid{display:grid;gap:5px;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.m3-cell{aspect-ratio:1;border:none;border-radius:8px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.m3-cell:hover{transform:scale(1.06)}.m3-cell.m3-sel{box-shadow:0 0 0 3px #fff inset;transform:scale(1.06)}.m3-wrap .btn{margin-top:14px}