:root{--putty: #ECE7DF;--putty-deep: #E2DBCF;--ink: #1B1A17;--ink-soft: #5C574E;--mint: #16C79A;--mint-deep: #0FA47E;--tangerine: #FF7A3D;--tangerine-deep: #E85F22;--cream: #FBF9F4;--lilac: #B9A7FF;--rose: #FF5C7A;--line: #DAD2C5;--slate-bg: #141311;--slate-card: #1D1B18;--slate-border: #2E2A24;--slate-text: #E5E0D8;--slate-muted: #9C9589;--shadow: 0 1px 0 #fff inset, 0 18px 40px -22px rgba(27,26,23,.5);--shadow-card: 0 1px 0 rgba(255,255,255,.7) inset, 0 14px 30px -18px rgba(27,26,23,.45);--r: 16px;--r-lg: 24px;--display: "Space Grotesk", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--putty);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow-y:auto;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}code,pre{font-family:var(--mono);font-size:.9em}.kicker{font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.display{font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:-.02em}.section-title{font-family:var(--display);font-weight:700;font-size:clamp(28px,4vw,42px);letter-spacing:-.02em;line-height:1.1;margin-bottom:12px}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:600;font-size:12px;padding:7px 12px;border-radius:999px;background:var(--cream);border:1px solid var(--line)}.chip-dark{background:var(--slate-card);border:1px solid var(--slate-border);color:var(--slate-text)}.navbar{position:sticky;top:0;left:0;right:0;z-index:100;background:#ece7dfd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:19px;color:var(--ink);letter-spacing:-.01em}.nav-logo .dot{width:7px;height:7px;border-radius:50%;background:var(--mint-deep);box-shadow:0 0 10px var(--mint)}.nav-menu{display:flex;list-style:none;gap:6px;align-items:center}.nav-btn{font-family:var(--display);font-weight:600;font-size:14px;padding:8px 16px;border-radius:10px;color:var(--ink-soft);transition:all .15s ease}.nav-btn:hover{color:var(--ink);background:#0000000a}.nav-btn.active{color:var(--ink);background:var(--cream);border:1px solid var(--line);box-shadow:0 2px 5px #00000008}.nav-action-btn{font-family:var(--display);font-weight:600;font-size:13px;padding:8px 14px;border-radius:10px;background:var(--ink);color:var(--cream);display:inline-flex;align-items:center;gap:6px;transition:opacity .15s ease}.nav-action-btn:hover{opacity:.9}.nav-mobile-row{display:none}@media (max-width: 768px){.navbar{padding:12px 16px}.nav-menu{display:none}.nav-mobile-row{display:flex;justify-content:center;background:var(--cream);border-bottom:1px solid var(--line);padding:8px;gap:4px;overflow-x:auto;white-space:nowrap}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-pad{padding:80px 0;border-bottom:1px solid var(--line)}.section-pad.alt{background:var(--cream)}.section-pad.dark{background:var(--slate-bg);color:var(--slate-text);border-bottom:1px solid var(--slate-border)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding:60px 0 100px}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:32px;padding:40px 0 60px}}.hero-tagline{font-size:clamp(38px,5.5vw,64px);margin-top:12px;margin-bottom:24px}.hero-sub{font-size:clamp(16px,2.2vw,19px);line-height:1.55;color:var(--ink-soft);max-width:680px;margin-bottom:36px}.dark .hero-sub{color:var(--slate-muted)}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}@media (max-width: 992px){.hero-cta{justify-content:center}}.quickstart-box{background:var(--slate-card);border:1px solid var(--slate-border);border-radius:var(--r);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-top:32px;max-width:480px}.quickstart-box code{color:var(--mint);font-weight:500}.copy-btn{background:none;border:none;color:var(--slate-muted);font-size:12px;font-family:var(--display);font-weight:600;padding:4px 8px;border-radius:6px;border:1px solid var(--slate-border);transition:all .15s ease}.copy-btn:hover{color:var(--slate-text);background:#ffffff0d}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 992px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.dev-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--r-lg);padding:36px;transition:transform .2s ease,box-shadow .2s ease}.dev-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -10px #0000001a}.dev-card.dark{background:var(--slate-card);border-color:var(--slate-border)}.dev-card.dark:hover{box-shadow:0 10px 30px -15px #00000080}.dev-card h3{font-family:var(--display);font-size:22px;font-weight:700;margin-bottom:12px}.dev-card p{color:var(--ink-soft);font-size:14.5px;line-height:1.6}.dev-card.dark p{color:var(--slate-muted)}.subproject-dashboard{background:var(--slate-bg);border:1px solid var(--slate-border);border-radius:var(--r-lg);overflow:hidden;margin-top:40px}.dashboard-header{border-bottom:1px solid var(--slate-border);padding:0 24px;background:#14131180;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.dashboard-tabs{display:flex}.dashboard-tab-btn{font-family:var(--display);font-weight:600;font-size:14px;color:var(--slate-muted);padding:20px 24px;border-bottom:2px solid transparent;transition:all .15s ease}.dashboard-tab-btn:hover{color:var(--slate-text)}.dashboard-tab-btn.active{color:var(--mint);border-bottom-color:var(--mint)}.dashboard-body{padding:40px}@media (max-width: 768px){.dashboard-body{padding:24px}}.dashboard-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}@media (max-width: 992px){.dashboard-grid{grid-template-columns:1fr}}.editor-frame{background:#11100f;border:1px solid var(--slate-border);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0000004d}.editor-titlebar{background:#171614;padding:10px 16px;border-bottom:1px solid var(--slate-border);display:flex;align-items:center;justify-content:space-between}.editor-dots{display:flex;gap:6px}.editor-dot{width:10px;height:10px;border-radius:50%;background:#2e2a24}.editor-dot.red{background:var(--rose)}.editor-dot.yellow{background:var(--tangerine)}.editor-dot.green{background:var(--mint)}.editor-filename{font-family:var(--mono);font-size:11px;color:var(--slate-muted)}.editor-lang{font-family:var(--display);font-size:10px;text-transform:uppercase;font-weight:700;color:var(--mint);background:#16c79a1a;padding:2px 6px;border-radius:4px}.editor-content{padding:20px;overflow-x:auto}.editor-content pre{margin:0;color:#dbd6cd;line-height:1.5}.editor-content .comment{color:#6b6356}.editor-content .keyword{color:#f28b54;font-weight:600}.editor-content .string{color:#a3e635}.editor-content .function{color:#60a5fa}.editor-content .number{color:#f43f5e}.detail-list{list-style:none;display:flex;flex-direction:column;gap:20px}.detail-item{display:flex;gap:16px;align-items:flex-start}.detail-icon{background:#16c79a14;border:1px solid rgba(22,199,154,.2);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:14px;flex-shrink:0}.detail-text h4{font-family:var(--display);font-size:16px;font-weight:600;margin-bottom:4px}.detail-text p{font-size:13.5px;line-height:1.5;color:var(--slate-muted)}.game-sims-container{max-width:1000px;margin:0 auto}.playground-nav{display:flex;justify-content:center;gap:12px;margin-bottom:40px}.playground-btn{font-family:var(--display);font-weight:600;font-size:15px;padding:12px 24px;border-radius:12px;background:var(--cream);border:1px solid var(--line);color:var(--ink-soft);transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.playground-btn:hover{color:var(--ink);border-color:var(--ink-soft)}.playground-btn.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.mobile-game-wrapper{display:flex;justify-content:center;align-items:center;padding:24px 0;position:relative}.frame{position:relative;width:100%;max-width:420px;height:820px;background:radial-gradient(120% 60% at 50% -10%,rgba(185,167,255,.18),transparent 60%),var(--putty);display:flex;flex-direction:column;overflow:hidden;border-radius:36px;border:10px solid #1c1b18;box-shadow:0 0 0 2px #3c3a35,0 20px 60px -20px #0006}.fill{flex:1;min-height:0;display:flex;flex-direction:column}.scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:0}.btn{position:relative;font-family:var(--display);font-weight:600;border-radius:18px;padding:16px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s ease,filter .15s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(2px) scale(.99)}.btn-primary{background:var(--ink);color:var(--cream);box-shadow:0 6px #000}.btn-primary:active{box-shadow:0 2px #000}.btn-mint{background:var(--mint);color:#04231b;box-shadow:0 6px 0 var(--mint-deep)}.btn-mint:active{box-shadow:0 2px 0 var(--mint-deep)}.btn-ghost{background:var(--cream);border:1px solid var(--line);color:var(--ink)}.btn:disabled{opacity:.4;pointer-events:none}.card{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card)}@keyframes pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-60px);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes spinIn{0%{transform:rotate(-8deg) scale(.9);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #16c79a00}50%{box-shadow:0 0 0 8px #16c79a1f}}.pop{animation:pop .4s cubic-bezier(.2,.9,.3,1.3) both}.slide-up{animation:slideUp .35s cubic-bezier(.2,.8,.2,1) both}.shake{animation:shake .4s ease}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.floater{position:absolute;font-family:var(--display);font-weight:700;font-size:22px;pointer-events:none;animation:floatUp 1s ease forwards;z-index:50}.bar{height:10px;border-radius:999px;background:var(--putty-deep);overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.focus-ring:focus-visible{outline:3px solid var(--lilac);outline-offset:2px}.support-sim-container{background:var(--cream);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow-card)}.support-grid{display:grid;grid-template-columns:340px 1fr;gap:32px;margin-top:24px}@media (max-width: 900px){.support-grid{grid-template-columns:1fr}}.scenario-list{display:flex;flex-direction:column;gap:8px}.scenario-item{width:100%;text-align:left;padding:16px;border-radius:12px;border:1px solid var(--line);background:var(--cream);transition:all .15s ease;display:flex;align-items:center;gap:12px}.scenario-item:hover{background:var(--putty)}.scenario-item.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.scenario-item-title{font-family:var(--display);font-weight:600;font-size:15px}.scenario-detail-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px}.scenario-step{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;border:1px solid var(--line);margin-bottom:8px}.scenario-step-badge{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.footer{background:var(--slate-bg);color:var(--slate-muted);border-top:1px solid var(--slate-border);padding:48px 0;font-size:13.5px;text-align:center}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.footer-link{color:var(--slate-text);font-weight:500}.footer-link:hover{color:var(--mint)}