@font-face{font-family:NotoArabic;src:url(./NotoSansArabic-WbuyCkmt.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{--cream: #f7ecdb;--cream2: #efdfc6;--terra: #c8693f;--amber: #e2a046;--brown: #4a2f20;--brown2: #7a5238;--teal: #3f8f8b;--teal2: #2f7672;--working: #3f8f8b;--waiting: #e2a046;--problem: #d64535;--done: #5aa05a;--offline: #9a8a7a;--sheet: 0px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#141a2b;font-family:NotoArabic,system-ui,sans-serif;color:var(--brown);-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;direction:ltr}.tag{position:absolute;left:0;top:0;direction:rtl;pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;will-change:transform;transform-origin:50% 100%}.tag .bubble{max-width:190px;background:#fffaf1;color:var(--brown);font-size:11.5px;line-height:1.45;padding:5px 9px;border-radius:12px;box-shadow:0 4px 12px #00000047;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag .bubble:after{content:"";position:absolute;bottom:-5px;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#fffaf1}.tag .bubble.problem{background:#fde3dd;color:#8c1e12;font-weight:600}.tag .bubble.problem:after{border-top-color:#fde3dd}.tag .card{background:#fffaf1f5;border-radius:12px;padding:4px 10px 5px;box-shadow:0 4px 14px #00000059;text-align:center;min-width:74px;border-bottom:3px solid var(--c, var(--offline))}.tag .card b{display:block;font-size:13px}.tag .card small{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10.5px;color:var(--brown2);white-space:nowrap}.tag .card small i{width:7px;height:7px;border-radius:50%;background:var(--c);display:inline-block}.tag .badge{position:absolute;top:-10px;right:-10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#fff;box-shadow:0 2px 8px #00000059}.tag.done .badge{background:var(--done)}.tag.problem .badge{background:var(--problem);animation:pulse 1s infinite}.tag.waiting .badge{background:var(--amber)}.tag.working .badge{background:var(--teal);font-size:10px;letter-spacing:1px}.tag.waiting .badge:before{content:"";position:absolute;top:-9px;left:9px;width:4px;height:9px;border-radius:4px;background:#ffffffb3;filter:blur(1.5px);animation:steam 1.8s infinite}.tag.small .bubble{display:none}.tag.small .card{padding:2px 7px 3px;min-width:0}.tag.small .card small{display:none}.tag.small .card b{font-size:11.5px}.tag.you .card{border-bottom-color:var(--teal)}@keyframes pulse{50%{transform:scale(1.18);box-shadow:0 0 16px 4px #d64535b3}}@keyframes steam{0%{opacity:0;transform:translateY(4px)}40%{opacity:1}to{opacity:0;transform:translateY(-8px) scaleX(1.6)}}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--peek: 58px}#topbar{position:fixed;z-index:5;top:calc(var(--sat) + 6px);left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);pointer-events:none}#topbar .bar{pointer-events:auto;display:flex;align-items:center;gap:8px;background:#f7ecdbf0;border-radius:14px;padding:4px 8px;box-shadow:0 4px 14px #00000059;min-height:44px}#topbar .logo{flex:none;width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,var(--terra),#9c4a2a);display:grid;place-items:center;font-size:17px}#topbar .ttl{min-width:0}#topbar h1{margin:0;font-size:15px;font-weight:800;line-height:1.25;white-space:nowrap}#topbar .sub{margin:0;font-size:10.5px;color:var(--brown2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#topbar .sub b{color:var(--terra)}#topbar .chips{margin-inline-start:auto;display:flex;gap:5px;align-items:center;font-size:10.5px;color:var(--brown2);white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--offline);display:inline-block;flex:none}.dot.ok{background:#4fbf56;box-shadow:0 0 6px #4fbf56}.dot.bad{background:var(--problem)}.sample{background:var(--amber);color:#3a2410;padding:1px 7px;border-radius:99px;font-weight:800;letter-spacing:.5px}.fps{background:#4a2f201f;padding:1px 6px;border-radius:99px;direction:ltr}@media (max-width: 520px){#feedText,.fps{display:none}}.roomtag{position:absolute;left:0;top:0;direction:rtl;pointer-events:none;white-space:nowrap;font-size:11px;font-weight:700;color:#fff5e6;background:#2a1c14b8;padding:2px 8px;border-radius:99px;box-shadow:0 2px 6px #00000059;will-change:transform}.roomtag.private{background:#3f8f8bd9}.roomtag.tiny{font-size:9.5px;padding:1px 6px}#team{position:fixed;z-index:6;background:var(--cream);box-shadow:0 -8px 26px #00000059;display:flex;flex-direction:column;overflow:hidden}.team-head{flex:none;display:flex;align-items:center;gap:10px;width:100%;min-height:var(--peek);border:0;background:none;padding:6px 14px 4px;position:relative;color:inherit;text-align:start}.team-head .grab{position:absolute;top:5px;left:50%;margin-left:-22px;width:44px;height:5px;border-radius:9px;background:#d6c3a6}.team-head .ht{display:flex;flex-direction:column;line-height:1.2}.team-head h2{margin:0;font-size:15px}.team-head .ht span{font-size:11px;color:var(--brown2)}.peek{display:flex;gap:0;margin-inline-start:auto}.peek i{width:30px;height:30px;border-radius:50%;background:#f3e2c8 center/cover;box-shadow:0 0 0 2px var(--cream),0 0 0 4px var(--c, var(--offline));margin-inline-start:-4px}.team-head .chev{font-size:14px;color:var(--brown2);transition:transform .25s;width:24px;text-align:center}body.sheet-open .team-head .chev{transform:rotate(180deg)}#people{list-style:none;margin:0;padding:0 10px 10px;overflow-y:auto;flex:1}#people li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:14px;cursor:pointer;min-height:52px}#people li:hover,#people li.active{background:var(--cream2)}#people .av{position:relative;flex:none;width:42px;height:42px;border-radius:50%;background:#f3e2c8 center/cover;box-shadow:0 0 0 2px #fff,0 2px 6px #0003}#people .av i{position:absolute;bottom:0;left:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--cream);background:var(--c)}#people .txt{flex:1;min-width:0}#people .txt b{font-size:14px}#people .txt em{font-style:normal;font-size:11px;color:var(--brown2);margin-inline-start:6px}#people .txt div{font-size:11.5px;color:var(--brown2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#people .txt .st{color:var(--c);font-weight:700}#people .chatb{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--teal);color:#fff;font-size:17px;box-shadow:0 3px 8px #3f8f8b73}#controls{position:fixed;z-index:7;display:flex;gap:8px;justify-content:center;align-items:center;pointer-events:none}#controls>*{pointer-events:auto}.seg{display:flex;background:#2a1c14d1;border-radius:99px;padding:4px;gap:4px;box-shadow:0 6px 16px #0006}.seg button{border:0;border-radius:99px;min-height:44px;padding:0 14px;background:transparent;color:var(--cream);font-weight:800;font-size:14px;white-space:nowrap;transition:background .2s,color .2s}.seg button.on{background:var(--amber);color:#3a2410;box-shadow:0 2px 8px #0000004d}.seg #roomsBtn.on{background:var(--teal);color:#fff}.btn{border:0;border-radius:99px;min-height:48px;min-width:48px;padding:0 14px;background:var(--cream);color:var(--brown);font-weight:800;font-size:14px;box-shadow:0 6px 16px #0006;white-space:nowrap}.btn.on{background:var(--teal);color:#fff}.btn.icon{font-size:18px}.btn .lbl{font-size:13px}@media (max-width: 599px){.btn .lbl{display:none}.btn.icon{padding:0;width:48px}.seg button{padding:0 11px;font-size:13.5px}}#joystick{position:fixed;z-index:8;width:116px;height:116px;border-radius:50%;background:#f7ecdb47;border:2px solid rgba(247,236,219,.6);touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#joystick .knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:var(--cream);box-shadow:0 4px 12px #0006}#walkHelp{position:fixed;z-index:7;left:50%;transform:translate(-50%);top:calc(var(--sat) + 62px);max-width:min(92vw,560px);display:flex;align-items:center;gap:6px;background:#2a1c14db;color:var(--cream);font-size:12px;padding:4px;padding-inline-start:12px;border-radius:99px;transition:opacity .4s}#walkHelp button{flex:none;border:0;width:32px;height:32px;border-radius:50%;background:#ffffff26;color:#fff}#walkHelp.fade{opacity:0}#talkPrompt{position:fixed;z-index:8;left:50%;transform:translate(-50%);top:calc(var(--sat) + 104px);border:0;background:var(--teal);color:#fff;font-weight:800;min-height:46px;padding:0 18px;border-radius:99px;box-shadow:0 6px 18px #0006}@media (max-width: 899px),(max-height: 560px){#team{left:calc(var(--sal));right:calc(var(--sar));bottom:0;height:calc(var(--peek) + var(--sab));border-radius:20px 20px 0 0;transition:height .3s cubic-bezier(.2,.8,.2,1);padding-bottom:var(--sab)}body.sheet-open #team{height:min(62vh,470px)}#controls{left:8px;right:8px;bottom:calc(var(--peek) + var(--sab) + 10px);transition:opacity .2s}body.sheet-open #controls,body.sheet-open #joystick{opacity:0;pointer-events:none}body.sheet-open #controls>*{pointer-events:none}#joystick{left:calc(var(--sal) + 16px);bottom:calc(var(--peek) + var(--sab) + 72px)}}@media (orientation: landscape) and (max-height: 560px){:root{--peek: 50px}#topbar{right:auto;width:min(520px,calc(100vw - 24px))}#topbar .bar{min-height:40px}#team{left:auto;right:calc(var(--sar) + 8px);width:320px;border-radius:18px 18px 0 0}body.sheet-open #team{height:calc(100vh - var(--sat) - 60px)}#controls{right:auto;left:calc(var(--sal) + 8px);bottom:calc(var(--sab) + 4px);justify-content:flex-start}body.sheet-open #controls{opacity:1}body.sheet-open #controls>*{pointer-events:auto}#joystick{width:104px;height:104px;bottom:calc(var(--sab) + 64px)}.peek i{width:26px;height:26px}}@media (min-width: 900px) and (min-height: 561px){#team{top:12px;bottom:12px;right:12px;width:340px;border-radius:22px}.team-head{cursor:default}.team-head .grab,.team-head .chev,.peek{display:none}#topbar{left:12px;right:364px;top:12px}#controls{left:12px;right:364px;bottom:16px}#joystick{left:30px;bottom:84px}#walkHelp{margin-left:-176px;top:70px}#talkPrompt{margin-left:-176px;top:112px}}#chat{position:fixed;z-index:20;top:0;bottom:0;right:0;width:min(400px,100vw);background:var(--cream);box-shadow:-10px 0 30px #0006;display:flex;flex-direction:column;transform:translate(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}#chat.open{transform:none}#chat .head{display:flex;align-items:center;gap:10px;padding:14px;background:linear-gradient(135deg,var(--terra),#a5512f);color:#fff;padding-top:max(14px,env(safe-area-inset-top))}#chat .avatar{width:46px;height:46px;border-radius:50%;background:#f3e2c8 center/cover;box-shadow:0 0 0 2px #fff;flex:none}#chat .info{flex:1;min-width:0}#chat .who{font-weight:800}#chat .role{font-size:12px;opacity:.9}#chat .head button{background:#ffffff2e;border:0;color:#fff;width:42px;height:42px;border-radius:50%}#chat .statusline{padding:8px 14px;font-size:12px;display:flex;gap:8px;align-items:center;background:var(--cream2)}.pill{padding:2px 9px;border-radius:99px;color:#fff;font-size:11px;font-weight:700;background:var(--offline);white-space:nowrap}.pill.working{background:var(--working)}.pill.waiting{background:var(--waiting);color:#3a2410}.pill.problem{background:var(--problem)}.pill.done{background:var(--done)}#chat .demo-banner{margin:8px 12px 0;padding:6px 10px;border-radius:10px;background:#fff3d6;border:1px dashed var(--amber);font-size:11.5px}#chat .messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.msg{max-width:85%;display:flex;flex-direction:column}.msg.me{align-self:flex-start}.msg.agent,.msg.system{align-self:flex-end}.msg .bubble{padding:8px 12px;border-radius:16px;font-size:14px;line-height:1.6}.msg.me .bubble{background:var(--teal);color:#fff;border-bottom-right-radius:4px}.msg.agent .bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000001a}.msg.system .bubble{background:#fde3dd;color:#8c1e12}.msg .meta{font-size:10px;color:var(--brown2);margin-top:2px}.demo-tag{align-self:flex-end;font-size:10px;background:var(--amber);color:#3a2410;padding:0 7px;border-radius:99px;margin-bottom:2px;font-weight:700}.empty{text-align:center;color:var(--brown2);margin-top:30px;font-size:13px}#chat .typing{padding:0 16px 6px;display:flex;gap:4px}#chat .typing span{width:7px;height:7px;border-radius:50%;background:var(--brown2);animation:bl 1s infinite}#chat .typing span:nth-child(2){animation-delay:.2s}#chat .typing span:nth-child(3){animation-delay:.4s}@keyframes bl{50%{opacity:.2}}#chat form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--cream2);padding-bottom:max(10px,env(safe-area-inset-bottom))}#chat textarea{flex:1;resize:none;border:1px solid #dcc8aa;border-radius:14px;padding:9px 12px;font:inherit;font-size:14px;background:#fff}#chat .send{border:0;background:var(--terra);color:#fff;border-radius:14px;padding:0 16px;font-weight:700}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#1d140e;color:var(--cream);font-size:18px;transition:opacity .5s}#loading.hide{opacity:0;pointer-events:none}.tag[hidden],[hidden]{display:none!important}.tag .card b .an{font-weight:500;font-size:11px;color:var(--brown2)}.tag.small .card b .an{display:none}.tag.small.problem .card{border:2px solid #d9443a;box-shadow:0 0 10px #d9443ab3}.tag .card b{font-size:14px;font-weight:800;letter-spacing:.1px;text-rendering:optimizeLegibility}.tag .card small{font-size:11.5px;font-weight:600}.tag .bubble{font-size:12.5px;font-weight:600}.tag.small .card b{font-size:12.5px}.roomtag{font-size:12.5px;font-weight:800;padding:3px 10px;text-shadow:0 1px 1px rgba(0,0,0,.35)}.roomtag.tiny{font-size:11px}#scene3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;touch-action:none;cursor:grab}#scene3d:active{cursor:grabbing}body.inside #labels .tag{transition:opacity .2s}#roomHud{position:fixed;z-index:6;left:50%;top:calc(var(--sat, 0px) + 70px);transform:translate(-50%);pointer-events:none;background:#2a1c14c7;color:#fff5e6;font-weight:800;font-size:15px;padding:5px 16px;border-radius:99px;box-shadow:0 4px 14px #0006;white-space:nowrap}#roomHud.pop{animation:hudpop .5s ease-out}@keyframes hudpop{0%{transform:translate(-50%) scale(1.25);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}#crosshair{position:fixed;z-index:5;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#fff5e6bf;box-shadow:0 0 0 1px #00000059;pointer-events:none}body.inside #talkPrompt{top:auto;bottom:calc(var(--sab, 0px) + 150px)}@media (min-width: 900px) and (min-height: 561px){#roomHud{margin-left:-182px}body.inside #talkPrompt{margin-left:-182px;bottom:110px}}