.learn-page{--learn-accent:#e9c486;--learn-soft:#b8bdc6;background:#0d0f14;min-height:100vh;padding-bottom:40px}.learn-container{width:min(1200px,100% - 96px);margin-inline:auto}.learn-kicker{color:var(--learn-accent);letter-spacing:.14em;align-items:center;gap:9px;font-size:10px;font-weight:600;line-height:1.6;display:inline-flex}.learn-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:68px;padding-block:88px 78px;display:grid}.learn-hero h1{letter-spacing:-.06em;margin:25px 0;font-size:clamp(42px,4.2vw,66px);font-weight:600;line-height:1.08}.learn-hero h1 em{color:var(--learn-accent);font-style:normal}.learn-hero>div>p{max-width:510px;color:var(--learn-soft);margin-bottom:29px;font-size:16px;line-height:1.8}.learn-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.learn-button,.learn-secondary{justify-content:center;align-items:center;gap:15px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.learn-button{background:var(--learn-accent);color:#16151a;border-radius:5px;padding:14px 20px}.learn-button:hover{background:#f6dcae}.learn-secondary{color:#e5e8ed;padding-block:9px}.learn-secondary:hover{color:var(--learn-accent)}.learn-page a:focus-visible,.learn-page button:focus-visible,.learn-table-scroll:focus-visible{outline:2px solid var(--learn-accent);outline-offset:5px}.learn-hero-note{color:#9aa3b2;align-items:center;gap:8px;margin-top:23px;font-size:11px;display:flex}.learn-blueprint{background:#141a22;border:1px solid #38414c;border-radius:9px;transition:transform .2s;overflow:hidden;transform:rotate(-2deg);box-shadow:0 25px 70px #0004}.learn-blueprint:hover{transform:rotate(0)}.learn-blueprint-bar,.learn-blueprint-foot{justify-content:space-between;align-items:center;gap:15px;padding:18px;display:flex}.learn-blueprint-bar{letter-spacing:.1em;color:#aeb7c4;font-size:8px}.learn-blueprint-bar>span:first-child{align-items:center;gap:7px;display:flex}.learn-live-dot{color:var(--learn-accent)}.learn-board{background-color:#101c28;background-image:linear-gradient(#8da2bd0b 1px,#0000 1px),linear-gradient(90deg,#8da2bd0b 1px,#0000 1px);background-size:26px 26px;border:1px solid #2c3a49;border-radius:5px;height:225px;margin:0 15px;position:relative;overflow:hidden}.learn-board-label,.learn-board-score{color:#b0c2d3;letter-spacing:.13em;font-size:9px;position:absolute;top:16px}.learn-board-label{left:17px}.learn-board-score{color:var(--learn-accent);right:17px}.learn-player{z-index:1;background:#8cb8ee;border:3px solid #bfdcff;width:26px;height:26px;position:absolute;top:112px;left:28%;box-shadow:0 0 35px #71b4ff2c}.learn-star{color:var(--learn-accent);font-size:34px;position:absolute}.learn-star-one{top:83px;left:62%}.learn-star-two{opacity:.18;top:55px;left:38%}.learn-star-three{opacity:.18;top:143px;left:79%}.learn-path{border-bottom:1px dashed #6789ac;border-right:1px dashed #6789ac;width:36%;height:28px;position:absolute;top:101px;left:29%}.learn-board-caption{text-align:center;letter-spacing:.22em;color:#798a9d;width:100%;font-size:8px;position:absolute;bottom:20px}.learn-blueprint-code{color:#b7c9b0;border-bottom:1px solid #2a3140;align-items:center;gap:15px;padding:19px;display:flex}.learn-blueprint-code>span{color:#5f7186;font-family:monospace}.learn-blueprint-code code{font-size:12px}.learn-blueprint-code svg{color:var(--learn-accent);margin-left:auto}.learn-blueprint-foot{color:#a5adba;padding-block:16px;font-size:11px}.learn-feature-strip{background:#101319;border-block:1px solid #252a35}.learn-feature-strip>div{grid-template-columns:repeat(4,1fr);display:grid}.learn-feature-strip a{border-right:1px solid #252a35;align-items:flex-start;gap:15px;padding:28px 20px;display:flex}.learn-feature-strip a:first-child{padding-left:0}.learn-feature-strip a:last-child{border-right:0}.learn-feature-strip a>svg:first-child{color:var(--learn-accent)}.learn-feature-strip a>svg:last-child{color:#687383;margin-top:4px;margin-left:auto}.learn-feature-strip strong{margin-bottom:7px;font-size:13px;font-weight:500;display:block}.learn-feature-strip span{color:#929caa;font-size:11px;line-height:1.6;display:block}.learn-path-section{padding-block:64px 55px}.learn-section-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.learn-section-heading h2{letter-spacing:-.035em;margin:10px 0 0;font-size:29px;font-weight:500;line-height:1.3}.learn-section-heading>span{color:#939dab;padding-bottom:6px;font-size:11px}.learn-path-cards{border:1px solid #29303b;border-radius:7px;grid-template-columns:repeat(4,1fr);margin:26px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.learn-path-cards li{border-right:1px solid #29303b;min-width:0}.learn-path-cards li:last-child{border:0}.learn-path-cards a{background:#12151c;height:100%;padding:24px;display:block}.learn-path-cards a:hover{background:#191e27}.learn-step{color:#baa47f;font-family:monospace;font-size:11px}.learn-path-cards h3{letter-spacing:-.015em;margin-top:22px;font-size:14px;font-weight:500}.learn-path-cards p{color:#9ca5b2;min-height:44px;font-size:12px;line-height:1.8}.learn-path-cards svg{color:#b7bdc7;margin-top:6px}.learn-guides{padding-block:20px 65px;scroll-margin-top:95px}.learn-search{color:#8d98a8;border:1px solid #343b47;border-radius:5px;flex-direction:row;align-items:center;gap:10px;width:245px;margin:0;padding:0 13px;display:flex}.learn-search:focus-within{border-color:var(--learn-accent)}.learn-search input{background:0 0;border:0;outline:0;width:100%;margin:0;padding:12px 0;font-size:12px}.learn-filters{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.learn-filters button{color:#adb5c2;border:1px solid #2a303c;border-radius:4px;padding:9px 14px;font-size:11px}.learn-filters button[aria-pressed=true]{color:#18171d;background:#e9c486;border-color:#e9c486}.learn-result-count{color:#9aa3b2;margin-block:18px;font-size:10px;display:block}.learn-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.learn-card{background:#12151c;border:1px solid #2a303b;border-radius:7px;flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.learn-card:hover{border-color:#87775d;transform:translateY(-3px)}.learn-card-art{color:#a5c9ed;background-color:#17212c;background-image:linear-gradient(#9cb8e709 1px,#0000 1px),linear-gradient(90deg,#9cb8e709 1px,#0000 1px);background-size:24px 24px;border-bottom:1px solid #293442;flex-direction:column;justify-content:center;align-items:center;gap:22px;height:147px;display:flex}.learn-card-art>span{letter-spacing:.09em;font-family:monospace;font-size:25px}.learn-card-art small{letter-spacing:.22em;opacity:.6;font-size:7px}.learn-art-ai-native{color:#c4ade8;background-color:#221e2e}.learn-art-multiplayer{color:#90c9be;background-color:#14282a}.learn-art-publishing{color:#dfc392;background-color:#282319}.learn-art-browser-games{color:#a7bce6;background-color:#1a2236}.learn-card-copy{flex-direction:column;flex:1;padding:22px;display:flex}.learn-card-meta{color:#929eaf;justify-content:space-between;gap:10px;font-size:9px;display:flex}.learn-card-meta>span:first-child{color:var(--learn-accent)}.learn-card h3{letter-spacing:-.02em;margin-block:15px 10px;font-size:18px;font-weight:500;line-height:1.5}.learn-card p{color:#9fa9b8;margin:0 0 23px;font-size:12px;line-height:1.85}.learn-card-bottom{color:#aeb7c5;border-top:1px solid #2a303b;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px;font-size:9px;display:flex}.learn-empty{text-align:center;border:1px dashed #343c49;border-radius:8px;padding:50px}.learn-empty svg{color:var(--learn-accent);margin-inline:auto}.learn-empty p{color:var(--learn-soft)}.learn-creator-callout{background:linear-gradient(120deg,#1c1b18,#15171d);border:1px solid #4a4133;border-radius:7px;grid-template-columns:1.3fr 1fr;gap:60px;padding:40px;display:grid}.learn-creator-callout h2{letter-spacing:-.035em;margin-block:16px;font-size:30px;font-weight:500}.learn-creator-callout p{color:#aeb1b7;font-size:13px;line-height:1.9}.learn-terms{grid-template-columns:1fr 1.5fr;align-content:center;gap:15px 25px;display:grid}.learn-terms strong{color:var(--learn-accent);letter-spacing:-.05em;font-size:38px;font-weight:500;display:block}.learn-terms span{color:#aeb1b7;font-size:10px}.learn-terms p{grid-column:1/-1;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.learn-terms>a{grid-column:1/-1;width:fit-content}.learn-footer{color:#a1a9b5;justify-content:space-between;align-items:center;gap:20px;padding-block:40px 0;font-size:10px;display:flex}.learn-footer>span,.learn-footer>a{align-items:center;gap:20px;display:inline-flex}.learn-footer span span,.learn-footer a span{color:#7e8795}.learn-back{color:#a8b0be;align-items:center;gap:8px;margin-top:36px;font-size:11px;display:inline-flex}.learn-article-header{max-width:890px;padding-block:45px}.learn-article-header h1{letter-spacing:-.04em;margin-block:18px;font-size:clamp(34px,3.5vw,52px);font-weight:550;line-height:1.18}.learn-article-header>p{color:#acb6c4;max-width:780px;font-size:16px;line-height:1.8}.learn-article-meta{color:#9ca7b6;flex-wrap:wrap;gap:22px;margin-top:25px;font-size:10px;display:flex}.learn-article-meta>span{align-items:center;gap:7px;display:inline-flex}.learn-reading-layout{border-top:1px solid #2a303b;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-top:35px;display:grid}.learn-toc{align-self:start;position:sticky;top:106px}.learn-toc nav{flex-direction:column;gap:18px;margin-block:20px 30px;display:flex}.learn-toc nav a{color:#a0abba;gap:11px;font-size:11px;line-height:1.8;display:flex}.learn-toc nav a:hover{color:var(--learn-accent)}.learn-toc nav a>span{color:#807969;flex-shrink:0;padding-top:2px;font-size:9px}.learn-toc-cta{color:#a8b1bf;border-top:1px solid #2a303b;padding-top:20px;font-size:11px;display:block}.learn-toc-cta span{color:var(--learn-accent);gap:9px;margin-top:10px;display:flex}.learn-prose{color:#b4bdca;min-width:0;max-width:860px;font-size:15px;line-height:1.95}.learn-prose section{margin-block:38px;scroll-margin-top:110px}.learn-prose h2{color:#f2f4f7;letter-spacing:-.025em;margin-bottom:18px;font-size:25px;font-weight:500;line-height:1.4}.learn-prose p{margin-block:15px}.learn-prose ol{padding-left:23px}.learn-prose li{margin-block:10px;padding-left:5px}.learn-prose li::marker{color:var(--learn-accent)}.learn-prose a:not([class]){color:var(--learn-accent);text-underline-offset:4px;text-decoration:underline}.learn-outcome{border:1px solid #303b49;border-left:3px solid var(--learn-accent);background:#151c23;border-radius:4px;padding:24px 27px}.learn-outcome p{color:#e8ecf0;margin-block:8px 20px;font-size:17px;line-height:1.7}.learn-outcome>div{grid-template-columns:90px 1fr;gap:16px;font-size:12px;line-height:1.8;display:grid}.learn-outcome strong{color:#c0c8d3;font-weight:500}.learn-code{background:#10151d;border:1px solid #313a48;border-radius:6px;margin-block:25px;overflow:hidden}.learn-code>span{color:#929eb0;border-bottom:1px solid #313a48;padding:10px 20px;font-size:10px;display:block}.learn-code pre{color:#b9d0c0;margin:0;padding:22px;font-size:12px;line-height:1.9;overflow:auto}.learn-tip{background:#242118;border-left:2px solid #c8a968;margin-block:25px;padding:20px 24px;font-size:13px}.learn-tip strong{color:var(--learn-accent);font-size:11px}.learn-tip p{margin:7px 0 0}.learn-demo{margin-top:25px}.learn-demo iframe{background:#101821;border:1px solid #354252;border-radius:6px;width:100%;height:500px;margin-bottom:10px;display:block}.learn-checklist{background:#141c18;border:1px solid #364639;border-radius:5px;padding:27px}.learn-checklist ul{padding:0;list-style:none}.learn-checklist li{gap:12px;padding-left:0;font-size:13px;display:flex}.learn-checklist li svg{color:#9bbc9f;margin-top:6px}.learn-sources{font-size:12px}.learn-sources h2{font-size:19px}.learn-sources ul{padding-left:17px}.learn-sources a{align-items:center;gap:10px;display:inline-flex}.learn-article-next{border-top:1px solid #303745;margin-block:35px;padding-top:25px}.learn-article-next a{color:#e2e6eb;border-bottom:1px solid #2b323e;justify-content:space-between;align-items:center;gap:25px;padding-block:20px;font-size:15px;display:flex}.learn-article-next a:hover{color:var(--learn-accent)}.learn-comparison{margin-block:25px}.learn-table-scroll{border:1px solid #333a46;border-radius:5px;overflow-x:auto}.learn-comparison table{border-collapse:collapse;width:100%;min-width:680px;font-size:11px;line-height:1.7}.learn-comparison caption{text-align:left;color:#a9b4c1;background:#141820;padding:15px;font-size:10px}.learn-comparison th,.learn-comparison td{text-align:left;vertical-align:top;border-top:1px solid #303743;padding:17px 14px}.learn-comparison thead{color:#edf0f3}.learn-comparison tbody th{color:#e6ebf0;width:16%}.learn-comparison td:nth-child(2){width:28%}.learn-comparison td:nth-child(3){width:21%}.learn-comparison th a{align-items:center;gap:5px;display:flex;text-decoration:none!important}.learn-peerless-row{background:#282318}.learn-peerless-row th a{color:#f0cd90}.learn-table-note{font-size:11px;line-height:1.8}@media (max-width:1100px){.learn-hero{gap:38px}.learn-container{width:calc(100% - 64px)}.learn-feature-strip a{gap:10px;padding-inline:14px}.learn-feature-strip a>svg:last-child{display:none}.learn-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.learn-actions{gap:13px}.learn-creator-callout{gap:25px}.learn-article-grid{gap:16px}.learn-card-copy{padding:18px}}@media (max-width:800px){.learn-container{width:calc(100% - 40px)}.learn-hero{grid-template-columns:1fr;gap:35px;padding-block:45px}.learn-hero h1{font-size:47px}.learn-blueprint{width:100%;max-width:530px;margin:7px auto}.learn-feature-strip>div{grid-template-columns:repeat(2,1fr)}.learn-feature-strip a:nth-child(2){border-right:0}.learn-feature-strip a:nth-child(3){border-top:1px solid #252a35;padding-left:0}.learn-feature-strip a:nth-child(4){border-top:1px solid #252a35}.learn-path-cards{grid-template-columns:repeat(2,1fr)}.learn-path-cards li:nth-child(2){border-right:0}.learn-path-cards li:nth-child(3),.learn-path-cards li:nth-child(4){border-top:1px solid #29303b}.learn-path-cards a{padding:21px}.learn-path-cards h3{margin-top:13px}.learn-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-section-heading{flex-direction:column;align-items:flex-start;gap:16px}.learn-search{width:100%}.learn-creator-callout{grid-template-columns:1fr;padding:28px}.learn-terms{border-top:1px solid #3d3b33;padding-top:20px}.learn-reading-layout{padding-top:20px;display:block}.learn-toc{border-bottom:1px solid #2a303b;margin-bottom:25px;padding-bottom:20px;position:static}.learn-toc nav{grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:0;display:grid}.learn-toc-cta{display:none}.learn-article-header{padding-block:30px}.learn-prose{font-size:14px}.learn-prose h2{font-size:23px}}@media (max-width:480px){.learn-page{padding-bottom:95px}.learn-hero h1{font-size:39px}.learn-hero>div>p{font-size:14px}.learn-blueprint-bar{padding:14px;font-size:7px}.learn-board{height:200px}.learn-blueprint-code{gap:10px;padding:16px 12px}.learn-blueprint-code code,.learn-blueprint-foot{font-size:10px}.learn-feature-strip a{gap:9px;padding-block:22px}.learn-feature-strip a>svg:first-child{width:19px}.learn-feature-strip strong{font-size:12px}.learn-feature-strip span{font-size:10px}.learn-section-heading h2{font-size:25px}.learn-path-section{padding-block:40px 30px}.learn-path-cards a{padding:17px}.learn-path-cards h3{font-size:13px}.learn-path-cards p{font-size:11px}.learn-article-grid{grid-template-columns:1fr}.learn-card-art{height:135px}.learn-card-copy{padding:22px}.learn-creator-callout h2{font-size:26px}.learn-creator-callout{padding:23px}.learn-footer{flex-direction:column;align-items:flex-start;padding-top:30px}.learn-article-header h1{font-size:33px}.learn-article-header>p{font-size:14px}.learn-article-meta{gap:14px}.learn-toc nav{grid-template-columns:1fr;gap:10px}.learn-outcome{padding:20px}.learn-outcome>div{display:block}.learn-outcome strong{margin-bottom:6px;display:block}.learn-code pre{padding:16px;font-size:11px}.learn-demo iframe{height:470px}.learn-checklist{padding:20px}}.learn-docs{margin-top:72px;margin-bottom:56px}.learn-docs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.learn-docs-grid a{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:14px;gap:6px;padding:18px 44px 18px 18px;display:grid;position:relative}.learn-docs-grid a:hover{background:var(--surface)}.learn-docs-grid strong{font-size:15px}.learn-docs-grid span{color:var(--muted);font-size:13px;line-height:1.5}.learn-docs-grid svg{color:var(--muted);position:absolute;top:20px;right:18px}@media (max-width:860px){.learn-docs-grid{grid-template-columns:minmax(0,1fr)}}.page-content .template-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}