@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:fallback;src:url(/assets/Manrope-DixJJ9hZ.woff2)format("woff2")}:root{box-sizing:border-box;--color-accent:#63a1ff;scrollbar-width:thin;scrollbar-color:#47a8ff80 #0c131d;scroll-behavior:smooth}:target{scroll-margin-top:3rem}*,:before,:after{box-sizing:inherit}html:has(dialog[open]){scrollbar-gutter:stable;overflow:hidden}body{color:#fff;background-color:#0c131d;margin:0;font:16px/1.5 Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}a{color:var(--color-accent);text-decoration:underline}a:hover,a:active{color:#fff}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 1rem}.background-pattern{pointer-events:none;stroke:#ffffff1a;z-index:-1;width:100%;height:100%;position:absolute;-webkit-mask-image:radial-gradient(60% 80% at top,#fff,#0000);mask-image:radial-gradient(60% 80% at top,#fff,#0000)}.hero{justify-content:center;align-items:center;gap:6rem;min-height:max(900px,100vh);margin:0 2rem;display:flex}.hero .download{white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;width:min-content;margin-top:3rem;display:flex;overflow:hidden}.hero .download .btn{color:#000;cursor:pointer;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-accent), #fff 15%), var(--color-accent));border:none;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:1.5rem;font-weight:700;line-height:1;text-decoration:none;transition:background .2s ease-in-out;display:flex}.hero .download .btn svg{flex-shrink:0}.hero .download .btn:hover,.hero .download .btn:focus{color:#000;background:linear-gradient(to bottom, #fff, color-mix(in srgb, var(--color-accent), #fff 70%));text-decoration:none}:is(.hero .download .btn:hover,.hero .download .btn:focus) span{text-decoration:underline}.hero .download .download-warning,.hero .download .download-footer{color:#999;justify-content:space-between;align-items:center;gap:2rem;padding:.4rem 1.5rem;font-size:.85rem;display:flex}:is(.hero .download .download-warning,.hero .download .download-footer) svg{vertical-align:-.15em;margin-left:.25rem}:is(.hero .download .download-warning,.hero .download .download-footer) a{color:#ccc}:is(.hero .download .download-warning,.hero .download .download-footer) a:hover,:is(.hero .download .download-warning,.hero .download .download-footer) a:focus{color:var(--color-accent)}.hero .download .download-warning{color:#ff0}.hero .hero-left{flex-direction:column;flex-shrink:0;align-self:center;max-width:500px;font-size:1.5rem;display:flex}.hero .hero-left h1{text-transform:uppercase;margin:0 0 .4em;font-size:2.5rem;font-weight:700;line-height:1.2}.hero .hero-left h1 .main-logo{vertical-align:middle;margin-right:.25rem}.hero .hero-left h2{color:#9caec9;max-width:28em;margin:0 0 .4em;font-size:1.1rem;font-weight:400;line-height:1.5}.hero .hero-left h2 strong{color:#c9d6e8;font-weight:600}.hero .hero-left h3{color:#777;margin:0;font-size:.95rem;font-weight:400}.hero .hero-left .update-banner{white-space:nowrap;color:#fff;cursor:pointer;opacity:1;background:#194d2b;border:1px solid #3c6;border-radius:.5rem;width:min-content;margin:.75rem 0;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;transition:opacity .2s;display:flex}.hero .hero-left .update-banner:hover{color:#fff;background:#206035}.hero .hero-left .update-banner[hidden]{pointer-events:none;opacity:0;display:flex}.hero .hero-left .supported{color:#999;border:1px solid #ffffff26;border-radius:.5rem;align-items:center;gap:.75rem;width:min-content;padding:.5rem 1rem;font-size:.85rem;display:flex}.hero .hero-left .supported span{white-space:nowrap}.hero .hero-left .supported .game-icons{gap:.5rem;display:flex}.hero .hero-left .supported .game-icons a{text-decoration:none;display:flex}.hero .hero-right{flex-direction:column;flex-shrink:1;flex-basis:1100px;align-self:center;gap:2px;display:flex;position:relative}.hero .hero-right .hero-screenshot{aspect-ratio:1100/700;border-radius:10px;outline:2px solid #264573;width:100%;max-width:1100px;box-shadow:0 0 10px #335c99,0 0 80px #192e4d}.hero .hero-right .hero-screenshot-author{color:#999;margin-left:auto;margin-right:6px;font-size:14px}.hero .hero-right .hero-screenshot-author svg{vertical-align:text-bottom;margin-right:2px}.hero .hero-right .hero-screenshot-author a{color:inherit}.hero .hero-right .hero-screenshot,.hero .hero-right .hero-screenshot-author{transition:opacity .4s}.hero .hero-right:has(.thank-you-banner.visible) .hero-screenshot,.hero .hero-right:has(.thank-you-banner.visible) .hero-screenshot-author{opacity:0;pointer-events:none}.hero .hero-right .thank-you-banner{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.hero .hero-right .thank-you-banner svg{fill:currentColor;flex-shrink:0}.hero .hero-right .thank-you-banner.visible{opacity:1;pointer-events:auto}.hero .hero-right .thank-you-banner h2{color:#fff;margin:0;font-size:3rem}.hero .hero-right .thank-you-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero .hero-right .thank-you-links a{color:#bdc9db;border:1px solid #ffffff26;border-radius:.5rem;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:1.2rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:flex}.hero .hero-right .thank-you-links a:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ffffff0d}@media (width<=1300px){.hero{flex-direction:column;gap:4rem;padding-top:8rem}.hero .hero-left{width:100%;max-width:100%}.hero .hero-right{flex-basis:auto;width:100%}.hero .hero-right .hero-screenshot{width:100%;max-width:100%}.hero .download{text-align:center}}@media (width<=500px){.hero .hero-left h1{font-size:1.5rem}.hero .download,.hero .download .download-footer,.hero .hero-left .supported{flex-direction:column;width:100%}.hero .hero-left .update-banner{width:100%;white-space:unset}}@media (width<=360px){.hero .hero-left h1{font-size:1.3rem}}.libraries{background:linear-gradient(in oklch, #0c131d 0%, #0d1726 100%);border-bottom:1px solid #174282;margin:0 auto;padding:5rem 0}.libraries .container{justify-content:space-between;gap:1rem;display:flex}@media (width<=1100px){.libraries .container{flex-direction:column}}.libraries .library{gap:2rem;margin-bottom:3rem;display:flex}.libraries .library:last-child{margin-bottom:0}.libraries .library .library-icon{padding-top:1rem}.libraries .library .library-description{color:#989fb0;max-width:600px}.libraries .library .library-description h2{word-break:break-all;color:#fff;margin:0;font-size:2rem}.libraries .library .library-description p{text-wrap:balance;margin:0 0 .7rem}.libraries .library .library-description .library-links{flex-wrap:wrap;gap:5px;margin-bottom:.5rem;display:flex}.libraries .library .library-description .library-links a{border:1px solid #fff3;border-radius:3rem;padding:0 .5rem;font-size:.9rem;text-decoration:none}.libraries .library .library-description .library-links a:hover{background:#192e4d66;border-color:currentColor}@media (width<=840px){.libraries .library{gap:1rem}.libraries .library .library-description h2{font-size:1.2rem}.libraries .library .library-icon{padding-top:0}}.libraries .library-code{align-self:center;position:relative}.libraries .library-code .api-docs-link{background:var(--color-accent);color:#000;border-radius:.5rem;margin-top:.5rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;transition:background-color .2s ease-in-out;display:inline-block}.libraries .library-code .api-docs-link:hover,.libraries .library-code .api-docs-link:focus{color:#000;background:#fff;text-decoration:underline}.libraries .library-code .hljs{color:#f8f8f2;border:1px solid #000;border-radius:1rem;padding:2rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;display:block}.libraries .library-code .hljs .hljs-comment{color:#63a1ff;font-weight:700}.libraries .library-code .hljs .hljs-built_in{color:#ffbc6a}.libraries .library-code .hljs a.hljs-built_in{text-decoration:underline}.libraries .library-code .hljs .hljs-string{color:#d0ff6f}.libraries .library-code .hljs .hljs-keyword{color:#dcc6e0}.libraries .library-code .hljs-language{z-index:1;background:#000;border-radius:1rem;padding:.2rem 1rem;position:absolute;top:0;right:.5rem}@media (width<=1100px){.libraries .library-code{width:100%}.libraries .library-code .hljs{scrollbar-width:thin;padding:.5rem;overflow-x:auto}}@media (width<=840px){.libraries{margin-top:1rem}}.screenshots{flex-wrap:wrap;justify-content:center;align-items:end;gap:1rem;max-width:2460px;margin-top:7rem;margin-bottom:7rem;display:flex}.screenshots img{aspect-ratio:820/520;border-radius:10px;outline:1px solid #192e4d;width:100%;max-width:820px}@media (width<=1100px){.screenshots{margin-top:1rem}}@media (width<=840px){.screenshots{flex-direction:column}}#contributors{padding:2rem 0 3rem}#contributors h2{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:2.5rem;font-weight:700}#contributors .contributors-desc{color:#ffffffb3;text-align:center;margin:-1rem 0 1.25rem;font-size:.9rem}#contributors .contributor-list{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:200px;display:flex}#contributors .contributor{color:inherit;background:#ffffff08;border:1px solid #47a8ff1f;border-radius:.5rem;align-items:center;gap:.6rem;padding:.4rem .75rem .4rem .4rem;text-decoration:none;transition:background .15s,border-color .15s;display:flex}#contributors .contributor img{border-radius:50%;flex-shrink:0;width:32px;height:32px;display:block}#contributors .contributor:hover{background:#47a8ff14;border-color:#47a8ff66}#contributors .contributor-name{color:#fff;font-size:.85rem;font-weight:600}.footer{color:#ccc;text-align:center;margin:3rem auto;line-height:1.75}.floating-nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);background:#172336b3;border:1px solid #26457366;border-radius:999px;align-items:center;gap:.1rem;width:fit-content;margin:0 auto;padding:.3rem;animation:linear both nav-pad-reveal;animation-timeline:scroll();animation-range:70vh 90vh;display:flex;position:fixed;top:1rem;left:0;right:0;box-shadow:0 8px 32px #0006,inset 0 1px #4073bf1a}.floating-nav a{color:#9caec9;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:flex}.floating-nav a svg{fill:currentColor;flex-shrink:0}.floating-nav a:hover{color:#fff;background:#26457366}.floating-nav .nav-home{background:0 0;padding:0;animation:linear both nav-logo-reveal;animation-timeline:scroll();animation-range:70vh 90vh;display:flex;position:absolute;left:-1rem}.floating-nav .nav-home svg{filter:drop-shadow(0 2px 8px #0006);width:48px;height:48px}.floating-nav .nav-home:hover{background:0 0}@media (width<=600px){.floating-nav{border:0;border-radius:0;width:100%;padding-left:.3rem;animation:none;top:0;overflow-x:auto}.floating-nav .nav-home{opacity:1;flex-shrink:0;animation:none;position:static;translate:none;scale:1}.floating-nav .nav-home svg{filter:none;width:28px;height:28px}}@keyframes nav-logo-reveal{0%{opacity:0;pointer-events:none;scale:.5}to{opacity:1;pointer-events:auto;scale:1}}@keyframes nav-pad-reveal{0%{padding-left:.3rem}to{padding-left:2rem}}.feature-outline{padding:1.5rem 0}.feature-outline h2{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:2.5rem;font-weight:700}.feature-outline h3{color:#47a8ffe6;margin:.5rem 0 .4rem;font-size:1.3rem;font-weight:600}.feature-outline .feature-section{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.feature-outline .feature-section>div{background:#ffffff08;border:1px solid #47a8ff1a;border-radius:8px;padding:1rem}.feature-outline ul{margin:0;padding-left:1.2rem}.feature-outline ul li{padding:.3em 0;line-height:1.4}.feature-outline ul li::marker{color:var(--color-accent)}@media (width<=768px){.feature-outline .feature-section{grid-template-columns:1fr;gap:1rem}.feature-outline h2{font-size:2rem}.feature-outline h3{font-size:1.5rem}.feature-outline h4{font-size:1.2rem}.feature-outline .feature-section>div{border:0;border-radius:0;padding:1rem}}#changelog{--changelog-media-width:720px;padding:1.5rem 0}#changelog>h2{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:2.5rem;font-weight:700}#changelog .release-notes-content{gap:1.5rem;margin-bottom:1.5rem;line-height:1.6;display:flex}#changelog .release-notes-content .release-notes-sidebar{flex-shrink:0;align-self:flex-start;width:140px;padding:1rem;position:sticky;top:0}#changelog .release-notes-content .release-notes-main{background:#ffffff08;border:1px solid #47a8ff1a;border-radius:8px;flex:1;min-width:0;padding:1.5rem;overflow-x:auto}#changelog .release-notes-content .release-version{color:var(--color-accent);font-size:1.5rem;font-weight:600;text-decoration:none;display:block}#changelog .release-notes-content .release-version:hover{color:#fff;text-decoration:underline}#changelog .release-notes-content .release-date{color:#ffffffa6;margin-top:.25rem;font-size:.9rem;display:block}#changelog .release-notes-content .release-downloads{color:#ffffff80;margin-top:.25rem;font-size:.8rem;display:block}#changelog .release-notes-content h1,#changelog .release-notes-content h2,#changelog .release-notes-content h3,#changelog .release-notes-content h4,#changelog .release-notes-content h5,#changelog .release-notes-content h6{color:#fff;margin:1.5rem 0 .5rem}:is(#changelog .release-notes-content h1,#changelog .release-notes-content h2,#changelog .release-notes-content h3,#changelog .release-notes-content h4,#changelog .release-notes-content h5,#changelog .release-notes-content h6):first-child{margin-top:0}#changelog .release-notes-content p{margin:.8rem 0}#changelog .release-notes-content ul,#changelog .release-notes-content ol{margin:0;padding-left:1.2rem}:is(#changelog .release-notes-content ul,#changelog .release-notes-content ol) li{padding:.3em 0;line-height:1.4}:is(#changelog .release-notes-content ul,#changelog .release-notes-content ol) li::marker{color:var(--color-accent)}#changelog .release-notes-content code{background:#ffffff1a;border-radius:3px;padding:.2em .4em;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}#changelog .release-notes-content pre{background:#ffffff0d;border-radius:6px;padding:1rem;overflow-x:auto}#changelog .release-notes-content a{color:var(--color-accent)}#changelog .release-notes-content details{background:#ffffff08;border:1px solid #174282;border-radius:6px;margin:1rem 0}#changelog .release-notes-content details summary{cursor:pointer;color:#ffffffe6;align-items:center;gap:.5rem;padding:.1rem 1rem;transition:background .2s;display:flex}#changelog .release-notes-content details summary:hover{background:#ffffff0d}#changelog .release-notes-content video{border-top:1px solid #174282;border-radius:0 0 6px 6px;width:100%;height:auto;display:flex;max-height:1000px!important}#changelog .release-notes-content svg{fill:currentColor}#changelog .release-notes-content .changelog-media-wrapper{max-width:var(--changelog-media-width);width:100%;margin:1rem auto;display:block}#changelog .release-notes-content .changelog-media-wrapper img,#changelog .release-notes-content .changelog-media-wrapper video{cursor:zoom-in;border:1px solid #ffffff14;border-radius:6px;width:100%;height:auto;transition:transform .2s,border-color .2s}:is(#changelog .release-notes-content .changelog-media-wrapper img,#changelog .release-notes-content .changelog-media-wrapper video):hover{border-color:var(--color-accent);transform:scale(1.02)}@media (width<=768px){#changelog .release-notes-content .changelog-media-wrapper{max-width:100%}}#changelog .release-assets{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-top:2rem;display:grid}#changelog .release-assets .asset-link{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border:1px solid #47a8ff26;border-radius:6px;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:block;overflow:hidden}#changelog .release-assets .asset-link:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ffffff14}#changelog .changelog-load-more{color:#ffffffb3;font:inherit;cursor:pointer;background:0 0;border:1px solid #47a8ff33;border-radius:6px;margin:0 auto 1.5rem;padding:.6rem 1.5rem;transition:border-color .2s,color .2s;display:block}#changelog .changelog-load-more:hover{border-color:var(--color-accent);color:var(--color-accent)}#changelog .changelog-load-more:disabled{cursor:default;opacity:.6}@media (width<=768px){#changelog>h2{font-size:2rem}#changelog .release-notes-content{flex-direction:column;gap:.5rem}#changelog .release-notes-content .release-notes-sidebar{width:100%;position:static}#changelog .release-notes-content .release-notes-main{border:0;border-radius:0;padding:1rem}}.changelog-modal{opacity:0;width:100%;max-width:none;height:100%;max-height:none;transition:opacity .2s ease, overlay .2s ease allow-discrete, display .2s ease allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;padding:2rem}.changelog-modal[open]{opacity:1;display:flex}@starting-style{.changelog-modal[open]{opacity:0}}.changelog-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease, overlay .2s ease allow-discrete, display .2s ease allow-discrete;background:#000000eb}.changelog-modal[open]::backdrop{opacity:1}@starting-style{.changelog-modal[open]::backdrop{opacity:0}}.changelog-modal .changelog-modal-media{object-fit:contain;border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 20px 60px #00000080}.changelog-modal .changelog-modal-close{color:#fff;cursor:pointer;z-index:1;background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;font-size:2rem;line-height:1;transition:background .2s;position:fixed;top:1.5rem;right:1.5rem}.changelog-modal .changelog-modal-close:hover{background:#fff3}@media (width<=768px){.changelog-modal{padding:1rem}.changelog-modal .changelog-modal-media{max-height:80vh}.changelog-modal .changelog-modal-close{width:40px;height:40px;font-size:1.5rem;top:1rem;right:1rem}}