:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dev-bg:#101512;--dev-panel:#19211c;--dev-line:#303c34;--dev-text:#f1f5ee;--dev-muted:#a1aea4;--dev-green:#c2f86b}*{box-sizing:border-box}body{background:var(--dev-bg);color:var(--dev-text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--dev-green)}button{cursor:pointer;border:1px solid var(--dev-line);color:var(--dev-text);background:#232d26;border-radius:9px;padding:10px 16px}button:disabled{opacity:.45;cursor:not-allowed}a:hover{color:var(--dev-green)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.5px;margin-bottom:18px;font-size:clamp(30px,3.2vw,48px);line-height:1.15}h2{letter-spacing:-.6px;font-size:26px;line-height:1.3}h3{margin-bottom:9px;font-size:18px}p,small{color:var(--dev-muted)}.dev-shell{min-height:100vh}.dev-top{border-bottom:1px solid var(--dev-line);background:var(--dev-bg);z-index:20;justify-content:space-between;align-items:center;gap:25px;height:88px;padding:0 5vw;display:flex;position:relative}.dev-brand{letter-spacing:-1.8px;font-size:29px;font-weight:800;line-height:1}.dev-brand span{color:var(--dev-green)}.dev-brand small{letter-spacing:2px;color:var(--dev-muted);margin-top:8px;font-size:9px;display:block}.dev-top nav{align-items:center;gap:25px;font-size:13px;display:flex}.dev-main{max-width:1440px;min-height:calc(100vh - 170px);margin:auto;padding:48px 5vw 96px}.dev-workbench .dev-main{max-width:1400px;margin-left:240px;padding:46px 4vw 130px}.dev-footer{border-top:1px solid var(--dev-line);color:var(--dev-muted);gap:24px;padding:26px 5vw;font-size:12px;display:flex}.dev-workbench .dev-footer{margin-left:240px}.dev-sidebar{border-right:1px solid var(--dev-line);background:var(--dev-bg);z-index:15;flex-direction:column;width:240px;padding:34px 20px;display:flex;position:fixed;top:88px;bottom:0;left:0}.dev-kicker{letter-spacing:2px;color:var(--dev-green);margin-bottom:22px;font-size:10px;font-weight:700}.dev-sidebar nav{flex-direction:column;gap:8px;display:flex}.dev-sidebar nav a{color:var(--dev-muted);border-radius:8px;align-items:center;gap:15px;padding:13px;font-size:14px;display:flex}.dev-sidebar nav a[aria-current]{color:var(--dev-green);background:#273723}.dev-sidebar nav span{text-align:center;width:20px;font-size:21px}.dev-sidebar-note{color:#c4cfc4;margin-top:auto;padding:20px 9px;font-size:11px}.dev-sidebar-note p{margin:10px 0 0;font-size:11px}.dev-dot{background:var(--dev-green);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.dev-menu{display:none}.dev-skip{z-index:50;background:var(--dev-green);color:#15200c;padding:10px;position:fixed;top:-100px;left:10px}.dev-skip:focus{top:10px}.dev-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;min-height:620px;padding:45px 0 80px;display:grid}.dev-hero h1{letter-spacing:-3.5px;font-size:clamp(42px,4.8vw,72px);line-height:1.07}.dev-hero h1 em{color:var(--dev-green);font-style:normal}.dev-lead{max-width:620px;margin-bottom:30px;font-size:17px;line-height:1.8}.dev-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dev-button{background:var(--dev-green);border:1px solid var(--dev-green);color:#13200b;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:25px;min-height:47px;padding:14px 23px;font-size:13px;font-weight:700;line-height:1.4;display:inline-flex}.dev-button:hover{color:#13200b;background:#d4ff93}.dev-button.secondary{color:var(--dev-text);background:0 0;border-color:#455244}.dev-button.secondary:hover{border-color:var(--dev-green);color:var(--dev-green)}.dev-muted{color:var(--dev-muted);margin-top:18px;font-size:12px}.dev-hero-visual{padding:55px 0 55px 20px;position:relative}.dev-orbit{background:radial-gradient(#506c2b44,#0000 68%);border:1px solid #42592a;border-radius:50%;width:440px;max-width:100%;height:440px;position:absolute;top:0;left:0;box-shadow:0 0 0 28px #6985340a,0 0 0 80px #69853406}.dev-demo{background:#202b21;border:1px solid #4d5e43;border-radius:16px;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 30px 70px #0006}.dev-demo-top{align-items:center;gap:5px;padding:17px;display:flex}.dev-demo-top i{background:#66765e;border-radius:50%;width:6px;height:6px}.dev-demo-top span{letter-spacing:2px;color:#bac8ac;margin-left:auto;font-size:8px}.dev-demo-art{background:radial-gradient(circle at 70% 20%,#b6dc74 0,#0000 52%),linear-gradient(135deg,#475d36,#17271c);height:265px;padding:36px;position:relative;overflow:hidden}.dev-demo-art>span{color:#c2f86b;font-size:230px;line-height:1;position:absolute;top:40px;right:-30px;transform:rotate(20deg)}.dev-demo-art b{letter-spacing:-1.5px;color:#fff;font-size:34px;line-height:1.1;position:relative}.dev-demo-bottom{align-items:center;padding:20px;font-size:10px;display:flex}.dev-demo-bottom>span:last-child{color:var(--dev-green);margin-left:auto}.dev-floating{color:#d5e9bb;background:#263325;border:1px solid #56773a;border-radius:10px;padding:14px 20px;font-size:11px;position:absolute;bottom:18px;right:-15px;box-shadow:0 10px 30px #0004}.dev-section{padding:45px 0 70px}.dev-grid{gap:22px;display:grid}.dev-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.dev-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-panel{background:var(--dev-panel);border:1px solid var(--dev-line);border-radius:12px;min-width:0;margin-bottom:24px;padding:28px}.dev-panel>p:last-child{margin-bottom:0}.dev-step-number{color:var(--dev-green);margin-bottom:35px;font-size:12px;display:block}.dev-panel p{font-size:13px}.dev-callout{border-top:1px solid var(--dev-line);justify-content:space-between;align-items:center;gap:40px;padding:50px 0 30px;display:flex}.dev-callout p{max-width:580px}.dev-auth{max-width:530px;margin:35px auto}.dev-auth h1{font-size:32px}.dev-auth-links{flex-wrap:wrap;gap:15px;font-size:11px;display:flex}.dev-auth form,.dev-doc{gap:8px;display:grid}.dev-doc{max-width:900px}.dev-doc>.dev-panel{margin-bottom:12px}.dev-doc .dev-panel p{font-size:15px;line-height:1.9}label{color:#dce6d8;flex-direction:column;gap:8px;margin:0 0 23px;font-size:12px;display:flex}input:not([type=checkbox]),textarea,select{color:var(--dev-text);background:#111914;border:1px solid #405043;border-radius:7px;width:100%;max-width:100%;min-height:45px;padding:12px}textarea{resize:vertical}select[multiple]{min-height:100px}label small{font-size:10px}label.dev-check{flex-direction:row;align-items:flex-start;gap:10px;line-height:1.8;display:flex}input[type=checkbox]{accent-color:var(--dev-green);flex-shrink:0;width:17px;height:17px;margin-top:3px}.dev-check a{text-decoration:underline}.dev-message{color:#dcfba8;white-space:pre-wrap;overflow-wrap:anywhere;min-height:12px;font-size:12px}.dev-notice{color:#d5e8bd;background:#283323;border:1px solid #5a7340;border-radius:8px;margin-bottom:24px;padding:15px 20px;font-size:12px}.dev-page-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;display:flex}.dev-page-heading h1{margin:10px 0}.dev-page-heading p{font-size:13px}.dev-badge{letter-spacing:.3px;color:#cdeba5;white-space:nowrap;border:1px solid #526444;border-radius:20px;padding:6px 11px;font-size:10px;display:inline-block}.dev-empty{text-align:center;border:1px dashed #3c4d40;border-radius:12px;margin:30px 0;padding:80px 24px}.dev-empty>span{color:#78915e;margin-bottom:20px;font-size:48px;display:block}.dev-empty p{max-width:440px;margin:0 auto 25px;font-size:13px}.dev-game-row{align-items:center;gap:24px;display:flex}.dev-game-row>div:nth-child(2){flex:1;min-width:0}.dev-game-row h2{overflow-wrap:anywhere;margin-bottom:6px;font-size:19px}.dev-game-row p{margin:0}.dev-game-row small{overflow-wrap:anywhere;font-size:9px}.dev-game-icon{color:#e3f4be;background:linear-gradient(130deg,#8aac51,#30442d);border-radius:9px;flex-shrink:0;place-items:center;width:74px;height:74px;font-size:35px;font-weight:700;display:grid}.dev-inline-form{align-items:end;gap:20px;display:flex}.dev-inline-form label{flex:1;margin:0}.dev-tabs{border-bottom:1px solid var(--dev-line);gap:28px;margin-bottom:28px;display:flex}.dev-tabs button{color:var(--dev-muted);background:0 0;border:0;border-radius:0;padding:14px 0;font-size:13px}.dev-tabs button[aria-selected=true]{border-bottom:2px solid var(--dev-green);color:var(--dev-green)}.dev-steps{gap:12px;margin:26px 0 35px;padding:0;list-style:none;display:flex}.dev-steps li{border-bottom:2px solid var(--dev-line);flex:1}.dev-steps button{text-align:left;width:100%;color:var(--dev-muted);background:0 0;border:0;padding:12px 0;font-size:13px}.dev-steps span{background:#263228;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:10px;font-size:11px;display:inline-grid}.dev-steps li[aria-current]{border-color:var(--dev-green)}.dev-steps li[aria-current] button{color:var(--dev-green)}.dev-fieldset{border:0;min-width:0;margin:0;padding:0}.dev-drop{text-align:center;background:#172218;border:1px dashed #5d7550;border-radius:10px;margin:28px 0;padding:35px 15px}.dev-drop>span{color:var(--dev-green);font-size:34px}.dev-drop .dev-actions{justify-content:center}.dev-file{opacity:0;height:1px;position:absolute;overflow:hidden;width:1px!important;min-height:0!important}.dev-button:has(input:focus-visible){outline:2px solid var(--dev-green);outline-offset:4px}.dev-button:has(input:disabled){opacity:.4;cursor:not-allowed}.dev-drop label{margin:0}.dev-file-list{max-height:330px;margin-bottom:20px;overflow:auto}.dev-file-list>div{border-bottom:1px solid var(--dev-line);align-items:center;gap:12px;padding:10px 0;font-size:10px;display:flex}.dev-file-list code{overflow-wrap:anywhere;flex:1}.dev-file-list progress{width:65px;accent-color:var(--dev-green)}.dev-file-list button{padding:5px;font-size:10px}.dev-qa-results{border-bottom:1px solid var(--dev-line);margin-bottom:20px}.dev-qa-results p{justify-content:space-between;gap:20px;display:flex}.dev-qa-results strong{color:#d5e9b7;font-size:12px}.dev-history{border-top:1px solid var(--dev-line);padding:20px 0}.dev-history>.dev-badge,.dev-history strong{margin-right:18px}.dev-history small{font-size:10px}.dev-history p{margin:15px 0}.dev-history button{margin-right:10px;font-size:11px}.dev-bottom{z-index:12;background:#28342cf5;border:1px solid #4c604b;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding:16px 20px;display:flex;position:sticky;bottom:16px;box-shadow:0 8px 30px #0005}.dev-bottom>span{color:#c4d1bd;font-size:11px}.dev-art-preview{background:#111a14;border:1px dashed #53634b;border-radius:8px;margin:15px 0;position:relative;overflow:hidden}.dev-art-preview.landscape{aspect-ratio:16/9}.dev-art-preview.portrait{aspect-ratio:2/3;max-height:300px}.dev-art-preview.square{aspect-ratio:1}.dev-art-preview img{object-fit:contain;width:100%;height:100%;position:absolute}.dev-art-preview span{color:#e8f9cd;pointer-events:none;text-shadow:0 1px 4px #000;border:1px dashed #f5ffbfaa;place-items:center;font-size:10px;display:grid;position:absolute;inset:10%}.dev-shot{aspect-ratio:16/9;object-fit:contain;border-radius:7px;width:100%}.dev-danger{border-color:#684a37;margin-top:50px}.dev-danger button{color:#f8cdad;border-color:#846342}dl{grid-template-columns:100px 1fr;gap:10px;font-size:13px;display:grid}dt{color:var(--dev-muted)}dd{overflow-wrap:anywhere;margin:0}@media (min-width:1600px){.dev-workbench .dev-main{margin-left:max(240px,50vw - 580px);margin-right:auto}}@media (max-width:1000px){.dev-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-hero{gap:35px}.dev-hero h1{letter-spacing:-2px}.dev-grid.three{grid-template-columns:1fr}.dev-workbench .dev-main{padding-left:30px;padding-right:30px}.dev-floating{right:0}.dev-demo-art b{font-size:28px}.dev-demo-art{padding:25px}.dev-top nav{gap:14px}}@media (max-width:767px){.dev-top{gap:12px;height:78px;padding:0 20px}.dev-brand{font-size:23px}.dev-brand small{font-size:8px}.dev-top nav{gap:12px;font-size:10px}.dev-top nav>a:first-child{display:none}.dev-top nav button{padding:6px;font-size:10px}.dev-main,.dev-workbench .dev-main{margin:0;padding:32px 20px 70px}.dev-workbench .dev-top{flex-wrap:wrap;height:auto;min-height:88px;padding-top:15px;padding-bottom:15px}.dev-workbench .dev-top nav{margin-left:auto}.dev-menu{padding:7px;font-size:10px;display:block}.dev-sidebar{border-bottom:1px solid var(--dev-line);width:100%;padding:20px;display:none;top:88px;bottom:auto}.dev-sidebar.is-open{display:block}.dev-sidebar-note{display:none}.dev-workbench .dev-footer{margin-left:0}.dev-footer{flex-wrap:wrap;gap:16px;padding:24px 20px;font-size:10px}.dev-hero{flex-direction:column;gap:35px;min-height:0;padding:25px 0 45px;display:flex}.dev-hero h1{letter-spacing:-2.5px;font-size:44px}.dev-hero .dev-kicker{letter-spacing:1.5px;font-size:9px}.dev-lead{font-size:15px}.dev-hero-visual{width:100%;max-width:460px;padding:30px 10px}.dev-demo-art{height:220px}.dev-orbit{width:300px;height:300px;box-shadow:none;left:12px}.dev-floating{padding:11px;font-size:10px;bottom:0;right:0}.dev-grid.four,.dev-grid.two,.dev-grid.three{grid-template-columns:1fr}.dev-grid.four .dev-panel{margin:0}.dev-step-number{margin-bottom:20px}.dev-panel{padding:21px}.dev-callout{flex-direction:column;align-items:flex-start;gap:15px}.dev-page-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.dev-page-heading h1{font-size:33px}.dev-empty{padding:55px 18px}.dev-empty h2{font-size:23px}.dev-inline-form{flex-direction:column;align-items:stretch}.dev-inline-form label{width:100%}.dev-game-row{flex-wrap:wrap;gap:14px}.dev-game-icon{width:50px;height:50px;font-size:26px}.dev-game-row>.dev-badge{margin-left:64px}.dev-steps{gap:7px}.dev-steps button{white-space:nowrap;font-size:10px}.dev-steps span{width:20px;height:20px;margin-right:5px;font-size:9px}.dev-bottom{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:25px;padding:13px;position:sticky;bottom:8px}.dev-bottom .dev-actions{justify-content:space-between}.dev-bottom button{padding:12px;font-size:11px}.dev-file-list>div{flex-wrap:wrap}.dev-file-list code{flex-basis:100%}.dev-auth{margin:15px auto}.dev-doc h1{font-size:34px}.dev-qa-results p{flex-direction:column;gap:5px}.dev-drop{padding:25px 12px}.dev-drop .dev-button{padding:13px;font-size:11px}.dev-art-preview.portrait{max-width:240px}.dev-art-preview.square{max-width:300px}}
