@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/atkinson-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/atkinson-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg: #ece3d0;--panel: #fbf7ec;--panel-2: #ece1cb;--line: #cdbf9f;--ink: #3a3328;--muted: #978b72;--accent: #c25b3e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");color:var(--ink);font:14px/1.45 var(--font)}.loading{display:grid;place-items:center;height:100%;color:var(--muted)}.app{display:flex;flex-direction:column;height:100%}.toolbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:10px 16px;color:var(--ink);background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 55%,transparent),transparent)}.hud>.toolbar{pointer-events:none}.brand{font-weight:800;letter-spacing:-.5px}.brand .b-and{color:#e8590c}.brand .b-circ,.brand .b-us{color:#4b3fbf}.brand .b-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 1.5px;vertical-align:-2px;background:#b3a78a;box-shadow:inset 0 0 0 1px #0000002e;transition:background .12s}.brand .b-dot.running{background:#5f8f43}.create{display:flex;gap:6px;flex-wrap:wrap}.create button{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}.create button:hover{border-color:var(--accent)}.create button:disabled{opacity:.4;cursor:not-allowed}.who{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--muted)}.who .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.who b{color:var(--ink)}.who .coord,.coord{font:12px var(--font);color:var(--muted);font-variant-numeric:tabular-nums}.rtc.on{color:var(--accent)}.palette{display:flex;gap:6px;flex-wrap:wrap}.create button.create-kind.defined{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent)}.create button.define-toggle{border-style:dashed}.define-panel{flex-basis:100%;margin-top:8px;padding:10px;background:var(--panel-2);border:1px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;gap:8px}.define-panel .def-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.define-panel .def-lead{color:var(--muted);font-size:12px}.define-panel input{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:5px 8px}.define-panel .def-fields{display:flex;flex-direction:column;gap:6px}.define-panel .def-field-row{display:flex;gap:6px}.define-panel .def-create{border-color:var(--accent);color:var(--accent)}.define-panel .def-err{color:var(--bad, #ff5d73);font-size:12px;min-height:14px}.defined-body .defined-title{font-weight:700}.defined-body .defined-fields{display:flex;flex-direction:column;gap:2px}.defined-body .defined-field{font-size:12px;color:var(--muted)}.defined-body .defined-field .v{color:var(--ink)}.defined-body .defined-actions{display:flex;flex-direction:column;gap:6px;margin-top:4px}.defined-body .defined-action-row{display:flex;gap:6px;align-items:center}.defined-body .defined-param{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 6px;min-width:0;flex:1}.surface{position:relative;flex:1;overflow:hidden;cursor:crosshair;background-color:transparent;touch-action:none}.surface.pan-ready{cursor:grab}.surface.panning{cursor:grabbing}.surface.select-armed{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.world{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform;backface-visibility:hidden}.grid{position:absolute;left:-8008px;top:-8008px;width:16016px;height:16016px;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px}.focus-cells,.focus-cells-remote{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.focus-cell{position:absolute;transform:translate(-50%,-50%);z-index:4;--cell: #5b8def;pointer-events:none;line-height:0;font-size:0}.cell-trails{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cell-trail{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:5px;background:color-mix(in srgb,var(--cell) 42%,transparent);box-shadow:0 1px 3px #3a33281a;animation:cell-trail .7s ease-out forwards}@keyframes cell-trail{0%{opacity:.85;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.55)}}.engine{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.engine-led{width:9px;height:9px;border-radius:50%;background:#6b7280;opacity:.55;transition:background .12s,opacity .12s,box-shadow .12s}.engine.running .engine-led{background:#3ddc97;opacity:1;box-shadow:0 0 8px 2px color-mix(in srgb,#3ddc97 65%,transparent)}.engine.running .engine-label{color:var(--ink)}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.hud>*{pointer-events:auto}.roster{position:absolute;top:50px;right:14px;display:flex;flex-direction:column;gap:3px;min-width:152px;max-width:220px;background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid var(--line);border-radius:13px;padding:6px;box-shadow:0 8px 22px #3a332829}.roster-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:9px;cursor:pointer;color:var(--ink);font-size:13px}.roster-row.self{cursor:default}.roster-row:not(.self):hover{background:color-mix(in srgb,var(--ink) 9%,transparent)}.roster-row.following{background:color-mix(in srgb,var(--accent) 20%,transparent)}.roster-dot{width:22px;height:22px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#fff8ec;font-weight:700;font-size:11px}.roster-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-follow{font-size:11px;color:var(--muted)}.roster-row:not(.self):hover .roster-follow{color:var(--ink)}.roster-row.following .roster-follow{color:var(--accent);font-weight:600}.chat-bar{position:fixed;left:50%;transform:translate(-50%);bottom:max(14px,env(safe-area-inset-bottom,0px));z-index:90;display:flex;gap:8px;width:min(620px,calc(100vw - 24px))}.chat-input{flex:1;min-width:0;padding:12px 18px;border-radius:14px;background:var(--panel);border:1.5px solid var(--line);color:var(--ink);font-size:16px;box-shadow:0 3px #3a33280f,0 7px 16px #3a33281f}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-input::placeholder{color:var(--muted)}.chat-send{flex:0 0 auto;width:46px;border-radius:14px;background:var(--accent);color:#fff7ec;border:1.5px solid color-mix(in srgb,var(--accent) 70%,var(--ink));font-size:16px;cursor:pointer;box-shadow:0 3px #3a33281a,0 7px 16px #3a332824}.chat-send:active{transform:translateY(1px);box-shadow:0 1px #3a33281a}.focus-cell .cell-glow{display:inline-block;will-change:transform}.focus-cell .cell-core{width:28px;height:28px;border-radius:4px;will-change:transform,width,height;background:color-mix(in srgb,var(--cell) 12%,transparent);box-shadow:0 0 0 2px var(--cell),0 0 0 3px color-mix(in srgb,var(--ink) 13%,transparent)}.focus-cell.frozen .cell-core{border-radius:5px;background:color-mix(in srgb,var(--cell) 18%,transparent);box-shadow:0 0 0 3px var(--cell),0 0 0 4px color-mix(in srgb,var(--ink) 15%,transparent)}.focus-cell.region .cell-core{border-radius:3px;background:color-mix(in srgb,var(--cell) 9%,transparent);outline:2px dashed var(--cell);outline-offset:1px;box-shadow:none}.focus-cell.region .cell-dialogue{top:auto;bottom:calc(100% + 7px)}.focus-cell .cell-dialogue{position:absolute;left:50%;top:calc(100% + 7px);transform:translate(-50%);white-space:nowrap;padding:2px 9px;border-radius:7px;background:var(--panel);border:1px solid var(--line);box-shadow:0 1px 3px #3a332824;color:var(--ink);font-size:11px;font-weight:600;line-height:1.5}.focus-cell.typing .cell-core{box-shadow:0 0 0 2px var(--cell),0 0 0 3px color-mix(in srgb,var(--ink) 13%,transparent),0 0 16px 5px color-mix(in srgb,var(--cell) 45%,transparent)}.cell-core.ks{animation:cell-ks .28s ease-out}@keyframes cell-ks{0%{transform:scale(1)}32%{transform:scale(1.09,.93)}66%{transform:scale(.985,1.02)}to{transform:scale(1)}}.edge-hints{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:85}.edge-hint{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;border-radius:50%;background:var(--cell);color:#fff8ec;display:grid;place-items:center;font:700 12px var(--font);border:2px solid color-mix(in srgb,var(--cell) 65%,var(--ink));box-shadow:0 2px 9px #3a332852;animation:edge-ping 1.8s ease-out infinite}@keyframes edge-ping{0%{box-shadow:0 2px 9px #3a332852,0 0 color-mix(in srgb,var(--cell) 45%,transparent)}70%,to{box-shadow:0 2px 9px #3a332852,0 0 0 9px color-mix(in srgb,var(--cell) 0%,transparent)}}.edge-hint.self{border-style:dashed}.cards-layer{display:contents}.card{position:absolute;width:210px;background:var(--panel);border:1.5px solid var(--line);border-radius:8px;box-shadow:0 3px #3a33280f,0 10px 22px #3a332824;overflow:hidden}.card-head{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--panel-2);border-bottom:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none}.card-type{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.card-head .spacer{flex:1}.ghost{background:transparent;color:var(--muted);border:0;cursor:pointer;padding:2px 5px;border-radius:6px}.ghost:hover:not(:disabled){background:#3a332814;color:var(--ink)}.ghost:disabled{opacity:.3;cursor:not-allowed}.ghost.danger:hover:not(:disabled){color:#ff6b6b}.pin-badge{font-size:11px}.body{padding:10px;display:flex;flex-direction:column;gap:8px}.card input,.card textarea{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit;width:100%}.text-title{font-weight:600}.text-body{min-height:64px;resize:vertical}.rows{width:100%;border-collapse:collapse}.rows td{padding:2px 4px;border-bottom:1px solid var(--line)}.rows .k{color:var(--muted)}.row-add{display:flex;gap:4px}.row-add input{width:50%}.todos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.todos label{display:flex;align-items:center;gap:8px}.todos .done{text-decoration:line-through;color:var(--muted)}.todo-add{display:flex;gap:4px}.desc{color:var(--muted);margin:0}.actions{display:flex;gap:6px}.card button{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 8px;cursor:pointer}.presence-dot{width:28px;height:28px;border-radius:50%}.progress{height:8px;background:var(--bg);border:1px solid var(--line);border-radius:5px;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent);transition:width .15s ease}.seeders{color:var(--muted);margin:0;font-size:12px}.agent-face{margin:0;padding:10px;background:#0b0d11;border-top:1px solid var(--line);color:#9fd3a7;font:11px/1.4 var(--font);max-height:180px;overflow:auto}.avatars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.avatar{position:absolute;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:14px;overflow:hidden;transition:left .5s ease,top .5s ease;box-shadow:0 4px 18px #00000073;border:2px solid var(--line);background:var(--panel-2)}.avatar.self{border-color:var(--accent)}.avatar-video{width:100%;height:100%;object-fit:cover}.avatar.self .avatar-video{transform:scaleX(-1)}.avatar-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:#0b0d11}.speak-bar{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(560px,80vw);z-index:20}.speak-input{width:100%;padding:10px 16px;border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--ink);font-size:14px;box-shadow:0 6px 24px #0006}.speak-input:focus{outline:none;border-color:var(--accent)}.speak-input::placeholder{color:var(--muted)}.avatars-remote .avatar .avatar-ph{animation:avatar-pulse 2.4s ease-in-out infinite}@keyframes avatar-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.avatar-name{position:absolute;left:0;right:0;bottom:0;padding:2px 6px;font-size:11px;font-weight:600;color:var(--ink);background:linear-gradient(transparent,#000000b3);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar .create button.active{border-color:var(--accent);color:var(--accent)}.cursors{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cursor-flag{position:absolute;transform:translate(-2px,-2px)}.cursor-arrow{display:block;width:0;height:0;border-left:7px solid var(--c);border-bottom:7px solid transparent;border-right:7px solid transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.cursor-label{position:absolute;left:10px;top:8px;white-space:nowrap;background:var(--c);color:#0b0d11;font-size:11px;font-weight:600;padding:1px 6px;border-radius:6px}.error-toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#3a1d1d;color:#ffb4b4;border:1px solid #5a2a2a;padding:8px 14px;border-radius:8px}:root{--vp-bubble-radius:16px;--vp-bubble-corner:2px;--vp-bubble-border:2px;--vp-bubble-font:14px;--vp-bubble-pad-y:6px;--vp-bubble-pad-x:7px;--vp-bubble-start-x:36px;--vp-bubble-start-y:24px;--vp-bubble-ceiling:142px}.vp-bubble-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.vp-bubble-slot{position:absolute;transition:opacity .32s ease-out;will-change:transform,opacity;pointer-events:none}.vp-bubble{position:absolute;left:0;bottom:0;top:auto;min-width:80px;max-width:220px;background:#fff;border:var(--vp-bubble-border) solid #3a3328;border-radius:var(--vp-bubble-radius) var(--vp-bubble-radius) var(--vp-bubble-radius) var(--vp-bubble-corner);padding:var(--vp-bubble-pad-y) var(--vp-bubble-pad-x);font:700 var(--vp-bubble-font) var(--font,"Atkinson Hyperlegible Mono",ui-monospace,monospace);color:#2f2a20;box-shadow:2px 3px #3a332829;transform-origin:left bottom;opacity:0;pointer-events:auto}.vp-bubble-slot.pushing .vp-bubble{filter:brightness(1.05)}.vp-bubble .anim{display:inline-block;animation:vpBubbleBob .4s alternate infinite}.vp-bubble .small{font-weight:400}@keyframes vpBubbleBob{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-4px) rotate(4deg)}}