:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.blog-page{min-height:100svh;color:var(--text);background:linear-gradient(180deg, var(--accent-bg), transparent 240px), var(--bg);text-align:left}.blog-header{border-bottom:1px solid var(--border);box-sizing:border-box;background:color-mix(in srgb, var(--bg) 92%, transparent);justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding:16px 40px;display:flex}.blog-brand{color:var(--text-h);gap:1px;text-decoration:none;display:grid}.blog-brand span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.blog-brand strong{letter-spacing:-.02em;font-size:19px}.blog-nav{align-items:center;gap:6px;display:flex}.blog-nav a,.blog-button-link,.blog-read-link,.blog-back-link{color:var(--text-h);text-decoration:none}.blog-nav a{border-radius:6px;padding:7px 11px;font-size:14px;font-weight:650}.blog-nav a:hover,.blog-nav a.active{color:var(--accent);background:var(--accent-bg)}.blog-intro{max-width:760px;padding:72px 40px 40px}.blog-intro h1,.blog-article-heading h1,.blog-notice h1{letter-spacing:-.045em;margin:8px 0 16px;font-size:clamp(36px,6vw,64px);line-height:1.02}.blog-intro>p:last-child{max-width:680px;font-size:19px;line-height:1.65}.blog-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:800}.blog-list{gap:20px;padding:0 40px 72px;display:grid}.blog-entry-card{border:1px solid var(--border);background:var(--bg);min-height:270px;box-shadow:var(--shadow);border-radius:14px;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);display:grid;overflow:hidden}.blog-entry-card:not(:has(.blog-entry-cover)){grid-template-columns:1fr}.blog-entry-cover{background:var(--code-bg);min-height:270px;overflow:hidden}.blog-entry-cover img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.blog-entry-card:hover .blog-entry-cover img{transform:scale(1.025)}.blog-entry-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:36px;display:flex}.blog-entry-copy h2{letter-spacing:-.035em;margin:10px 0 12px;font-size:clamp(26px,4vw,38px);line-height:1.08}.blog-entry-copy h2 a{color:var(--text-h);text-decoration:none}.blog-entry-copy h2 a:hover{color:var(--accent)}.blog-entry-copy>p:not(.blog-entry-meta){max-width:680px;line-height:1.65}.blog-entry-meta{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.blog-read-link{color:var(--accent);margin-top:24px;font-size:15px;font-weight:800}.blog-read-link:hover,.blog-back-link:hover{text-underline-offset:4px;text-decoration:underline}.blog-loading,.blog-notice{margin:64px 40px}.blog-loading{color:var(--text)}.blog-notice{border:1px solid var(--border);background:var(--social-bg);border-radius:12px;padding:36px}.blog-notice h1,.blog-notice h2{margin-top:0}.blog-notice h1{font-size:clamp(30px,5vw,48px)}.blog-notice-error{border-color:color-mix(in srgb, #c24141 55%, var(--border))}.blog-button-link{border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:6px;width:fit-content;margin-top:22px;padding:9px 14px;font-weight:750;display:inline-flex}.blog-article{box-sizing:border-box;width:min(100%,850px);margin:0 auto;padding:64px 40px 96px}.blog-article-heading{margin-bottom:40px}.blog-back-link{color:var(--accent);margin-bottom:44px;font-size:14px;font-weight:750;display:inline-block}.blog-article-excerpt{max-width:720px;color:var(--text);margin:0 0 22px;font-size:20px;line-height:1.6}.blog-article-cover,.blog-preview-cover{object-fit:cover;background:var(--code-bg);border-radius:12px;width:100%;display:block}.blog-article-cover{max-height:520px;margin-bottom:48px}.blog-markdown{color:var(--text-h);overflow-wrap:anywhere;font-size:18px;line-height:1.75}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4{color:var(--text-h);letter-spacing:-.025em;margin:1.6em 0 .55em;font-weight:700;line-height:1.18}.blog-markdown h1{font-size:36px}.blog-markdown h2{font-size:30px}.blog-markdown h3{font-size:24px}.blog-markdown p,.blog-markdown ul,.blog-markdown ol,.blog-markdown blockquote,.blog-markdown pre,.blog-markdown table{margin:0 0 1.25em}.blog-markdown a{color:var(--accent)}.blog-markdown blockquote{border-left:4px solid var(--accent-border);color:var(--text);padding:4px 0 4px 20px}.blog-markdown pre{background:var(--code-bg);border-radius:8px;padding:18px;overflow-x:auto}.blog-markdown pre code{white-space:pre;background:0 0;padding:0;display:inline}.blog-markdown table{border-collapse:collapse;width:100%}.blog-markdown th,.blog-markdown td{border:1px solid var(--border);text-align:left;padding:10px 12px}.blog-inline-image-note{border-left:3px solid var(--accent-border);color:var(--text);background:var(--accent-bg);margin:16px 0;padding:10px 12px;font-size:14px;display:block}@media (width<=800px){.blog-header{flex-direction:column;align-items:flex-start;padding:18px 20px}.blog-nav{width:100%;overflow-x:auto}.blog-intro{padding:48px 20px 28px}.blog-list{padding:0 20px 56px}.blog-entry-card{grid-template-columns:1fr}.blog-entry-cover{min-height:210px;max-height:310px}.blog-entry-copy{padding:26px 22px}.blog-article{padding:44px 20px 72px}.blog-loading,.blog-notice{margin:40px 20px}}@media (width<=480px){.blog-nav a{padding-inline:8px}}.blog-manage-heading{max-width:850px;padding:72px 40px 40px}.blog-manage-heading h1,.blog-preview h1{letter-spacing:-.045em;margin:8px 0 16px;font-size:clamp(36px,6vw,64px);line-height:1.02}.blog-manage-heading>p:last-child{max-width:680px;font-size:19px;line-height:1.65}.blog-manage-grid{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:24px;padding:0 40px 40px;display:grid}.blog-upload-panel,.blog-preview-panel,.blog-moderation-panel{border:1px solid var(--border);background:var(--bg);border-radius:12px}.blog-upload-panel{align-content:start;gap:18px;padding:28px;display:grid}.blog-preview-panel{min-width:0;overflow:hidden}.blog-preview-panel>.blog-panel-heading,.blog-moderation-panel>.blog-panel-heading{border-bottom:1px solid var(--border);padding:24px 28px}.blog-panel-heading h2{margin:0 0 4px}.blog-panel-heading p{font-size:14px}.blog-field{gap:7px;display:grid}.blog-field>span{color:var(--text-h);font-size:14px;font-weight:750}.blog-field input,.blog-field textarea,.blog-field select{border:1px solid var(--border);box-sizing:border-box;width:100%;min-height:44px;color:var(--text-h);background:var(--bg);font:inherit;border-radius:6px;padding:9px 11px}.blog-field textarea{resize:vertical}.blog-field input:focus-visible,.blog-field textarea:focus-visible,.blog-field select:focus-visible,.blog-primary-button:focus-visible,.blog-management-actions button:focus-visible,.blog-management-actions a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-field small{color:var(--text);font-size:12px;line-height:1.45}.blog-field .blog-cover-error{color:#c24141}.blog-field .blog-cover-verified{color:#2f855a;font-weight:700}.blog-primary-button,.blog-management-actions button,.blog-management-actions a{border:1px solid var(--accent-border);min-height:38px;color:var(--text-h);background:var(--accent-bg);font:inherit;cursor:pointer;border-radius:6px;padding:7px 12px;font-size:14px;font-weight:700;text-decoration:none}.blog-primary-button{min-height:46px}.blog-primary-button:disabled,.blog-management-actions button:disabled{cursor:wait;opacity:.6}.blog-form-error{color:#c24141;font-size:14px}.blog-preview{padding:32px}.blog-preview>h1{font-size:clamp(30px,4vw,46px)}.blog-preview-cover{max-height:340px;margin-bottom:28px}.blog-preview-empty{min-height:380px;color:var(--text);background:var(--social-bg);place-items:center;padding:24px;display:grid}.blog-moderation-panel{margin:0 40px 80px;overflow:hidden}.blog-moderation-panel>.blog-form-error{padding:16px 28px 0}.blog-management-list{display:grid}.blog-management-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;display:flex}.blog-management-row:last-child{border-bottom:0}.blog-management-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.blog-management-title h3{color:var(--text-h);margin:0;font-size:17px}.blog-management-row p{margin-top:4px;font-size:13px}.blog-status{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:850}.blog-status-draft{color:var(--text);background:var(--code-bg)}.blog-status-published{color:var(--accent);background:var(--accent-bg)}.blog-management-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.blog-management-actions .blog-delete-button{border-color:color-mix(in srgb, #c24141 50%, var(--border));color:#c24141;background:color-mix(in srgb, #c24141 9%, var(--bg))}.blog-empty-row{padding:28px}@media (width<=800px){.blog-manage-heading{padding:48px 20px 28px}.blog-manage-grid{grid-template-columns:1fr;padding:0 20px 28px}.blog-moderation-panel{margin:0 20px 60px}.blog-management-row{flex-direction:column;align-items:flex-start}.blog-management-actions{justify-content:flex-start}}@media (width<=480px){.blog-upload-panel,.blog-preview{padding:22px 18px}.blog-preview-panel>.blog-panel-heading,.blog-moderation-panel>.blog-panel-heading,.blog-management-row{padding-inline:18px}}.game-page{--game-accent:#177e70;width:100%;min-height:100vh;color:var(--text);background:var(--bg);text-align:left}.game-theme-cyan{--game-accent:#177e70}.game-theme-violet{--game-accent:#6f55b6}.game-theme-ember{--game-accent:#b94d2d}.game-page a{color:inherit}.game-page a:focus-visible,.game-page button:focus-visible{outline:2px solid var(--game-accent);outline-offset:3px}.game-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 32px;display:flex}.game-brand{font-weight:750;text-decoration:none;color:var(--text-h)!important}.game-header nav{flex-wrap:wrap;justify-content:flex-end;gap:20px;display:flex}.game-header nav a{color:var(--text);font-size:13px;font-weight:650;text-decoration:none}.game-header nav a:hover{color:var(--game-accent)}.game-content,.game-index{width:min(900px,100% - 64px);margin:0 auto}.game-introduction,.game-index>header{border-bottom:1px solid var(--border);padding:72px 0 48px}.game-eyebrow{color:var(--game-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:750}.game-introduction h1,.game-index h1{color:var(--text-h);letter-spacing:-.04em;margin:0;font-size:clamp(42px,7vw,72px);line-height:1}.game-tagline{color:var(--text-h);margin:24px 0 0;font-size:22px;font-weight:650}.game-description,.game-index>header>p:last-child{max-width:680px;margin:16px 0 0;line-height:1.65}.game-facts{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.game-facts div{border-right:1px solid var(--border);padding:24px 18px}.game-facts div:first-child{padding-left:0}.game-facts div:last-child{border-right:0}.game-facts dt,.game-card dt{color:var(--text);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.game-facts dd,.game-card dd{color:var(--text-h);margin:0;font-size:14px;font-weight:650}.game-section{border-bottom:1px solid var(--border);padding:48px 0}.game-section h2{color:var(--text-h);margin-bottom:24px;font-size:28px}.game-feature-list,.game-update-list{border-top:1px solid var(--border);gap:0;display:grid}.game-feature-list article,.game-update-list article{border-bottom:1px solid var(--border);grid-template-columns:70px 1fr;gap:18px;padding:22px 0;display:grid}.game-feature-list article>span,.game-update-list time{color:var(--game-accent);font-size:12px;font-weight:750}.game-feature-list h3,.game-update-list h3{color:var(--text-h);margin:0 0 6px;font-size:18px}.game-feature-list p,.game-update-list p{margin:0}.game-page-navigation{justify-content:space-between;align-items:center;gap:20px;padding:32px 0 56px;display:flex}.game-page-navigation a,.game-page-navigation button,.game-card>a{border:1px solid var(--border);min-height:42px;color:var(--text-h);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.game-page-navigation button,.game-card>a{border-color:var(--game-accent);background:var(--game-accent);color:#fff}.game-index{padding-bottom:64px}.game-card-list{gap:16px;margin-top:32px;display:grid}.game-card{border:1px solid var(--border);border-top:4px solid var(--game-accent);border-radius:6px;padding:28px}.game-card>p:first-child{color:var(--game-accent);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.game-card h2{color:var(--text-h);margin:0;font-size:30px}.game-card h2+p{max-width:720px;margin:12px 0 20px}.game-card dl{gap:36px;margin:0 0 22px;display:flex}@media (width<=720px){.game-header{align-items:flex-start;padding:16px 20px}.game-header nav a:not(:first-child){display:none}.game-content,.game-index{width:calc(100% - 40px)}.game-introduction,.game-index>header{padding-top:52px}.game-facts{grid-template-columns:repeat(2,1fr)}.game-facts div{border-right:0;border-bottom:1px solid var(--border);padding-left:0}.game-page-navigation{flex-direction:column;align-items:stretch}}.auth-page{box-sizing:border-box;place-items:center;min-height:100svh;padding:32px 20px;display:grid}.auth-card{box-sizing:border-box;border:1px solid var(--border);background:var(--social-bg);text-align:left;width:min(100%,440px);box-shadow:var(--shadow);border-radius:12px;padding:32px}.auth-heading{margin-bottom:28px}.auth-card h1{margin:4px 0 8px;font-size:36px}.auth-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.auth-form,.auth-field{display:grid}.auth-form{gap:18px}.auth-field{gap:6px}.auth-field span{color:var(--text-h);font-size:15px;font-weight:600}.auth-field input{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:44px;color:var(--text-h);background:var(--bg);font:inherit;border-radius:6px;padding:9px 12px}.auth-field input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent-bg);outline-offset:2px}.auth-checkbox{color:var(--text-h);align-items:center;gap:10px;font-size:15px;display:flex}.auth-checkbox input{width:18px;height:18px;accent-color:var(--accent)}.auth-submit,.auth-status button,.auth-status a{border:1px solid var(--accent-border);color:var(--text-h);background:var(--accent-bg);font:inherit;cursor:pointer;border-radius:6px;text-decoration:none}:is(.auth-submit,.auth-status button,.auth-status a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-submit{min-height:46px;padding:10px 16px;font-weight:700}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-error{color:#c24141;font-size:15px}.auth-switch{margin-top:24px;font-size:15px}.auth-switch a{color:var(--accent);font-weight:700}.auth-status{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.auth-status strong{color:var(--text-h)}.auth-status button,.auth-status a{padding:6px 12px}.auth-status .auth-error{flex-basis:100%}.auth-status-message{min-height:35px}@media (width<=520px){.auth-card{padding:24px 20px}.auth-card h1{font-size:30px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}