*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}html{height:var(--app-height,100dvh);overscroll-behavior:none;-webkit-text-size-adjust:100%;height:-webkit-fill-available}body{height:var(--app-height,100dvh);color:#eef3ff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#050814;height:-webkit-fill-available;font-family:Courier New,monospace;overflow:hidden}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.shell{height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(circle at 50% 72%,#32b4ff2e,#0000 33%),linear-gradient(#07101c,#080518 62%,#05030c);position:relative;overflow:hidden}.office{isolation:isolate;border-bottom:2px solid #6397df57;height:67%;min-height:390px;position:relative;overflow:hidden}.office-stage{width:920px;height:410px;transform:translateX(-50%) scale(var(--stage-scale,1));transform-origin:bottom;position:absolute;bottom:0;left:50%}.skyline{background:linear-gradient(#06101f 0 32%,#101d31 32% 100%);position:absolute;inset:0}.skyline:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000 0 6%,#060a14 6% 10%,#0000 10% 17%,#080d18 17% 25%,#0000 25% 35%,#060a14 35% 40%,#0000 40% 100%);height:82px;position:absolute;bottom:238px;left:0;right:0}.wall-grid{height:245px;image-rendering:pixelated;background-image:url(../assets/office/walls/wall_tile.png);background-size:96px 96px;border-top:5px solid #36567f;position:absolute;bottom:142px;left:0;right:0;box-shadow:inset 0 -26px 38px #0000005c}.floor-map{height:174px;image-rendering:pixelated;background-image:url(../assets/office/floors/floor_tile.png);background-size:64px 32px;position:absolute;bottom:-2px;left:-70px;right:-70px;transform:skew(-8deg);box-shadow:inset 0 24px 36px #0000004d}.room-asset{image-rendering:pixelated;z-index:2;position:absolute}.window{width:154px;bottom:272px}.w1{left:72px}.w2{right:82px}.sign{filter:drop-shadow(0 0 13px #00e5ff75);width:192px;bottom:294px;left:50%;transform:translate(-50%)}.server{width:72px;bottom:142px}.s1{left:28px}.s2{right:30px}.sofa{width:150px;bottom:135px;right:110px}.plant{width:72px}.p1{bottom:142px;left:250px}.p2{bottom:142px;right:276px}.rug{z-index:1;width:420px;bottom:30px;left:50%;transform:translate(-50%)}.walk-lane{z-index:2;background:#130e2433;border:1px dashed #86ddff29;border-radius:999px;height:82px;position:absolute;bottom:24px;left:210px;right:210px}.walk-lane span{color:#86ddff5c;letter-spacing:1px;font-size:8px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.desk-node{cursor:pointer;width:152px;height:105px;image-rendering:pixelated;z-index:4;filter:drop-shadow(0 18px 14px #0000005c);background:0 0;border:0;padding:0;position:absolute}.desk-node img{width:100%;height:auto;image-rendering:pixelated}.desk-node span{color:#d7f7ff;text-shadow:0 1px #001;font-size:9px;position:absolute;top:22px;left:58px}.desk-node:after{content:"";background:var(--accent);mix-blend-mode:screen;opacity:.38;width:44px;height:20px;position:absolute;top:17px;left:34px}.desk-node.selected{filter:drop-shadow(0 0 13px var(--accent)) drop-shadow(0 18px 14px #0000005c)}.chair{width:58px;image-rendering:pixelated;z-index:3;position:absolute}.c1{bottom:132px;left:190px}.c2{bottom:140px;left:430px}.c3{bottom:132px;left:668px}.signal-bubble{z-index:5;border:1px solid var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent),transparent 50%);text-align:center;background:#040c19c7;border-radius:12px;min-width:116px;padding:10px 14px;position:absolute;top:102px;right:44px}.signal-bubble b{color:#fff;font-size:11px;display:block}.signal-bubble span{color:var(--accent);margin-top:4px;font-size:10px;display:block}.hud{height:33%;min-height:258px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(118deg,#08192be8,#110827eb 54%,#050612f5);border:1px solid #7564ffd6;border-top:2px solid #00e5ff;border-radius:20px;position:absolute;bottom:10px;left:12px;right:12px;overflow:hidden;box-shadow:0 0 45px #00e5ff26,inset 0 0 65px #7453ff1f}.hud:before{content:"";opacity:.45;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.hud-head{z-index:1;align-items:center;gap:14px;margin-bottom:10px;display:flex;position:relative}.avatar-stack{background:linear-gradient(#53a4ff1f,#ffffff0a);border:1px solid #5bd8ff47;border-radius:14px;flex:none;width:58px;height:66px;position:relative;overflow:hidden}.headline{min-width:0}small{color:#a383ff;font-size:10px;font-weight:700}h1{letter-spacing:1.7px;white-space:nowrap;margin:3px 0 5px;font-size:16px}p{color:#a9b3da;margin:0;font-size:11px}.data-state{color:#61d6ff;margin-top:4px;font-size:10px}.data-state.bad{color:#ff667d}.badge{color:#ffc928;background:#ffc92814;border:1px solid #ffc928;border-radius:14px;min-width:130px;margin-left:auto;padding:8px 12px}.badge span{color:#ffdf73;font-size:9px;display:block}.badge b{font-size:12px}.mobile-tabs{display:none}.mobileHidden{display:contents}.content-grid{z-index:1;grid-template-columns:1.05fr .7fr 1.45fr;gap:12px;height:calc(100% - 78px);display:grid;position:relative}.card{background:#030d1da3;border:1px solid #507bbe73;border-radius:15px;min-height:0;padding:12px;box-shadow:inset 0 0 30px #23468c21}.card-title{color:#86ddff;letter-spacing:.8px;margin-bottom:10px;font-size:12px}.room-title{color:#86ddff;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.room-title b{color:#fff}.signal-hero{border:1px solid color-mix(in srgb,var(--accent),transparent 48%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 85%),#ffffff09);box-shadow:inset 0 0 22px color-mix(in srgb,var(--accent),transparent 88%);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.signal-hero strong{color:#fff;margin:4px 0;font-size:16px;display:block}.signal-hero em{color:#bcc7ef;font-size:10px;font-style:normal;display:block}.confidence{border:1px solid color-mix(in srgb,var(--accent),transparent 40%);background:#00000038;border-radius:18px;place-items:center;width:66px;height:66px;display:grid}.confidence span{color:var(--accent);font-size:19px;font-weight:700}.confidence small{color:#dde9ff;font-size:9px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.quick-grid div{background:#ffffff0a;border:1px solid #ffffff12;border-radius:11px;padding:9px}.quick-grid span,.stat span{color:#98a2c8;font-size:10px;display:block}.quick-grid b{color:#fff;margin-top:5px;font-size:12px;display:block}.mini-room{background:#110c1e;border:1px solid #ffffff14;border-radius:12px;height:82px;margin-top:10px;position:relative;overflow:hidden}.mini-room>img{width:165px;image-rendering:pixelated;opacity:.82;position:absolute;bottom:4px;left:54px}.stats-card{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stat{background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;padding:11px}.stat b{margin-top:6px;font-size:18px;display:block}.stat.wide{grid-column:1/-1}.plus,.win b{color:#00ff92}.minus,.loss b{color:#ff5570}.history-card{flex-direction:column;display:flex}.history-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:6px;overflow:auto}.trade{background:#ffffff0b;border:1px solid #ffffff0f;border-radius:10px;grid-template-columns:82px 1fr 56px 58px;align-items:center;gap:8px;margin-bottom:7px;padding:8px 10px;font-size:11px;display:grid}.trade span{color:#9aa3c9}.trade.win b,.trade.win em{color:#00ff92}.trade.loss b,.trade.loss em{color:#ff5570}.trade em{text-align:right;font-style:normal}.empty-state{color:#9aa3c9;text-align:center;background:#ffffff09;border:1px dashed #86ddff40;border-radius:12px;padding:18px;font-size:12px}.agent{width:calc(16px * var(--scale));height:calc(32px * var(--scale));background-image:var(--src);background-size:calc(112px * var(--scale)) calc(96px * var(--scale));image-rendering:pixelated;animation:sprite var(--speed) steps(1) infinite;filter:drop-shadow(0 0 8px #4eb6ff8c);z-index:6;background-repeat:no-repeat;position:absolute}.agent.flip{transform:scaleX(-1)}.agent .name{color:#69c6ff;text-shadow:0 1px #001;font-size:8px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.mood-wait{filter:drop-shadow(0 0 10px #ffcd28bf)}.mood-win{filter:drop-shadow(0 0 10px #00ff92cc)}.mood-loss{filter:drop-shadow(0 0 10px #ff4466d9)}@keyframes sprite{0%{background-position:calc(-16px * var(--scale) * var(--f0)) calc(-32px * var(--scale) * var(--row))}25%{background-position:calc(-16px * var(--scale) * var(--f1)) calc(-32px * var(--scale) * var(--row))}50%{background-position:calc(-16px * var(--scale) * var(--f2)) calc(-32px * var(--scale) * var(--row))}75%,to{background-position:calc(-16px * var(--scale) * var(--f3)) calc(-32px * var(--scale) * var(--row))}}@media (width<=900px){.shell{overflow:hidden}.office{--stage-scale:min(1, calc(100vw / 760));height:66%;min-height:360px}.office-stage{width:760px;height:395px}.skyline,.wall-grid,.floor-map{left:0;right:0}.wall-grid{height:230px;bottom:132px}.floor-map{height:168px;bottom:-2px}.window{bottom:266px}.w1{left:38px}.w2{right:42px}.sign{width:160px;bottom:286px}.server,.sofa{display:none}.p1{bottom:134px;left:212px}.p2{bottom:134px;right:220px}.rug{width:360px;bottom:26px}.walk-lane{bottom:26px;left:170px;right:170px}.desk-node{width:128px}.desk-node:first-of-type{top:178px!important;left:100px!important}.desk-node:nth-of-type(2){top:168px!important;left:316px!important}.desk-node:nth-of-type(3){top:178px!important;left:532px!important}.chair.c1{bottom:126px;left:128px}.chair.c2{bottom:134px;left:344px}.chair.c3{bottom:126px;left:560px}.office .agent{--scale:2.75!important}.signal-bubble{top:102px;right:22px}.hud{height:auto;min-height:0;top:calc(66% + 4px);bottom:calc(6px + env(safe-area-inset-bottom));border-radius:18px;flex-direction:column;padding:10px;display:flex;left:8px;right:8px}.mobile-tabs{z-index:2;grid-template-columns:1fr 1fr 1fr 44px;gap:7px;margin-bottom:9px;display:grid;position:relative}.mobile-tabs button{color:#aeb8e3;background:#ffffff0e;border:1px solid #86ddff47;border-radius:12px;padding:10px 6px;font-size:11px}.mobile-tabs button.active{color:#07101c;background:#83e9ff;border-color:#83e9ff;box-shadow:0 0 16px #00e5ff38}.mobile-tabs .refresh-btn{color:#ffc928;font-size:16px}.hud-head{gap:10px;margin-bottom:9px}.avatar-stack{width:48px;height:58px}.headline h1{letter-spacing:1px;font-size:13px;line-height:1.2}.headline p{font-size:10px;line-height:1.35}.badge{display:none}.content-grid{flex:1;height:auto;min-height:0;display:block;overflow:hidden}.card{height:100%;min-height:0}.mobileHidden{display:none!important}.stats-card:not(.mobileHidden){grid-template-columns:1fr 1fr;display:grid}.history-card:not(.mobileHidden){min-height:0;display:flex}.history-list{flex:1;min-height:0}.signal-card:not(.mobileHidden){display:block}.mini-room{display:none}.trade{grid-template-columns:72px minmax(70px,1fr) 48px 58px;padding:10px 9px;font-size:10px}.quick-grid{grid-template-columns:repeat(3,1fr)}.signal-hero strong{font-size:14px}}@media (width<=560px){.office{--stage-scale:calc(100vw / 680);height:62%;min-height:330px}.office-stage{width:680px;height:375px}.wall-grid{bottom:124px}.floor-map{height:154px}.window{bottom:258px}.sign{width:132px}.p1{left:182px}.p2{right:178px}.plant{width:64px}.rug{width:320px}.walk-lane{height:76px;left:138px;right:138px}.desk-node{width:116px}.desk-node:first-of-type{top:184px!important;left:80px!important}.desk-node:nth-of-type(2){top:174px!important;left:282px!important}.desk-node:nth-of-type(3){top:184px!important;left:486px!important}.chair.c1{bottom:122px;left:104px}.chair.c2{bottom:130px;left:306px}.chair.c3{bottom:122px;left:510px}.office .agent{--scale:2.45!important}.signal-bubble{min-width:92px;padding:8px;top:82px;right:16px}.hud{border-radius:16px;padding:9px;top:calc(62% + 4px);left:6px;right:6px}.hud-head{align-items:flex-start}.avatar-stack{display:none}.headline h1{font-size:12px}.headline p{font-size:9.5px}.quick-grid{grid-template-columns:1fr 1fr}.confidence{width:58px;height:58px}.confidence span{font-size:17px}.stat{padding:11px}.stat b{font-size:18px}.history-card{min-height:0!important}.trade{grid-template-columns:62px 1fr 42px 48px;gap:6px;font-size:9px}.mobile-tabs button{padding:9px 4px;font-size:10px}}@media (orientation:landscape) and (height<=520px){.office{--stage-scale:min(.78, calc(52vw / 760));height:100%;min-height:0}.office-stage{bottom:0;left:26%}.hud{top:calc(env(safe-area-inset-top) + 6px);left:52%;right:calc(8px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));height:auto}.hud-head{margin-bottom:8px}.headline h1{font-size:12px}.mobile-tabs{grid-template-columns:1fr 1fr 1fr 38px}.card{padding:11px}.history-card:not(.mobileHidden){min-height:0}.signal-card .quick-grid{display:none}.signal-hero{padding:10px}}@media (prefers-reduced-motion:reduce){.agent{animation:none}.desk-node.selected{filter:drop-shadow(0 18px 14px #0000005c)}}