@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#161713;background:#f1f0e8;font-synthesis:none;--paper:#f1f0e8;--ink:#161713;--olive:#5e6543;--lime:#d6ff54;--line:#d4d2c7;--panel:#161815;--panel-2:#21231e;--muted:#77786f;--dark-muted:#94978b;--danger:#c64b40;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.site-header{width:min(1170px,calc(100% - 48px));height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.site-header>a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:-.02em}.site-header>a b{display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:#202115;color:#e5e8c4;font:500 10px var(--mono);letter-spacing:-.12em}.site-header>a i{font-style:normal;font-weight:400;color:var(--olive)}.site-header nav{display:flex;align-items:center;gap:23px;font-size:12px;color:#55574e}.site-header nav a:hover{color:var(--ink)}.site-header nav button{border:1px solid var(--line);border-radius:4px;padding:4px 7px;background:transparent;color:var(--ink);font:10px var(--mono)}.home{width:min(1170px,calc(100% - 48px));margin:auto;padding:76px 0 64px}.home-hero{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:center;gap:56px}.micro{margin:0;color:var(--olive);font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.home-intro{max-width:500px}.home h1,.empty-workbench h1{margin:20px 0 22px;font-size:clamp(52px,6.1vw,78px);line-height:.94;letter-spacing:-.075em;font-weight:650}.lede{max-width:585px;margin:0;color:#31332d;font-size:19px;line-height:1.35}.support{max-width:410px;margin:12px 0 0;color:#66685f;font-size:13px;line-height:1.55}.home-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.home-explain{max-width:800px;margin:56px auto 0;padding-top:24px;border-top:1px solid var(--line)}.home-explain p{margin:0;color:#272923;font-size:21px;letter-spacing:-.03em}.home-explain small{display:block;margin-top:10px;color:#6a6c63;font-size:12px}.button{min-height:38px;border:1px solid transparent;border-radius:4px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:650}.button-primary{background:var(--lime);color:#15170d}.button-primary:hover{background:#e2ff89}.button-secondary{background:transparent;border-color:#5a5c50;color:#eceee5}.button-quiet{background:transparent;color:inherit}.button-danger{border-color:#8a3c35;background:transparent;color:#e5887e}.ready,.live-status,.session-state{display:inline-flex;align-items:center;gap:7px;color:#6b6e60;font:10px var(--mono)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8c8f80}.status-dot-positive{background:#819d3e;box-shadow:0 0 0 3px #dce0bd}.status-dot-warning{background:#bb9238}.status-dot-danger{background:var(--danger)}.home-demo{margin-top:76px;border:1px solid #2a2d25;background:var(--panel);box-shadow:0 18px 48px #5f605333;color:#edeee6}.demo-title{display:grid;grid-template-columns:150px 1fr 290px;align-items:baseline;gap:18px;padding:18px 21px;border-bottom:1px solid #34372e}.demo-title .micro{color:#a6ac84}.demo-title strong{font-size:14px}.demo-title p{margin:0;color:#a5a89a;font-size:11px;line-height:1.45}.demo-frame{display:grid;grid-template-columns:170px minmax(0,1fr) 220px;grid-template-rows:minmax(310px,40vw) 112px}.demo-rail{display:flex;flex-direction:column;gap:10px;padding:18px;border-right:1px solid #34372e;background:#1c1e19;font-size:11px}.demo-rail b{width:30px;height:30px;display:grid;place-items:center;background:#cadc7a;color:#1c1e14;font:10px var(--mono)}.demo-rail span{margin-top:10px;font-weight:700}.demo-rail small{color:#9da093;font:9px var(--mono)}.demo-game{position:relative;overflow:hidden;background:linear-gradient(160deg,#668b7a,#8aae75 48%,#d7b75d 49%,#b8734d);border-right:1px solid #34372e}.demo-game>span{position:absolute;left:22px;bottom:20px;color:#f4edd2;font:700 19px "Instrument Serif",serif;letter-spacing:.03em}.demo-sun{position:absolute;right:18%;top:17%;width:66px;height:66px;border-radius:50%;background:#f1cf6a;opacity:.9}.demo-hill{position:absolute;bottom:-50px;border-radius:50% 50% 0 0;background:#466b54}.demo-hill.h1{left:-10%;width:75%;height:45%}.demo-hill.h2{right:-16%;width:70%;height:35%;background:#314e42}.demo-agent{padding:20px;background:#1d1f1a}.demo-agent .micro{color:#a6ac84}.demo-agent strong{display:block;margin-top:14px;font-size:13px}.demo-agent div{height:72px;margin-top:19px;border:1px solid #53574a;border-radius:3px;background:linear-gradient(120deg,#282b24 30%,#34372e 30% 38%,#282b24 38%)}.demo-log{grid-column:2/4;display:grid;grid-template-columns:80px 1fr;gap:4px 12px;padding:16px 20px;border-top:1px solid #34372e;background:#111310;color:#9da093;font:10px/1.45 var(--mono)}.demo-log span{color:#c9db78}.demo-log p{margin:0}.workbench{min-height:calc(100vh - 70px);padding:24px;width:min(1440px,calc(100% - 40px));margin:auto}.empty-workbench{display:grid;place-items:center}.empty-workbench section{max-width:620px;padding:55px;border:1px solid #2e3029;background:var(--panel);color:#eef0e7}.empty-workbench .micro{color:#a6ac84}.empty-workbench h1{font-size:54px}.empty-workbench p:not(.micro){color:#b2b5a8;line-height:1.6}.workbench-bar{min-height:60px;padding:11px 14px;display:flex;align-items:center;gap:18px;background:#191b17;color:#edf0e6;border:1px solid #2c2f27}.workbench-bar .micro{color:#a6ac84}.workbench-bar strong{font:11px var(--mono)}.session-state{margin-left:auto;color:#b8baae}.mode-tabs{display:flex;border:1px solid #484c40;border-radius:4px;overflow:hidden}.mode-tabs button,.tool-button{border:0;background:transparent;color:#b8bbae;padding:7px 9px;font:10px var(--mono)}.mode-tabs button[aria-selected=true]{background:#d1e576;color:#1a1b13}.tool-button:hover{color:#f1f3e8;background:#2b2e27}.workbench-grid{min-height:calc(100vh - 154px);display:grid;grid-template-columns:minmax(0,1fr);border:1px solid #2c2f27;border-top:0;background:#171915}.workbench-grid.agent-visible{grid-template-columns:minmax(0,1fr) 335px}.game-panel,.code-panel{min-width:0;color:#e8ebe0}.panel-top{min-height:61px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #30332b}.panel-top .micro{color:#a4aa82}.panel-top strong{display:block;margin-top:4px;font:11px var(--mono)}.panel-tools{display:flex;gap:2px}.game-canvas{position:relative;width:100%;aspect-ratio:16/9;min-height:300px;background:#11130f;overflow:hidden}.novnc-target{position:absolute;inset:0;display:grid;place-items:center}.novnc-target canvas{max-width:100%;max-height:100%}.game-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:25px;text-align:center;color:#c7cabd;background:radial-gradient(circle at 50% 42%,#30382c 0,#1a1d18 43%,#11130f);font-size:13px}.game-orb{width:52px;height:52px;border:1px solid #b1c26b;border-radius:50%;box-shadow:0 0 0 10px #b1c26b18}.panel-foot{min-height:36px;padding:10px 15px;display:flex;justify-content:space-between;color:#95998b;font:9px var(--mono);border-top:1px solid #30332b}.panel-foot span{color:#ed9288}.game-full{position:fixed;z-index:8;inset:0;background:#11130f}.game-full .game-canvas{height:calc(100vh - 97px);aspect-ratio:auto}.agent-panel{min-width:0;padding-bottom:18px;border-left:1px solid #30332b;background:#1c1e19;color:#e8ebe0}.agent-copy{margin:0 15px 15px;color:#b2b5a8;font-size:12px;line-height:1.55}.agent-badge{display:inline-block;margin-top:5px;padding:3px 5px;color:#d6eb84;background:#384028;font:9px var(--mono)}.agent-form{display:grid;gap:9px;margin:0 15px;padding:11px;border:1px solid #3a3e34;background:#22251f}.agent-form label{font:9px var(--mono);color:#afb4a1;text-transform:uppercase}.agent-form textarea{min-height:94px;resize:vertical;border:0;background:transparent;color:#edf0e6;outline:0;font-size:12px;line-height:1.5}.agent-empty,.agent-result{margin:15px;padding:11px;color:#aeb1a6;border-left:2px solid #5f654f;font-size:11px;line-height:1.5}.agent-result{color:#e3e6d8;background:#282c22}.agent-result .micro{color:#c5d873}.agent-result p{margin:5px 0}.agent-result small{color:#afb58e}.activity{margin:21px 15px 0}.activity>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#9fa393;font:9px var(--mono)}.activity-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 0;border-top:1px solid #30332b;color:#c5c8ba;font-size:10px}.activity-row .status-dot{width:5px;height:5px}.activity-row small{overflow:hidden;max-width:110px;color:#858a7b;font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap}.code-panel{display:grid;grid-template-columns:185px minmax(0,1fr)}.file-rail{padding:10px;border-right:1px solid #30332b;background:#1d1f1a}.file-rail button{display:flex;width:100%;gap:8px;border:0;border-radius:3px;padding:9px;background:transparent;color:#a9ada0;text-align:left;font:10px var(--mono)}.file-rail button span{color:#c8dc77}.file-rail button.file-active{background:#33372d;color:#eef0e5}.code-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:calc(100vh - 154px)}.dirty,.clean{font:10px var(--mono)}.dirty{color:#e2b55e}.clean{color:#a4c270}.code-scroll{min-height:0;overflow:auto;background:#151714}.code-scroll textarea{display:block;width:100%;min-height:100%;border:0;outline:0;resize:none;padding:18px;color:#d8dbcf;background:transparent;font:12px/1.65 var(--mono);tab-size:2}.code-scroll p{padding:20px;color:#969a8d}.code-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid #30332b;color:#969a8d;font:10px var(--mono)}.code-actions>div{display:flex;gap:5px}.inline-error{margin:12px;color:#ee8d83;font-size:11px}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#15171188}.modal{width:min(440px,100%);padding:26px;border:1px solid #474b3d;background:#f1f0e8;box-shadow:0 28px 70px #11140c66}.modal .micro{color:var(--olive)}.modal h2{margin:10px 0;font-size:27px;letter-spacing:-.04em}.modal>p{color:#5c5f55;font-size:13px;line-height:1.55}.modal form{display:grid;gap:9px}.modal label{font:10px var(--mono);color:#56594f}.modal input{width:100%;border:1px solid #bfc0b2;border-radius:3px;padding:10px;background:#fff;color:#151713}.modal input:focus{outline:2px solid #7d9034;outline-offset:2px}.modal small{color:#777a6f;font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:13px}.modal-danger .micro{color:#a54339}@media(max-width:900px){.demo-title{grid-template-columns:1fr}.demo-frame{grid-template-columns:135px minmax(0,1fr);grid-template-rows:minmax(270px,55vw) auto auto}.demo-agent{display:none}.demo-log{grid-column:2}.workbench-grid.agent-visible{grid-template-columns:1fr}.agent-panel{border-left:0;border-top:1px solid #30332b}.workbench-bar{flex-wrap:wrap}.session-state{margin-left:0}.code-main{min-height:540px}}@media(max-width:620px){.site-header,.home{width:calc(100% - 30px)}.home{padding-top:45px}.home h1,.empty-workbench h1{font-size:51px}.home-demo{margin-top:48px}.demo-rail{display:none}.demo-frame{grid-template-columns:1fr;grid-template-rows:270px auto}.demo-log{grid-column:1}.workbench{width:100%;padding:0}.workbench-bar{gap:9px}.workbench-bar .button{margin-left:auto}.tool-button{padding:6px}.code-panel{grid-template-columns:1fr}.file-rail{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #30332b}.file-rail button{min-width:max-content}.mode-tabs{order:3}.game-canvas{min-height:240px}.home-actions{align-items:flex-start;flex-direction:column}}.home-hero .home-demo{margin-top:0}@media(max-width:900px){.home-hero{grid-template-columns:1fr}.home-hero .home-demo{margin-top:20px}}