:root{--color-bg: #0e1116;--color-bg-elevated: #161b22;--color-bg-code: #1c2128;--color-border: #30363d;--color-text: #e6edf3;--color-text-dim: #9ba6b3;--color-text-muted: #6e7681;--color-accent: #6cb6ff;--color-accent-soft: rgba(108, 182, 255, .12);--color-unity: #ffb454;--color-godot: #478cbf;--color-godot-glow: #6db5e3;--color-phaser: #d6336c;--color-phaser-glow: #f06595;--color-web: #4ade80;--color-warning: #f97583;--color-success: #56d364;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-serif: "Iowan Old Style", "Palatino", Georgia, serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--sidebar-width: 280px;--max-content: 760px}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh}a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}a:hover{border-bottom-color:var(--color-accent)}h1,h2,h3,h4{color:var(--color-text);line-height:1.25;margin-top:2em;margin-bottom:.6em;font-weight:600}h1{font-size:2.2rem;margin-top:.2em;letter-spacing:-.01em}h2{font-size:1.5rem;padding-bottom:.3em;border-bottom:1px solid var(--color-border)}h3{font-size:1.2rem;color:var(--color-text)}p{margin:.8em 0}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-code);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}pre{background:var(--color-bg-code)!important;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1em 1.2em;overflow-x:auto;font-size:.88rem;line-height:1.55;margin:1em 0;position:relative}.copy-btn{position:absolute;top:.5em;right:.5em;padding:.25em .7em;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background:#0e1116b3;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease;user-select:none}pre:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--color-text);border-color:var(--color-accent)}.copy-btn--ok{color:var(--color-success)!important;border-color:var(--color-success)!important;opacity:1!important}pre code{background:transparent;padding:0;border:0;font-size:inherit}blockquote{border-left:3px solid var(--color-accent);margin:1em 0;padding:.2em 1em;color:var(--color-text-dim);background:var(--color-accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}ul,ol{padding-left:1.4em}li{margin:.25em 0}table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.93rem}th,td{text-align:left;padding:.6em .8em;border-bottom:1px solid var(--color-border)}th{font-weight:600;color:var(--color-text);background:var(--color-bg-elevated)}hr{border:0;border-top:1px solid var(--color-border);margin:2.5em 0}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar{background:var(--color-bg-elevated);border-right:1px solid var(--color-border);padding:1.4rem 1.2rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__brand{display:flex;align-items:baseline;gap:.5em;font-weight:700;font-size:1.05rem;margin-bottom:1.5rem;color:var(--color-text)}.sidebar__brand a{color:var(--color-text);border:0}.sidebar__brand small{font-weight:400;color:var(--color-text-muted);font-size:.72rem}.sidebar__engine{font-weight:700;margin-left:.2em}.sidebar__switch{display:block;font-size:.78rem;color:var(--color-text-muted);padding:.45em .75em;margin-bottom:.6rem;border:1px dashed var(--color-border);border-radius:var(--radius-sm);text-align:center}.sidebar__switch:hover{border-color:var(--color-accent);border-style:solid;color:var(--color-text)}.sidebar__switch strong{font-weight:700;color:var(--color-text-dim)}.sidebar__search-trigger{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;margin-bottom:1.2rem;background:var(--color-bg-code);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);font:inherit;font-size:.86rem;text-align:left;cursor:pointer}.sidebar__search-trigger:hover{border-color:var(--color-accent);color:var(--color-text)}.sidebar__search-trigger svg{flex-shrink:0;color:var(--color-text-muted)}.sidebar__search-trigger span{flex:1}.sidebar__search-trigger kbd{font-family:var(--font-mono);font-size:.72rem;padding:.1em .4em;background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;color:var(--color-text-muted)}.search-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding:6vh 1rem 1rem}.search-modal[hidden]{display:none}.search-modal__backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(2px)}.search-modal__panel{position:relative;width:100%;max-width:640px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5em;box-shadow:0 24px 80px #00000080}.search-modal__close{position:absolute;top:.5em;right:.5em;width:28px;height:28px;background:transparent;border:0;color:var(--color-text-muted);font-size:1.4rem;line-height:1;cursor:pointer;border-radius:var(--radius-sm)}.search-modal__close:hover{background:var(--color-bg-code);color:var(--color-text)}:root{--pagefind-ui-scale: .9;--pagefind-ui-primary: var(--color-accent);--pagefind-ui-text: var(--color-text);--pagefind-ui-background: var(--color-bg-elevated);--pagefind-ui-border: var(--color-border);--pagefind-ui-tag: var(--color-bg-code);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: var(--radius-sm);--pagefind-ui-font: var(--font-sans)}.pagefind-ui__search-input,.pagefind-ui__search-clear{background:var(--color-bg-code)!important;color:var(--color-text)!important}.pagefind-ui__result-title a{color:var(--color-accent)!important;border:0}.pagefind-ui__result-excerpt{color:var(--color-text-dim)!important}.pagefind-ui__result-excerpt mark{background:#ffb45440!important;color:var(--color-unity)!important}.sidebar__group{margin-bottom:1.2rem}.sidebar__group-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:.4em;padding:0 .5em}.sidebar__link{display:block;padding:.35em .7em;border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:.92rem;border:0}.sidebar__link:hover{background:var(--color-bg-code);color:var(--color-text)}.sidebar__link--active{background:var(--color-accent-soft);color:var(--color-accent)}.sidebar__footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.sidebar__footer-link{display:inline-flex;align-items:center;gap:.4em;font-size:.75rem;color:var(--color-text-muted);padding:.3em .6em;border:0}.sidebar__footer-link:hover{color:var(--color-accent);border:0}.main{padding:2.5rem clamp(1rem,4vw,3rem) 6rem;max-width:var(--max-content);margin:0 auto;width:100%}.main:has(.toc){max-width:calc(var(--max-content) + 240px + 3rem);display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:3rem;align-items:start}.main:has(.toc)>article{min-width:0}.toc{position:sticky;top:2rem;align-self:start;font-size:.85rem;max-height:calc(100vh - 4rem);overflow-y:auto;padding-right:.5em}.toc__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-weight:700;margin-bottom:.5em}.toc__list{list-style:none;padding:0;margin:0;border-left:1px solid var(--color-border)}.toc__item{margin:0}.toc__item--h3{padding-left:1em}.toc__link{display:block;padding:.3em .8em;color:var(--color-text-dim);border:0;border-left:2px solid transparent;margin-left:-1px;font-size:.86rem;line-height:1.35;transition:color .15s ease,border-color .15s ease}.toc__link:hover{color:var(--color-text)}.toc__link--active{color:var(--color-accent);border-left-color:var(--color-accent)}.chapter-header{margin-bottom:2rem}.chapter-header__meta{display:flex;align-items:center;gap:1em;margin-bottom:.6em;font-size:.85rem;color:var(--color-text-muted)}.chapter-header__crumbs{color:var(--color-text-muted)}.breadcrumbs{font-size:.84rem;margin-bottom:1.5rem}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;padding:0;margin:0;list-style:none}.breadcrumbs__item{display:flex;align-items:center;color:var(--color-text-muted)}.breadcrumbs__item+.breadcrumbs__item:before{content:"/";margin-right:.5em;color:var(--color-text-muted);opacity:.5}.breadcrumbs__link{color:var(--color-text-dim);border:0}.breadcrumbs__link:hover{color:var(--color-accent)}.breadcrumbs__current{color:var(--color-text)}.chapter-header__reading{padding:.05em .6em;border:1px solid var(--color-border);border-radius:999px;font-family:var(--font-mono);font-size:.78rem}.chapter-header__desc{color:var(--color-text-dim);font-size:1.05rem;margin-top:-.3em}.chapter-cover{margin:1.6rem 0 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);aspect-ratio:3 / 1;background:var(--color-bg-elevated)}.chapter-cover img{width:100%;height:100%;object-fit:cover;display:block}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin-top:2.5em;padding-top:2em;border-top:1px solid var(--color-border)}.cross-engine{margin-top:3em;padding:1.2em 1.4em;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.cross-engine__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:.5em}.cross-engine__label strong{color:var(--color-accent)}.cross-engine__link{display:block;color:var(--color-text);border:0}.cross-engine__link:hover .cross-engine__title{color:var(--color-accent)}.cross-engine__title{display:block;font-weight:600;font-size:1.05rem;margin-bottom:.2em}.cross-engine__desc{display:block;color:var(--color-text-dim);font-size:.92rem}.cross-engine__link+.cross-engine__link{margin-top:.9em;padding-top:.9em;border-top:1px solid var(--color-border)}.cross-engine__engine{color:var(--color-text-muted);font-weight:700}.see-also{margin:3em 0 1em;padding:1.2em 1.4em;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.see-also__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:.6em}.see-also__list{list-style:none;padding:0;margin:0;display:grid;gap:.6em}.see-also__link{display:block;padding:.5em .7em;color:var(--color-text);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--color-bg-code)}.see-also__link:hover{border-color:var(--color-accent)}.see-also__title{display:block;font-weight:600;font-size:.96rem}.see-also__desc{display:block;color:var(--color-text-dim);font-size:.85rem;margin-top:.15em}.chapter-nav__item{display:block;padding:1em 1.2em;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.chapter-nav__item:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.chapter-nav__dir{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2em}.chapter-nav__title{font-weight:600}.chapter-nav__item--next{text-align:right;grid-column:2}.parallel{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:1.5em 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.parallel__col{padding:1em 1.2em;background:var(--color-bg-elevated)}.parallel__col+.parallel__col{border-left:1px solid var(--color-border)}.parallel__title{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:.6em}.parallel__col--web .parallel__title{color:var(--color-web)}.parallel__col--unity .parallel__title{color:var(--color-unity)}.parallel__col p:first-of-type{margin-top:0}.parallel__col p:last-of-type{margin-bottom:0}.callout{border-left:3px solid var(--color-accent);background:var(--color-bg-elevated);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:.9em 1.2em;margin:1.4em 0}.callout--warn{border-left-color:var(--color-warning)}.callout--tip{border-left-color:var(--color-success)}.callout--note{border-left-color:var(--color-accent)}.callout__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;margin-bottom:.3em}.callout--warn .callout__label{color:var(--color-warning)}.callout--tip .callout__label{color:var(--color-success)}.callout--note .callout__label{color:var(--color-accent)}.callout>p:last-child{margin-bottom:0}.callout>p:first-of-type{margin-top:0}.hero{position:relative;padding:4rem 2rem;margin:-1rem -1rem 2rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-elevated);min-height:320px;display:flex;flex-direction:column;justify-content:center}.hero__bg{position:absolute;inset:0;z-index:0;object-fit:cover;width:100%;height:100%;opacity:.55}.hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0e111666,#0e1116d9 90%);pointer-events:none}.hero>*{position:relative;z-index:2}.hero__eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-unity);font-weight:700;margin-bottom:.5em}.hero h1{font-size:2.6rem;margin:0 0 .5em;letter-spacing:-.02em;text-shadow:0 2px 16px rgba(0,0,0,.5)}.hero p{font-size:1.15rem;color:var(--color-text-dim);max-width:60ch;text-shadow:0 1px 8px rgba(0,0,0,.4)}.section-banner{position:relative;margin:2.5rem 0 1.2rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);aspect-ratio:16 / 5;background:var(--color-bg-elevated)}.section-banner__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.section-banner__overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0e1116d9,#0e111666 60%,#0e11161a);display:flex;align-items:center;padding:1.5rem 2rem}.section-banner__title{font-size:1.6rem;font-weight:700;margin:0;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.6)}.section-banner__title--main{color:var(--color-unity)}.section-banner__title--godot,.chapter-card__title--godot,.hero--godot .hero__eyebrow{color:var(--color-godot-glow)}.theme-godot{--color-accent: var(--color-godot-glow);--color-accent-soft: rgba(109, 181, 227, .12)}.theme-phaser{--color-accent: var(--color-phaser-glow);--color-accent-soft: rgba(240, 101, 149, .12)}.section-banner__title--phaser,.chapter-card__title--phaser,.hero--phaser .hero__eyebrow{color:var(--color-phaser-glow)}.hero--phaser{background:radial-gradient(120% 120% at 0% 0%,rgba(240,101,149,.28),transparent 55%),linear-gradient(135deg,#2a1622,#161b22 62%)}.hero--phaser:after{background:linear-gradient(180deg,#0e11161f,#0e111680 90%)}.lang-switch{display:flex;gap:.3rem;margin-bottom:1rem}.lang-switch__item{flex:1;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.4em 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.lang-switch__item:hover{border-color:var(--color-accent);color:var(--color-text)}.lang-switch__item--active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.landing-hero{padding:3.5rem 0 2rem;border-bottom:1px solid var(--color-border);margin-bottom:2.5rem}.landing-hero__eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);font-weight:700;margin-bottom:.6em}.landing-hero h1{font-size:2.6rem;margin:0 0 .5em;line-height:1.15;letter-spacing:-.02em}.landing-hero p{font-size:1.1rem;color:var(--color-text-dim);max-width:64ch}.engine-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:0 0 3rem}@media(max-width:980px){.engine-picker{grid-template-columns:1fr 1fr}}@media(max-width:640px){.engine-picker{grid-template-columns:1fr}}.landing-compare__note{color:var(--color-text-dim);font-size:.95rem;margin:0 0 1.2rem;max-width:64ch}.engine-card{position:relative;display:block;min-height:280px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);color:var(--color-text)}.engine-card:hover{border-color:var(--color-accent)}.engine-card__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;transition:opacity .3s ease}.engine-card:hover .engine-card__bg{opacity:.55}.engine-card__overlay{position:relative;z-index:1;padding:1.4rem 1.6rem;background:linear-gradient(180deg,#0e111633,#0e1116eb);height:100%;display:flex;flex-direction:column;justify-content:flex-end}.engine-card__eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:.3em}.engine-card--unity .engine-card__eyebrow{color:var(--color-unity)}.engine-card--godot .engine-card__eyebrow{color:var(--color-godot-glow)}.engine-card--phaser .engine-card__eyebrow{color:var(--color-phaser-glow)}.engine-card h2{margin:0 0 .4em;font-size:1.7rem;letter-spacing:-.01em;border:0;padding:0}.engine-card p{color:var(--color-text-dim);font-size:.95rem;margin:0 0 .8em}.engine-card__cta{font-weight:600;font-size:.92rem}.engine-card--unity:hover .engine-card__cta{color:var(--color-unity)}.engine-card--godot:hover .engine-card__cta{color:var(--color-godot-glow)}.engine-card--phaser:hover .engine-card__cta{color:var(--color-phaser-glow)}.engine-card--phaser{background:radial-gradient(120% 120% at 100% 0%,rgba(240,101,149,.3),transparent 55%),linear-gradient(135deg,#2a1622,#12161c 70%)}.landing-compare{margin-top:3rem}.landing-compare h2{margin-top:0}.chapter-group-title{font-size:1.5rem;letter-spacing:-.01em;margin:2rem 0 0;padding-bottom:.4rem;border-bottom:1px solid var(--color-border)}.chapter-card-grid{display:grid;gap:1em;grid-template-columns:1fr;margin:1.5em 0 3em}.chapter-card{display:block;padding:1.2em 1.4em;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text)}.chapter-card:hover{border-color:var(--color-accent);background:var(--color-bg-code)}.chapter-card__num{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);margin-bottom:.3em}.chapter-card__title{font-weight:600;font-size:1.1rem;margin-bottom:.3em}.chapter-card__title--main{color:var(--color-unity)}.chapter-card__desc{color:var(--color-text-dim);font-size:.95rem;margin:0}.chapter-card__count{display:inline-block;margin-top:.6em;font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-mono)}@media(max-width:1180px){.main:has(.toc){grid-template-columns:minmax(0,1fr);max-width:var(--max-content)}.toc{display:none}}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--color-border)}.parallel{grid-template-columns:1fr}.parallel__col+.parallel__col{border-left:0;border-top:1px solid var(--color-border)}.chapter-nav{grid-template-columns:1fr}.chapter-nav__item--next{grid-column:1;text-align:left}}