:root{color-scheme:light;font-family:Aptos,Bahnschrift,Gill Sans,sans-serif;background:#cdefff;color:#13231f;--ink: #13231f;--ink-soft: #294139;--muted: #607369;--paper: #fffdf5;--paper-warm: #fff7e4;--paper-soft: rgba(255, 253, 245, .82);--line: rgba(24, 54, 44, .17);--line-strong: rgba(24, 54, 44, .28);--sky: #61bff2;--sky-pale: #c8efff;--grass: #80c961;--grass-deep: #45894b;--jade: #2d9678;--jade-dark: #17644f;--amber: #d69a35;--ruby: #b65a46;--blue: #287fa7;--focus: #0d6b55;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-ui: "Aptos", "Bahnschrift", "Gill Sans", sans-serif;--font-mono: "Cascadia Mono", "Courier New", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow:hidden;background:#cdefff}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,input:focus-visible{outline:3px solid rgba(13,107,85,.46);outline-offset:2px}.landing-shell{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:34px;isolation:isolate;background:linear-gradient(180deg,#fffdf51f,#fffdf547 38%,#0d221933),url(/assets/landing/villageos-sky-valley-ascii.jpeg) center / cover no-repeat,radial-gradient(ellipse 80% 28% at 20% 67%,rgba(207,244,119,.96) 0 48%,transparent 49%),radial-gradient(ellipse 92% 30% at 82% 70%,rgba(121,205,95,.98) 0 52%,transparent 53%),radial-gradient(ellipse 56% 14% at 54% 60%,rgba(142,220,236,.42) 0 42%,transparent 44%),linear-gradient(180deg,#4db8ef,#9edfff 43%,#dff7b7 43.5%,#82c963 74%,#3d8449)}.landing-shell:before,.demo-shell:before,.village-column:before{content:"";position:absolute;inset:0;pointer-events:none}.landing-shell:before{z-index:1;background:repeating-linear-gradient(0deg,rgba(19,35,31,.055) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 13px);mix-blend-mode:soft-light}.landing-shell:after{content:"";position:absolute;inset:auto 0 0;height:30vh;z-index:1;background:linear-gradient(180deg,transparent,rgba(19,35,31,.28));pointer-events:none}.landing-clouds{position:absolute;inset:0;z-index:0;opacity:.22;background:radial-gradient(ellipse at 14% 16%,rgba(255,255,255,.92) 0 4.5%,transparent 5.2%),radial-gradient(ellipse at 22% 14%,rgba(255,255,255,.7) 0 3.5%,transparent 4.2%),radial-gradient(ellipse at 74% 18%,rgba(255,255,255,.88) 0 5.3%,transparent 6%),radial-gradient(ellipse at 84% 16%,rgba(255,255,255,.68) 0 4%,transparent 4.7%),linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.18) 12% 13%,transparent 13% 29%,rgba(255,255,255,.16) 29% 30%,transparent 30%)}.landing-hero{width:min(780px,100%);position:relative;z-index:2;display:grid;justify-items:center;gap:22px;text-align:center;transform:translateY(-7vh)}.landing-signal,.landing-pitch,.landing-stack{margin:0}.landing-signal{color:#13231fc2;font-size:clamp(.92rem,1.7vw,1.08rem);font-weight:700}.landing-hero h1{margin:0;color:#12241f;font-family:var(--font-display);font-size:clamp(4rem,10vw,8.8rem);font-weight:700;line-height:.98;letter-spacing:0;text-shadow:0 2px 0 rgba(255,255,255,.24)}.landing-pitch{max-width:580px;color:#13231fd6;font-family:var(--font-display);font-size:clamp(1.2rem,2.6vw,1.9rem);line-height:1.2}.start-demo-button{min-height:48px;margin-top:6px;padding:0 28px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#101715;color:#fffaf0;font-weight:800;box-shadow:0 8px 18px #13231f2e}.start-demo-button:hover{background:#20312c}.landing-stack{position:absolute;left:50%;bottom:22px;z-index:2;width:min(92vw,760px);transform:translate(-50%);color:#fffdf5d6;font-family:var(--font-mono);font-size:.77rem;text-align:center;text-shadow:0 1px 8px rgba(19,35,31,.34)}.app-shell{height:100vh;overflow:hidden}.demo-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:14px 18px 10px;color:var(--ink);background:radial-gradient(ellipse 90% 22% at 18% 98%,rgba(82,148,73,.28) 0 44%,transparent 45%),linear-gradient(180deg,#91d9ff,#d5f5ff 37%,#f5f2d4 37.2%,#d9edbd);isolation:isolate}.demo-shell:before{z-index:0;background:repeating-linear-gradient(0deg,rgba(19,35,31,.04) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 14px);mix-blend-mode:soft-light}.demo-topbar,.workspace,.building-key{position:relative;z-index:1}.demo-topbar{min-height:50px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.home-wordmark{min-width:0;display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);font-family:var(--font-display);font-size:1.25rem;font-weight:700}.wordmark-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#101715;color:#fffaf0;font-family:var(--font-ui);font-size:1rem;font-weight:900}.provider-strip{min-width:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.provider-pill{min-width:0;min-height:30px;display:inline-flex;align-items:center;gap:7px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#fffdf5ad;color:var(--ink-soft)}.provider-name{max-width:126px;overflow:hidden;font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mode-badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;width:fit-content;padding:1px 6px;border:1px solid rgba(19,35,31,.13);border-radius:6px;background:#eef2dc;color:var(--ink);font-size:.62rem;font-weight:900}.mode-mock{color:#5a3a0b;background:#ffe5a5}.mode-live{color:#0f4c35;background:#bce9c8}.mode-auto{color:#17465b;background:#c4e9ee}.mode-planned{color:#344052;background:#dbe3ee}.mode-unavailable{color:#713125;background:#f2c9ba}.hud-summary{min-width:192px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fffdf5b8}.hud-summary span{min-width:0;display:grid;align-content:center;gap:1px;padding:5px 9px;border-left:1px solid var(--line);color:var(--muted);font-size:.68rem;font-weight:800;text-align:center}.hud-summary span:first-child{border-left:0}.hud-summary strong{color:var(--ink);font-family:var(--font-mono);font-size:1rem;line-height:1}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(350px,29vw,420px);gap:14px}.village-column{min-height:0;position:relative;overflow:hidden;border:1px solid rgba(24,54,44,.2);border-radius:8px;background:linear-gradient(180deg,#b5eaff,#e7f7dc,#92ca72);box-shadow:0 2px 8px #13231f1f}.village-column:before{z-index:2;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(19,35,31,.038) 0 1px,transparent 1px 10px),linear-gradient(180deg,rgba(255,255,255,.2),transparent 34%)}.village-canvas{width:100%;height:100%;min-height:0}.village-canvas canvas{display:block;width:100%;height:100%}.control-column{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.panel{min-height:0;border:1px solid var(--line);border-radius:8px;background:var(--paper-soft)}.quest-panel{padding:12px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-title{min-width:0}.panel-title h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:1.18rem;line-height:1.05}.panel-title p{margin:4px 0 0;color:var(--muted);font-size:.78rem;font-weight:700}.fallback-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:3px 7px;border:1px solid rgba(45,150,120,.26);border-radius:7px;background:#e6f6d4c2;color:var(--ink-soft);font-size:.76rem;font-weight:800}.fallback-toggle input{accent-color:var(--jade-dark)}.runtime-mode{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px;padding:7px;border:1px solid rgba(24,54,44,.12);border-radius:8px;background:#ffffff52}.runtime-label{color:var(--muted);font-size:.72rem;font-weight:900}.runtime-segments{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.runtime-segment{min-width:0;min-height:32px;display:grid;place-items:center;gap:1px;padding:3px 6px;border:1px solid var(--line);border-radius:7px;background:#fffdf5d6;color:var(--ink-soft);font-size:.78rem;font-weight:900;line-height:1}.runtime-segment small{max-width:100%;overflow:hidden;color:#8c4c2e;font-size:.54rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.runtime-segment.active{border-color:#101715cc;background:#101715;color:#fffaf0}.quest-actions,.reset-row{display:grid;gap:8px}.quest-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-button,.secondary-button,.artifact-card button{border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);background:#fffdf5d6}.quest-button{min-height:66px;position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:8px 28px 8px 8px;text-align:left}.quest-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.artifact-card button:hover{background:#fff}.quest-token{width:30px;height:30px;position:relative;border:1px solid rgba(19,35,31,.26);border-radius:7px;background:#e7f2ce}.quest-research:before{content:"";position:absolute;left:7px;top:7px;width:10px;height:10px;border:3px solid var(--blue);border-radius:50%}.quest-research:after{content:"";position:absolute;right:7px;bottom:8px;width:10px;height:4px;background:var(--blue);transform:rotate(45deg)}.quest-build:before{content:"";position:absolute;left:14px;top:7px;width:5px;height:20px;border-radius:3px;background:var(--amber);transform:rotate(38deg)}.quest-build:after{content:"";position:absolute;left:7px;top:9px;width:18px;height:7px;border-radius:2px;background:var(--jade);transform:rotate(38deg)}.quest-copy,.artifact-copy{min-width:0;display:block}.quest-copy>span,.artifact-copy>span{display:block;overflow:hidden;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.quest-copy small,.artifact-copy small,.building-key small{display:block;margin-top:3px;color:var(--muted);font-size:.72rem;line-height:1.22}.button-prompt{width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid rgba(19,35,31,.25);border-radius:50%;background:#101715db;color:#fffaf0;font-family:var(--font-mono);font-size:.64rem;font-weight:900;line-height:1}.quest-button .button-prompt{position:absolute;top:50%;right:7px;transform:translateY(-50%)}.reset-row{grid-template-columns:1fr 1fr;margin-top:8px}.secondary-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 9px;font-weight:900}.status-message{margin:9px 0 0;color:#7e3628;font-weight:800}.inspector-panel{display:flex;flex-direction:column;overflow:hidden;padding:0}.board-tabs{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}.board-tabs button{min-width:0;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-weight:900}.board-tabs button:last-child{border-right:0}.board-tabs button.active{color:var(--ink);background:#fffdf5a8;box-shadow:inset 0 -3px 0 var(--jade)}.board-tabs strong{min-width:24px;min-height:20px;display:inline-grid;place-items:center;border-radius:6px;background:#13231f14;color:var(--ink-soft);font-family:var(--font-mono);font-size:.72rem}.trace-list,.artifact-list{min-height:0;overflow:auto;padding:10px}.trace-list{display:grid;align-content:start;gap:4px}.trace-row{width:100%;display:grid;grid-template-columns:8px 58px minmax(0,1fr);gap:8px;border:0;border-radius:7px;background:transparent;color:var(--ink);padding:8px;text-align:left}.trace-row:hover{background:#fffdf58f}.trace-row.selected{background:#e6f6d4eb}.trace-marker{width:7px;height:7px;align-self:start;margin-top:4px;border-radius:2px;background:var(--jade)}.trace-time{color:var(--muted);font-family:var(--font-mono);font-size:.66rem;font-weight:800}.trace-main{min-width:0;display:grid;gap:3px}.trace-main strong{overflow:hidden;color:var(--ink);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.trace-main span,.trace-main em{font-size:.74rem;line-height:1.28}.trace-main em{color:#246176;font-style:normal;font-weight:800}.trace-meta{grid-column:3;display:flex;flex-wrap:wrap;gap:5px;align-items:center;color:var(--muted);font-size:.68rem;font-weight:800}.request-badge{display:inline-flex;align-items:center;min-height:18px;padding:1px 5px;border:1px solid rgba(19,35,31,.13);border-radius:6px;background:#e9f1d6;color:#334a2c;font-size:.62rem;font-weight:900}.artifact-list{display:grid;align-content:start;gap:8px}.artifact-card{border:1px solid var(--line);border-radius:8px;background:#fffdf59e}.artifact-card button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:8px 9px;border:0;text-align:left;background:transparent}.artifact-token{width:30px;height:30px;position:relative;border:1px solid rgba(19,35,31,.22);border-radius:7px;background:#fff0be}.artifact-token:before{content:"";position:absolute;left:8px;top:5px;width:14px;height:20px;border:1px solid #9b7238;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(155,114,56,.38) 4px 5px),#fff4cc}.artifact-detail{padding:0 10px 10px;color:var(--ink-soft);font-size:.8rem;line-height:1.34}.artifact-detail ul{margin:7px 0;padding-left:17px}.citations{color:#246176;font-weight:800}.empty-state{margin:0;color:var(--muted);font-size:.84rem;font-weight:800}.building-key{min-height:42px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fffdf594}.building-key>span{min-width:0;display:grid;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:6px;padding:5px 8px;border-left:1px solid var(--line);color:var(--ink);font-size:.72rem;font-weight:900}.building-key>span:first-child{border-left:0}.building-gem{width:10px;height:10px;display:block;border-radius:2px;background:var(--jade);transform:rotate(45deg)}@media(max-width:1180px){.demo-topbar{grid-template-columns:auto minmax(0,1fr)}.hud-summary{grid-column:1 / -1;justify-self:end}}@media(max-width:980px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.demo-topbar,.workspace{grid-template-columns:1fr}.provider-strip{justify-content:flex-start}.hud-summary{justify-self:stretch}.village-column{min-height:520px}.control-column{grid-template-rows:auto minmax(320px,430px)}.building-key{grid-template-columns:repeat(2,minmax(0,1fr))}.building-key>span:nth-child(odd){border-left:0}}@media(max-width:640px){.landing-shell{padding:24px}.landing-hero{transform:translateY(-4vh)}.landing-hero h1{font-size:clamp(2.8rem,16vw,4.2rem)}.landing-pitch{font-size:1.16rem}.landing-stack{bottom:14px;font-size:.68rem}.demo-shell{padding:8px}.provider-strip,.quest-actions,.runtime-mode{grid-template-columns:1fr}.provider-pill{justify-content:space-between}.hud-summary{min-width:0}.quest-panel,.trace-list,.artifact-list{padding:9px}.trace-row{grid-template-columns:8px minmax(0,1fr)}.trace-time,.trace-main,.trace-meta{grid-column:2}.building-key{grid-template-columns:1fr}.building-key>span,.building-key>span:nth-child(odd){border-left:0;border-top:1px solid var(--line)}.building-key>span:first-child{border-top:0}}