:root{color:#1c3539;background:#e8e6df;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}#app{isolation:isolate;height:100dvh;min-height:600px;position:relative;overflow:hidden}.sr-only{position:absolute;left:-9999px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eeeae3b5;border-bottom:1px solid #58707333;justify-content:space-between;align-items:center;height:65px;padding:0 4%;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:.12em;font-weight:800;text-decoration:none}.brandmark{color:#b2774a;font-size:24px}.top-middle,.version{letter-spacing:.16em;font-size:10px}.poster{z-index:-2;background:radial-gradient(circle at 60% 54%,#cbd8d2,#a5bab2 28%,#42616a 72%,#243940);position:absolute;inset:0}.poster-orb{aspect-ratio:1;background:radial-gradient(circle at 30% 27%,#faefdb,#91a8a4 36%,#19333d 78%);border-radius:50%;width:36vw;position:absolute;inset:20% auto auto 40%;box-shadow:0 0 0 22px #e7d7be33,0 0 0 70px #d3d4c522}.poster-label{color:#fff;letter-spacing:.2em;font-size:11px;position:absolute;top:21%;right:10%}#world{z-index:-1;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.shell{pointer-events:none;z-index:5;position:absolute;inset:65px 0 63px}.intro,.project-panel,.agent-panel{pointer-events:auto}.intro{max-width:350px;position:absolute;top:8%;left:4%}.eyebrow{letter-spacing:.24em;color:#ab6a44;font-size:10px;font-weight:700}.intro h1{letter-spacing:-.075em;margin:16px 0 20px;font-size:clamp(44px,5vw,78px);line-height:.99}.intro h1 em{color:#ac633e;font-style:normal}.introcopy{color:#375155;max-width:290px;font-size:14px;line-height:1.65}.controls-row{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.controls-row button{letter-spacing:.08em;min-height:48px;padding:12px 16px;font-size:10px;font-weight:800}.solid{color:#fff;background:#1e3a40;border:1px solid #1e3a40}.outline{color:#213e43;background:#f4f1e4a8;border:1px solid #5b7778}.proof{letter-spacing:.12em;color:#537075;font-size:9px;font-weight:700}.project-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f0e8e8;border-top:3px solid #b76b4b;width:255px;padding:20px;position:absolute;top:8%;right:4%;box-shadow:0 20px 60px #1d343541}.panel-top{letter-spacing:.12em;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.category{text-transform:uppercase;color:#aa6a47;letter-spacing:.13em;margin-top:28px;font-size:10px;display:block}.project-panel h2{letter-spacing:-.06em;margin:10px 0;font-size:27px;line-height:1.12}.project-panel p{color:#486569;font-size:12px;line-height:1.5}.statusline{align-items:center;gap:7px;margin:16px 0;font-size:10px;font-weight:700;display:flex}.status-dot{background:#b76b4b;border-radius:50%;width:7px;height:7px}.details-link{letter-spacing:.1em;border-bottom:1px solid #648184;padding-bottom:3px;font-size:10px;font-weight:800;text-decoration:none}.agent-panel{color:#f5f1e8;background:#203a40ee;width:330px;padding:17px;position:absolute;bottom:3%;right:4%;box-shadow:0 16px 55px #1631365a}.agent-heading{letter-spacing:.1em;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.agent-heading small{letter-spacing:0;color:#b3c6c0;margin-left:auto;font-size:8px;font-weight:500}.agent-star{color:#e0b085;font-size:23px}.agent-panel p{color:#d9e4df;font-size:12px;line-height:1.5}.agent-panel form{background:#fff1;border:1px solid #cbd8d244;display:flex}.agent-panel input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:12px;font-size:12px}.agent-panel input::placeholder{color:#becac6}.agent-panel form button{color:#1d373b;background:#e4b184;border:0;width:45px;min-height:45px;font-size:20px}#agent-evidence{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}#agent-evidence a{color:#f1bc8f;font-size:10px}.bottom-bar{z-index:11;letter-spacing:.12em;background:#eeeae4e8;border-top:1px solid #49686944;justify-content:space-between;align-items:center;height:63px;padding:0 4%;font-size:10px;font-weight:700;display:flex;position:absolute;inset:auto 0 0}.move-info{align-items:center;gap:8px;display:flex}.move-info span{border:1px solid #a9bbb4;padding:6px}#list-toggle{letter-spacing:.12em;background:0 0;border:0;min-height:44px;font-size:11px;font-weight:800}#list-toggle span{color:#b4744a}.mode{color:#607376;font-size:10px}.touch-stick,.touch-look,.index-modal[hidden]{display:none}.index-modal{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12272ddd;padding:4vh 5vw;position:absolute;inset:0}.index-body{background:#edece4;max-width:1100px;height:100%;margin:auto;padding:clamp(20px,4vw,55px);overflow:auto}.index-header{justify-content:space-between;align-items:start;display:flex}.index-header h2{letter-spacing:-.08em;margin:8px 0;font-size:clamp(40px,6vw,74px)}.index-header button{background:0 0;border:1px solid #536e70;min-height:44px;padding:12px;font-size:12px}.index-intro{color:#546b6e;font-size:14px}.filters{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.filters button{text-transform:capitalize;background:0 0;border:1px solid #adbbb1;min-height:44px;padding:8px 12px;font-size:11px}.filters button[aria-pressed=true]{color:#fff;background:#214149}.index-grid{background:#becac4;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.item{text-align:left;background:#edece4;border:0;flex-direction:column;gap:12px;min-height:155px;padding:23px;display:flex}.item:hover,.item:focus{background:#dbe4de}.item .num{color:#b97653;font-size:10px}.item strong{letter-spacing:-.04em;font-size:18px}.item span:last-child{color:#577075;letter-spacing:.09em;text-transform:uppercase;font-size:10px}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #e08a58}@media (width<=950px){.top-middle{display:none}.project-panel{width:235px;right:2%}.agent-panel{width:290px;right:2%}.index-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){#app{min-height:540px}.topbar{height:53px;padding:0 4%}.brand{font-size:13px}.version{font-size:8px}.shell{top:53px;bottom:58px}.intro{max-width:78%;top:2%;left:5%}.intro h1{margin:8px 0;font-size:clamp(39px,9.5vw,57px)}.introcopy{max-width:260px;font-size:11px;line-height:1.48}.controls-row{margin:12px 0}.controls-row button{min-height:44px;padding:9px 12px;font-size:9px}.proof{display:none}.project-panel{width:auto;max-height:147px;padding:12px 15px;inset:auto 5% 29%;overflow:auto}.project-panel .category{margin-top:5px;font-size:9px}.project-panel h2{margin:5px 0;font-size:20px}.project-panel p{margin:0;font-size:10px}.statusline{display:none}.details-link{width:max-content;margin-top:7px;font-size:9px;display:block}.agent-panel{width:auto;padding:10px 13px;bottom:2%;left:5%;right:5%}.agent-heading{font-size:9px}.agent-heading small{font-size:7px}.agent-panel p{max-height:42px;margin:6px 0;font-size:10px;line-height:1.35;overflow:auto}.agent-panel input{padding:9px}.agent-panel form button{min-height:40px}.bottom-bar{height:58px}.move-info{display:none}.mode{font-size:8px}.touch-stick{z-index:9;touch-action:none;background:#dce2d633;border:2px solid #fbf8e177;border-radius:50%;width:105px;height:105px;display:block;position:absolute;bottom:43%;left:5%}.stick-knob{background:#d5ad80;border:2px solid #fff7;border-radius:50%;width:33px;height:33px;position:absolute;top:34px;left:34px}.touch-look{z-index:2;touch-action:none;display:block;position:absolute;inset:53px 0 58px 52%}.index-modal{padding:2vh 2vw}.index-body{padding:20px}.index-grid{grid-template-columns:1fr}.item{min-height:120px}.intro{z-index:5}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}