:root{color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#070812;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 12%,#8b5cf647,#0000 30%),radial-gradient(circle at 85% 8%,#14b8a638,#0000 28%),linear-gradient(135deg,#070812 0%,#11152a 52%,#06070f 100%);min-height:100vh;margin:0}button,textarea,input,select{font:inherit}main{width:min(1580px,100% - 32px);margin:0 auto;padding:22px 0 40px}.login-shell{place-items:center;min-height:100vh;display:grid}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff1a,#ffffff09);border:1px solid #ffffff1f;border-radius:34px;gap:22px;width:min(720px,100%);padding:30px;display:grid;box-shadow:0 30px 120px #00000073}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#080a18c7;border:1px solid #ffffff1a;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex;position:sticky;top:12px}.brand{align-items:center;gap:12px;display:flex}.brand.big{align-items:center}.brand>span{background:linear-gradient(135deg,#8b5cf6,#14b8a6);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 40px #8b5cf673}.brand.big>span{border-radius:20px;width:58px;height:58px;font-size:22px}.brand small,.mode,.muted{color:#9aa4bf}.tabbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tabbar button,.kanban-tabs button,.ghost{color:#cbd5e1;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;padding:9px 13px;transition:all .2s}.tabbar button.active,.kanban-tabs button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6bf,#06b6d473);border-color:#8b5cf68c;box-shadow:0 12px 32px #0891b22e}.mode{white-space:nowrap;align-items:center;gap:10px;display:flex}.ghost{padding:7px 10px}.hero{grid-template-columns:1.25fr .75fr;align-items:end;gap:28px;padding:44px 0 26px;display:grid}.hero.compact{padding:34px 0 22px}.eyebrow{text-transform:uppercase;color:#8bd7ff;letter-spacing:.16em;margin:0 0 10px;font-size:12px;font-weight:800}h1{letter-spacing:-.07em;max-width:920px;margin:0;font-size:clamp(42px,6vw,86px);line-height:.9}.login-card h1,.hero.compact h1{font-size:clamp(42px,5vw,70px)}h2{letter-spacing:-.04em;margin:0}h3{color:#dbeafe;justify-content:space-between;margin:0 0 10px;font-size:14px;display:flex}h3 small{color:#94a3b8}.lead{color:#b9c2d8;max-width:820px;font-size:20px;line-height:1.55}.hero-panel,.card,.room-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff14,#ffffff09);border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 24px 80px #00000059}.hero-panel{gap:12px;padding:18px;display:grid}label{color:#cbd5e1;gap:7px;font-weight:700;display:grid}textarea,input,select{color:#fff;background:#0206179e;border:1px solid #ffffff1f;border-radius:18px;outline:none;width:100%;padding:14px}select option{background:#11152a}textarea{resize:vertical;min-height:128px}.instructions{min-height:220px}textarea:focus,input:focus,select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf624}button{color:inherit;cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}.hero-panel button,.secondary-action,.primary-action{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:16px;padding:14px 18px;font-weight:900;box-shadow:0 16px 34px #0891b238}.action-row{flex-wrap:wrap;gap:10px;display:flex}.danger-action,.hero-panel .danger-action{background:linear-gradient(135deg,#ef4444,#f97316);border-radius:16px;padding:14px 18px;font-weight:900;box-shadow:0 16px 34px #ef444438}.inline-danger{width:auto}.icon-danger{color:#fecaca;background:#7f1d1d6b;border:1px solid #f8717152;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:800}.subcard{background:#02061752;border:1px solid #ffffff12;border-radius:22px;gap:12px;padding:14px;display:grid}.single-panel{padding-top:22px}.dashboard-grid{grid-template-columns:minmax(420px,1.2fr) minmax(320px,.8fr);align-items:start;gap:18px;display:grid}.card,.room-card{padding:18px}.section-title,.room-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.section-title span,.status-pill{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:12px}.status-pill.running,.status-pill.in_progress{color:#67e8f9;border-color:#67e8f959}.status-pill.completed{color:#86efac;border-color:#86efac59}.agent-list,.runs,.tasks,.log,.usage-list,.artifact-list{gap:10px;display:grid}.agent-row,.runs button,.run-row,.agent-picker button,.agent-profile{text-align:left;background:#ffffff0b;border:1px solid #ffffff0f;border-radius:18px;gap:10px;width:100%;padding:12px;transition:all .2s;display:flex}.agent-row:hover,.runs button:hover,.run-row:hover,.agent-picker button:hover,.agent-profile:hover{background:#ffffff14;transform:translateY(-1px)}.agent-row.selected,.agent-picker button.selected,.agent-profile.selected{border-color:#8b5cf680;box-shadow:inset 0 0 0 1px #8b5cf638}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.agent-profile{align-items:flex-start;min-height:150px}.agent-profile p{color:#cbd5e1;margin:7px 0;line-height:1.4}.dot{border-radius:13px;place-items:center;width:42px;min-width:42px;height:42px;display:grid;overflow:hidden}.small-dot{width:34px;min-width:34px;height:34px;font-size:13px}.agent-row small,.runs small,.task small,.log-entry small,.kanban-ticket small,.usage-row small,.agent-profile small,.agent-picker small{color:#98a2b8;margin-top:3px;line-height:1.35;display:block}.runs button{background:0 0;border:0;flex:1;padding:0;display:block}.run-row{align-items:center}.runs .active-run,.run-row.active-run{border-color:#14b8a680}.room-card{min-height:690px;position:relative;overflow:hidden}.pixel-room-card{background:linear-gradient(#ffffff14,#ffffff09)}.pixel-map{height:620px;image-rendering:pixelated;background-color:#2bbf91;background-image:radial-gradient(circle at 12px 14px,#ffffff2e 0 1px,#0000 2px),radial-gradient(circle at 28px 31px,#075a4638 0 1px,#0000 2px),linear-gradient(45deg,#14916952 25%,#0000 25% 75%,#14916952 75%),linear-gradient(-45deg,#0f735c38 25%,#0000 25% 75%,#0f735c38 75%);background-size:32px 32px,32px 32px,16px 16px,16px 16px;border:1px solid #ffffff14;border-radius:26px;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #02061752}.tile-grain{opacity:.45;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.sand-path{background:#e6cf77 radial-gradient(circle at 10px 9px,#8f602a3b 0 1px,#0000 2px) 0 0/22px 22px;position:absolute;box-shadow:inset 0 0 0 3px #7b59261f}.path-left{border-radius:0 0 28px;width:330px;height:112px;top:78px;left:0}.path-down{border-radius:0 0 34px 34px;width:118px;height:285px;top:78px;left:280px}.water{background:#43b9e9;border:4px solid #2d4862b3;position:absolute;box-shadow:inset 0 0 0 3px #ffffff2e,inset 0 -18px #047abe33}.pond{border-radius:36% 48% 42% 44%}.pond-one{width:150px;height:110px;bottom:136px;left:74px}.pond-two{width:172px;height:118px;top:42px;right:290px}.river{background-image:linear-gradient(90deg,#0000,#ffffff47,#0000);background-size:180px 100%;border-bottom:0;border-left:0;border-right:0;border-radius:0;height:126px;animation:4s linear infinite water-shimmer;bottom:0;left:0;right:0}@keyframes water-shimmer{to{background-position:180px 0}}.bridge{z-index:2;background:repeating-linear-gradient(0deg,#d8bb63 0 18px,#896837 18px 23px);border-left:5px solid #6b4f2a;border-right:5px solid #6b4f2a;width:160px;height:126px;position:absolute;bottom:0;left:330px}.control-pad{color:#e0f2fe;letter-spacing:.12em;z-index:3;background:linear-gradient(135deg,#14b8a6d9,#8b5cf6b8);border:4px solid #0708126b;border-radius:18px;place-items:center;width:158px;height:98px;font-size:12px;font-weight:1000;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px #07081233,0 0 42px #8b5cf673}.map-sign{color:#e11d48;z-index:3;background:#dbeafe;border:5px solid #526175;place-items:center;width:60px;height:48px;font-weight:1000;display:grid;position:absolute;top:198px;left:245px;box-shadow:0 7px #334155}.tree{z-index:3;filter:drop-shadow(8px 10px #00000038);background-color:#0000;background-image:radial-gradient(circle at 50% 20%,#d9f99d 0 18px,#0000 19px),radial-gradient(circle at 34% 42%,#65a30d 0 24px,#0000 25px),radial-gradient(circle at 66% 42%,#4d7c0f 0 24px,#0000 25px),linear-gradient(#6b3f1d,#6b3f1d);background-position:top,top,top,bottom;background-repeat:no-repeat;background-size:100% 70%,100% 75%,100% 75%,18px 44px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:72px;height:92px;position:absolute}.tree-one{top:42px;right:96px}.tree-two{top:138px;right:178px}.tree-three{top:184px;right:34px}.flower{z-index:3;background:#ef4444;border:4px solid #7f1d1d;border-radius:50%;width:28px;height:28px;position:absolute;box-shadow:10px 5px #f97316,-6px 7px #fb7185}.flower-one{top:216px;right:250px}.flower-two{bottom:194px;right:130px}.flower-three{bottom:128px;right:30px}.walker{z-index:5;width:72px;height:86px;animation-duration:10s;animation-timing-function:steps(20,end);animation-iteration-count:infinite;animation-delay:var(--walk-delay);filter:drop-shadow(6px 8px #00000038);place-items:center;display:grid;position:absolute;top:48%;left:48%}.walker .pokemon-sprite{transform:scale(1.22)}.walker.active{z-index:8;filter:drop-shadow(0 0 14px var(--agent-color)) drop-shadow(6px 8px 0 #00000038)}.walker-label{text-align:center;opacity:0;background:#020617c7;border:1px solid #ffffff21;border-radius:10px;min-width:94px;padding:5px 8px;transition:all .2s;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.walker.active .walker-label,.walker:hover .walker-label{opacity:1}.walker-label strong,.walker-label small{display:block}.walker-label small{color:#aeb8cf;font-size:10px}.route-a{animation-name:walk-a}.route-b{animation-name:walk-b}.route-c{animation-name:walk-c}.route-d{animation-name:walk-d}.route-e{animation-name:walk-e}.route-f{animation-name:walk-f}@keyframes walk-a{0%{top:38%;left:18%}25%{top:38%;left:42%}50%{top:56%;left:58%}75%{top:72%;left:35%}to{top:38%;left:18%}}@keyframes walk-b{0%{top:26%;left:72%}25%{top:42%;left:58%}50%{top:62%;left:70%}75%{top:42%;left:84%}to{top:26%;left:72%}}@keyframes walk-c{0%{top:80%;left:44%}25%{top:56%;left:44%}50%{top:42%;left:52%}75%{top:46%;left:30%}to{top:80%;left:44%}}@keyframes walk-d{0%{top:70%;left:84%}25%{top:68%;left:70%}50%{top:48%;left:62%}75%{top:32%;left:78%}to{top:70%;left:84%}}@keyframes walk-e{0%{top:24%;left:24%}25%{top:24%;left:40%}50%{top:46%;left:46%}75%{top:58%;left:24%}to{top:24%;left:24%}}@keyframes walk-f{0%{top:76%;left:56%}25%{top:58%;left:56%}50%{top:38%;left:48%}75%{top:34%;left:66%}to{top:76%;left:56%}}.pixel-speech{width:260px;top:-94px}.speech{border:1px solid color-mix(in srgb, var(--agent-color), white 20%);background:#020617e6;border-radius:14px;padding:10px 12px;font-size:12px;line-height:1.35;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 38px #0000005c}.pokemon-sprite{width:46px;height:46px;image-rendering:pixelated;position:relative;transform:scale(1)}.dot .pokemon-sprite{transform:scale(.72)}.sprite-active{animation:.85s steps(2,end) infinite sprite-hop}@keyframes sprite-hop{50%{transform:translateY(-4px)scale(1.04)}}.sprite-shadow{background:#00000052;border-radius:50%;height:6px;position:absolute;bottom:2px;left:8px;right:8px}.sprite-body,.sprite-head,.sprite-face,.sprite-ear,.sprite-foot{display:block;position:absolute;box-shadow:0 0 0 2px #070812cc}.sprite-body{background:var(--agent-color);border-radius:9px 9px 7px 7px;width:22px;height:18px;top:20px;left:12px}.sprite-head{background:color-mix(in srgb, var(--agent-color), white 28%);border-radius:12px 12px 10px 10px;width:26px;height:22px;top:8px;left:10px}.sprite-face{width:4px;height:4px;box-shadow:10px 0 #050816, 5px 7px color-mix(in srgb, #fff, var(--agent-color) 20%);background:#050816;top:16px;left:17px}.sprite-ear{background:color-mix(in srgb, var(--agent-color), white 10%);border-radius:5px 5px 2px 2px;width:8px;height:12px;top:5px}.sprite-ear.left{left:9px;transform:rotate(-18deg)}.sprite-ear.right{right:9px;transform:rotate(18deg)}.sprite-foot{background:#e5e7eb;border-radius:4px;width:11px;height:7px;top:36px}.sprite-foot.left{left:10px}.sprite-foot.right{right:10px}.sprite-trainer .sprite-head{border-radius:8px}.sprite-trainer .sprite-ear{display:none}.sprite-trainer .sprite-body{background:linear-gradient(#111827 0 42%, var(--agent-color) 42%)}.walker .sprite-head{background:#ffd0a6;border-radius:8px 8px 10px 10px}.walker .sprite-body{background:linear-gradient(var(--agent-color) 0 60%, #111827 60%);border-radius:6px}.walker .sprite-ear{background:var(--agent-color);border-radius:2px;width:12px;height:8px;top:5px}.walker .sprite-ear.left{left:9px;transform:rotate(0)}.walker .sprite-ear.right{right:9px;transform:rotate(0)}.walker .sprite-face{top:17px;box-shadow:10px 0 #050816,5px 7px #7c2d12}.walker .sprite-foot{background:#111827;animation:.5s steps(2,end) infinite tiny-feet}@keyframes tiny-feet{50%{transform:translateY(2px)}}.sprite-grass .sprite-ear{background:#86efac;height:15px}.sprite-water .sprite-head{background:#7dd3fc}.sprite-electric .sprite-ear{background:#fde047;border-radius:1px}.sprite-psychic .sprite-head{background:#f0abfc}.sprite-steel .sprite-head{background:#cbd5e1}.walker .sprite-water .sprite-head,.walker .sprite-electric .sprite-head,.walker .sprite-psychic .sprite-head,.walker .sprite-steel .sprite-head,.walker .sprite-grass .sprite-head{background:#ffd0a6}.settings-card{gap:12px;display:grid}.editor-layout{grid-template-columns:330px 1fr;gap:18px;display:grid}.agent-picker{align-content:start;gap:10px;display:grid}.editor-form{gap:12px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kanban-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.kanban-tabs button{border-radius:16px;justify-content:space-between;align-items:center;display:flex}.kanban-tabs b{color:#86efac}.kanban-focus{background:#02061761;border:1px solid #ffffff12;border-radius:22px;min-height:360px;padding:16px}.kanban-ticket{background:#ffffff0e;border-left:4px solid #67e8f9;border-radius:16px;gap:6px;margin-bottom:10px;padding:12px;display:grid}.kanban-ticket.large{padding:16px;font-size:15px}.ticket-head{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;display:grid}.ticket-head span{font-size:22px}.ticket-head em{color:#67e8f9;font-size:12px;font-style:normal}.kanban-ticket p{color:#dbeafe;margin:4px 0;line-height:1.45}.mini{font-size:12px}.usage-row{background:#ffffff0b;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.usage-row b{color:#86efac}.log-card{max-height:620px;overflow:hidden}.log{max-height:538px;padding-right:4px;overflow:auto}.log-entry{border-bottom:1px solid #ffffff0f;grid-template-columns:34px 1fr;gap:10px;padding:10px 0;display:grid}.log-entry>span{border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.log-entry p{color:#dbeafe;margin:4px 0;line-height:1.4}.output-card{overflow:hidden}.kv{grid-template-columns:170px minmax(0,1fr);gap:9px 12px;margin-bottom:16px;display:grid}.kv span{color:#9aa4bf;font-size:13px}code{white-space:pre-wrap;word-break:break-word;color:#dbeafe;background:#0206178c;border:1px solid #ffffff14;border-radius:10px;padding:7px 9px;display:block}.artifact-list>div{background:#ffffff0b;border:1px solid #ffffff0f;border-radius:15px;gap:6px;padding:11px;display:grid}.manual-output{background:#8b5cf614;border:1px solid #8b5cf62e;border-radius:20px;gap:10px;margin-top:14px;padding:14px;display:grid}.error{color:#fca5a5;word-break:break-word;margin:0}@media (width<=1320px){.hero,.dashboard-grid,.editor-layout{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){main{width:min(100% - 18px,1500px)}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.tabbar,.tabbar button,.mode{width:100%}.tabbar{grid-template-columns:1fr 1fr;display:grid}h1{font-size:44px}.room-stage{height:520px}.agent-avatar{width:92px}.speech{width:190px}.settings-grid,.kanban-tabs,.agent-grid,.kv{grid-template-columns:1fr}}