*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.app-shell{--bg:#f1f4f0;--fg:#19332b;--card:#fff;--line:#d4dfd6;min-height:100vh;background:var(--bg);color:var(--fg);padding:28px}.app-shell[data-theme=dark]{--bg:#101b18;--fg:#edf3ee;--card:#1b2b25;--line:#395047;color-scheme:dark}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:auto}.app-header nav{display:flex;gap:10px}button{font:inherit;background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer}button:focus-visible{outline:3px solid #61a98a;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}.auth-card{max-width:780px;margin:12vh auto 0;padding:clamp(24px,5vw,60px);background:var(--card);border:1px solid var(--line);border-radius:24px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.15em}.auth-card h1{font-size:clamp(30px,5vw,48px);line-height:1.12;max-width:550px}.auth-card p{font-size:18px;line-height:1.65;opacity:.8}.auth-card form{display:grid;gap:12px;margin-top:28px;max-width:420px}.auth-card label{font-size:14px;font-weight:600}.auth-card input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px;width:100%;margin-bottom:8px}.auth-card input:focus-visible{outline:3px solid #61a98a;outline-offset:2px}.primary{background:#276b50;color:#fff;border-color:#276b50;font-weight:600}.auth-card #codigo{font-size:24px;letter-spacing:.3em}.error{font-size:15px;border-left:3px solid #ba635d;padding-left:14px}section>footer{display:flex;gap:20px;align-items:center;margin-top:32px;font-size:13px;opacity:.7}.office-page{max-width:1440px;margin:36px auto 0}.office-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.office-heading h1{font-size:clamp(24px,3vw,36px);letter-spacing:-.035em;margin:8px 0 0}.office-heading p{max-width:330px;line-height:1.5;margin:0;opacity:.75}.demo-notice{font-size:13px;line-height:1.5;background:var(--card);border:1px solid var(--line);padding:12px 16px;border-radius:10px;margin:20px 0 14px}.scene-selection{min-height:24px;font-size:13px;line-height:1.5;opacity:.8}@media(max-width:600px){.app-shell{padding:16px}.app-header{gap:12px}.app-header button{padding:9px;font-size:12px}.office-heading{display:block}.office-heading p{margin-top:12px}.office-page{margin-top:24px}.auth-card{margin-top:8vh}}.office-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:16px}.office-panel{min-width:0;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:16px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 12px}.panel-heading h2,.panel-heading h3{margin:0;font-size:13px;letter-spacing:.025em}.panel-heading>span{font-size:11px;opacity:.65}.panel-muted{font-size:12px;line-height:1.6;opacity:.7;margin:10px 0 0}.mission-steps{list-style:none;padding:0;display:flex;gap:8px;margin:22px 0 0}.mission-steps li{min-width:0;flex:1;font-size:11px;color:var(--fg);line-height:1.4}.mission-steps i{display:block;height:6px;border-radius:5px;background:var(--line);margin-bottom:9px}.mission-steps li[data-state=feito] i{background:#3c9677}.mission-steps li[data-state=atual] i{background:#527bc6}.mission-steps li[data-state=atual]{font-weight:700}.mission-steps small{display:block;opacity:.65;font-weight:400;margin-top:4px}.mission-phase{font-size:12px;margin:20px 0 0;opacity:.75}.measured{margin:4px 0 12px}.usage-row{margin-top:12px}.usage-row>div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.usage-row b{font-variant-numeric:tabular-nums}.usage-row small{display:block;font-size:10px;opacity:.65;margin-top:3px}.office-panel progress,.person-sheet progress{display:block;width:100%;height:8px;border:0;margin-top:6px;accent-color:#3c9677}.usage-row[data-tone=danger] progress{accent-color:#c15e65}.usage-row[data-tone=warning] progress{accent-color:#b88b36}.office-panel progress,.person-sheet progress{appearance:none;border-radius:4px;overflow:hidden;background:var(--line)}.office-panel progress::-webkit-progress-bar,.person-sheet progress::-webkit-progress-bar{background:var(--line);border-radius:4px}.office-panel progress::-webkit-progress-value,.person-sheet progress::-webkit-progress-value{background:var(--bar-color,#3c9677);border-radius:4px}.office-panel progress::-moz-progress-bar,.person-sheet progress::-moz-progress-bar{background:var(--bar-color,#3c9677);border-radius:4px}.usage-row[data-tone=danger]{--bar-color:#c15e65}.usage-row[data-tone=warning]{--bar-color:#b88b36}.panel-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 0}.panel-stats div{min-width:0}.panel-stats dt{font-size:11px;opacity:.7;margin-bottom:4px}.panel-stats dd{margin:0;font-size:25px;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.office-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.office-map-column{min-width:0}.office-sidebar{min-width:0;display:grid;gap:14px}.request-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.request-list li{border-left:3px solid #a57acb;padding:8px 10px;background:var(--bg);border-radius:0 7px 7px 0}.request-list strong{font-size:11px;color:#8d61b7}.app-shell[data-theme=dark] .request-list strong{color:#c6a3eb}.request-list p{font-size:12px;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere}.team-list{display:grid;gap:6px;margin:14px -3px -3px;padding:3px;list-style:none;max-height:56vh;overflow:auto}.person-button{width:100%;display:flex;align-items:center;gap:10px;padding:9px;text-align:left;background:var(--bg);border-radius:10px}.person-button:hover,.person-button[aria-pressed=true]{border-color:#5b9b80}.person-button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #5b9b80}.person-portrait{width:36px;height:54px;flex:0 0 36px;overflow:hidden}.initials{display:grid;place-items:center;border-radius:10px;background:var(--line);font-weight:700}.person-info{display:grid;gap:4px;min-width:0;flex:1}.person-name{display:flex;gap:8px;align-items:baseline;justify-content:space-between;font-size:13px}.person-name small{font-size:10px;white-space:nowrap;opacity:.65}.person-mode{font-size:11px;display:flex;gap:6px;align-items:center}.person-mode i{width:6px;height:6px;background:#7a8b83;border-radius:50%;flex:none}.person-button[data-mode=work] .person-mode i,.person-button[data-mode=test] .person-mode i{background:#479e78}.person-button[data-mode=stall] .person-mode i{background:#cc6570}.person-button[data-mode=decide] .person-mode i{background:#a57acb}.person-button[data-mode=stall]{border-color:#c86d77}.person-task{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;opacity:.7}.person-sheet{position:fixed;inset:16px 16px 16px auto;width:460px;max-width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);margin:0;padding:0;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px #0004}.person-sheet::backdrop{background:#09171059}.sheet-surface{height:100%;display:flex;flex-direction:column}.person-sheet-header{display:grid;grid-template-columns:48px minmax(0,1fr) 36px;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.person-sheet-header .person-portrait{width:48px;height:72px}.person-sheet-header h2{margin:5px 0;font-size:23px;letter-spacing:-.025em}.person-sheet-header p{font-size:11px;margin:0;line-height:1.5;opacity:.75}.person-sheet-header button{width:36px;height:36px;padding:3px;font-size:25px}.person-sheet-body{padding:20px;overflow:auto;flex:1}.person-sheet-body>.panel-stats{background:var(--bg);padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.person-sheet-body .panel-stats dd{font-size:21px}.sheet-section{margin-bottom:26px}.sheet-section h3{font-size:13px;margin:0 0 12px}.sheet-section h4{font-size:16px;margin:12px 0 6px;line-height:1.5;overflow-wrap:anywhere}.sheet-section p{font-size:13px;line-height:1.6}.sheet-status{color:#408460;font-weight:600}.sheet-status[data-mode=stall]{color:#c86d77}.sheet-status[data-mode=decide]{color:#a57acb}.task-progress{margin-top:14px;font-size:12px}.delivery-list,.director-team{list-style:none;padding:0;margin:0;display:grid;gap:10px}.delivery-list li{border-left:2px solid var(--line);padding:4px 0 4px 12px;display:grid;gap:5px}.delivery-list b{font-size:12px;overflow-wrap:anywhere}.delivery-list span{font-size:11px;opacity:.7}.director-team li{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.director-team span{font-size:11px;opacity:.75}.director-team small{grid-column:1/-1;font-size:11px;opacity:.7}.sheet-requests{margin:24px 0}@media(max-width:1050px){.office-top{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-panel{grid-column:1/-1}.office-workspace{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:760px){.office-workspace{grid-template-columns:1fr}.office-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.team-list{max-height:65vh}}@media(max-width:520px){.office-top,.office-sidebar{grid-template-columns:1fr}.mission-panel{grid-column:auto}.mission-steps{flex-wrap:wrap}.mission-steps li{flex:1 1 64px}.person-sheet{inset:8px 8px 8px auto;max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}}.office-scene{--bg: #f3f4f1;--panel: #fbfbf9;--line: #d9dcd4;--fg: #1d2420;--muted: #5d675f;--accent: #1f6f5c;--c-todo: #6b7280;--c-dev: #2563a8;--c-test: #8a5a00;--c-fix: #b4232f;--c-done: #1f7a43;--c-decide: #6d3fa8;--s-heavy: #2f6fb0;--s-light: #c0841f;--s-goal: #1d2420;--ok: #1f7a43;--warn: #9a6400;--crit: #b4232f;--chip-bg: #e8ebe4;--grid: #e3e6de;--font-ui: "Archivo", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--o-bg: #eef0ea;--o-floor: #e6dfd2;--o-floor-ceo: #e3dce9;--o-floor-dir: #d9e4e4;--o-floor-int: #dbe0ea;--o-floor-rev: #e8dfd6;--o-floor-copa: #dde6d4;--o-floor-rec: #e4e5df;--o-floor-rec2: #ece6dc;--o-floor-mkt: #ead9e4;--o-floor-est: #e0e4d6;--o-floor-lab: #dfe9ea;--o-floor-reu: #e2e0d8;--o-grout: rgba(40,40,30,.07);--o-edge: rgba(40,40,30,.18);--o-wall-a: #cfd8d0;--o-wall-b: #bcc7be;--o-wall-top: #a9b6ab;--o-glass: rgba(140,190,210,.28);--o-glass-line: #86aebf;--o-window: #bfe0f2;--o-wood: #b98a5a;--o-metal: #8a9099;--o-fabric: #5f7fb3;--o-screen: #243038;--o-glow: #5fd9b7;--o-plant: #4f9a5c;--o-pot: #b76e47;--o-shadow: rgba(30,30,40,.18);--o-label-bg: #fbfbf9;--o-stall: #d1343f;--o-pants: #2d3340;--o-wall-low: #f1efe9;--o-walnut: #7a5232;--o-exec: #6d3fa8;--o-fabric2: #c57a52;--o-accent: #1f6f5c;--o-green: #6dbb7c;--o-cork: #c9a275}[data-theme=dark] .office-scene{--bg: #141816;--panel: #1b201d;--line: #2c342f;--fg: #e4e8e3;--muted: #9aa59c;--accent: #5cc3a6;--c-todo: #9ca3af;--c-dev: #6ea8e8;--c-test: #e0a83a;--c-fix: #f07178;--c-done: #5ccf86;--c-decide: #b18cf0;--s-heavy: #4f8fd6;--s-light: #b8841f;--s-goal: #e4e8e3;--ok: #5ccf86;--warn: #e0a83a;--crit: #f07178;--chip-bg: #252c28;--grid: #262d29;--o-bg: #11151a;--o-floor: #2b2a28;--o-floor-ceo: #2c2833;--o-floor-dir: #24302f;--o-floor-int: #262b35;--o-floor-rev: #2f2a27;--o-floor-copa: #27302a;--o-floor-rec: #262a2a;--o-floor-rec2: #2d2a26;--o-floor-mkt: #322a30;--o-floor-est: #2a2e27;--o-floor-lab: #263031;--o-floor-reu: #2b2a27;--o-grout: rgba(255,255,255,.05);--o-edge: rgba(255,255,255,.12);--o-wall-a: #3a4542;--o-wall-b: #303a37;--o-wall-top: #4a5653;--o-glass: rgba(120,170,200,.18);--o-glass-line: #5a8395;--o-window: #35526a;--o-wood: #7a5636;--o-metal: #4e555e;--o-fabric: #43608f;--o-screen: #0d1317;--o-glow: #5cf0c8;--o-plant: #3a7d48;--o-pot: #8a4e32;--o-shadow: rgba(0,0,0,.4);--o-label-bg: #1b201d;--o-stall: #f07178;--o-pants: #1f242c;--o-wall-low: #48524f;--o-walnut: #5a3a22;--o-exec: #8a63c4;--o-fabric2: #9a5a3a;--o-accent: #3fa98a;--o-green: #3f7a4c;--o-cork: #7d6243;color-scheme:dark}.office-scene .hud{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:12px}@media(max-width:860px){.office-scene .hud{grid-template-columns:1fr}}.office-scene .hud-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:10px;min-width:0;align-content:start}.office-scene .hud-title{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.office-scene .hud-title .small{text-transform:none;letter-spacing:0;font-weight:400}.office-scene .quest{display:flex;gap:6px;flex-wrap:wrap}.office-scene .qstep{flex:1 1 96px;display:grid;gap:6px;font-size:12px;color:var(--muted);min-width:0}.office-scene .qstep i{display:block;height:6px;border-radius:3px;background:var(--chip-bg)}.office-scene .qstep.feito i{background:var(--ok)}.office-scene .qstep.feito{color:var(--fg)}.office-scene .qstep.atual i{background:var(--c-dev)}.office-scene .qstep.atual{color:var(--fg);font-weight:600}.office-scene .energy{display:grid;gap:8px}.office-scene .en-row{display:grid;grid-template-columns:92px 1fr 44px;gap:10px;align-items:center;font-size:12px}.office-scene .en-bar{height:8px;border-radius:4px;background:var(--chip-bg);overflow:hidden}.office-scene .en-bar>span{display:block;height:100%;border-radius:4px}.office-scene .en-row b{font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.office-scene .coins{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.office-scene .coin b{display:block;font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.office-scene .coin span{font-size:11.5px;color:var(--muted)}.office-scene{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--o-bg)}.office-scene{height:clamp(420px,72vh,860px);touch-action:none;cursor:grab;outline:none}.office-scene:focus-visible{box-shadow:0 0 0 2px var(--accent)}.office-scene.dragging{cursor:grabbing}.office-scene svg{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.office-scene .map-ui{position:absolute;z-index:2}.office-scene .map-tools{top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap}.office-scene .map-btn{font:600 13px var(--font-ui);color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:32px;height:32px;padding:0 10px;cursor:pointer;box-shadow:0 1px 3px #0000001f}.office-scene .map-btn:hover{border-color:var(--accent)}.office-scene .map-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.office-scene .follow-chip{top:10px;right:10px;display:flex;gap:6px;align-items:center;background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:4px 4px 4px 12px;font-size:13px;font-weight:600}.office-scene .follow-chip[hidden]{display:none}.office-scene .follow-chip .map-btn{height:28px;box-shadow:none}.office-scene .map-hint{left:10px;bottom:10px;font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--panel) 88%,transparent);border-radius:8px;padding:4px 10px;pointer-events:none}@media(max-width:560px){.office-scene .map-hint{display:none}.office-scene{height:62vh}.office-scene .map-tools .map-btn:nth-child(n+3){display:none}}.office-scene .walk-mark{opacity:0}.office-scene .walk-mark ellipse{fill:none;stroke:var(--accent);stroke-width:2.5}.office-scene .walk-mark.show{animation:office-mark 1.2s ease-out forwards}@keyframes office-mark{0%{opacity:1}to{opacity:0}}.office-scene .actor .ring{display:none;fill:color-mix(in srgb,var(--accent) 18%,transparent);stroke:var(--accent);stroke-width:2}.office-scene .actor.followed .ring{display:block}.office-scene .actor.followed .tag rect{stroke:var(--accent);stroke-width:1.5}.office-scene .who.following{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.office-scene .who.me{background:color-mix(in srgb,var(--accent) 7%,var(--bg))}@media(min-width:1101px){.office-scene .roster{max-height:52vh;overflow-y:auto;padding-right:2px}}.office-scene svg text{font-family:var(--font-ui)}.office-scene .room-label rect{fill:var(--o-label-bg);stroke:var(--line)}.office-scene .room-label text{fill:var(--fg);font-size:13px;font-weight:600}.office-scene .room-label.floor rect{fill:color-mix(in srgb,var(--o-label-bg) 88%,transparent)}.office-scene .board-n{fill:var(--fg);font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.office-scene .board-n.hot{fill:var(--c-decide)}.office-scene .board-t{fill:var(--muted);font-size:12px;font-weight:500}.office-scene [data-office-id=beacon] rect{fill:#111;opacity:.55}.office-scene [data-office-id=beacon]>g.lit rect{fill:#fff;opacity:.28}.office-scene .screen{fill:var(--o-screen)}.office-scene .screen.on{fill:var(--o-glow)}.office-scene .led{fill:var(--o-screen)}.office-scene [data-office-id=floor-leds].on .led{fill:var(--o-glow);animation:office-blink 1.4s steps(2) infinite}.office-scene .office-legend{align-items:center}.office-scene .actor{cursor:pointer;outline:none}.office-scene .actor .shadow{fill:var(--o-shadow)}.office-scene .actor .fig,.office-scene .actor .leg,.office-scene .actor .bob{transform-box:fill-box;transform-origin:center}.office-scene .actor.seated .legs,.office-scene .actor.seated .shadow{display:none}.office-scene .actor.seated .fig{transform:translateY(11px)}.office-scene .actor.walking .leg.l{animation:office-step .42s ease-in-out infinite}.office-scene .actor.walking .leg.r{animation:office-step .42s ease-in-out infinite .21s}.office-scene .actor.walking .bob{animation:office-trot .42s ease-in-out infinite}.office-scene .actor.seated[data-mode=work] .bob,.office-scene .actor.seated[data-mode=test] .bob,.office-scene .actor.seated[data-mode=ceo] .bob{animation:office-typing 1.4s ease-in-out infinite}@keyframes office-step{50%{transform:translateY(-4px)}}@keyframes office-trot{50%{transform:translateY(-1.5px)}}@keyframes office-typing{50%{transform:translateY(1.2px)}}@keyframes office-blink{50%{opacity:.3}}.office-scene .actor .bubble{display:none}.office-scene .actor .bubble-bg{fill:var(--o-label-bg);stroke:var(--line);stroke-width:1}.office-scene .actor .dots circle{fill:var(--fg);animation:office-blink 1.2s steps(2) infinite}.office-scene .actor .mark{font-size:15px;font-weight:700;display:none}.office-scene .actor .lens{stroke:var(--c-test);display:none}.office-scene .actor .cup{fill:var(--muted);stroke:var(--muted);display:none}.office-scene .actor[data-mode=work] .bubble,.office-scene .actor[data-mode=test] .bubble,.office-scene .actor[data-mode=stall] .bubble,.office-scene .actor[data-mode=decide] .bubble,.office-scene .actor[data-mode=work] .dots{display:block}.office-scene .actor:not([data-mode=work]) .dots{display:none}.office-scene .actor[data-mode=test] .lens,.office-scene .actor[data-mode=stall] .mark,.office-scene .actor[data-mode=decide] .mark{display:block}.office-scene .actor[data-mode=stall] .mark{fill:var(--o-stall)}.office-scene .actor[data-mode=stall] .bubble-bg{stroke:var(--o-stall)}.office-scene .actor[data-mode=decide] .mark{fill:var(--c-decide)}.office-scene .actor[data-mode=decide] .bubble-bg{stroke:var(--c-decide)}.office-scene .actor[data-mode=free] .cup{display:block}.office-scene .actor.walking .bubble{display:none}.office-scene .actor .tag rect{fill:var(--o-label-bg);stroke:var(--line);stroke-width:1}.office-scene .actor .tag text{fill:var(--fg);font-size:11.5px;font-weight:600}.office-scene .actor .tag .dot{fill:var(--c-todo)}.office-scene .actor[data-mode=work] .tag .dot,.office-scene .actor[data-mode=test] .tag .dot{fill:var(--ok)}.office-scene .actor[data-mode=stall] .tag .dot{fill:var(--o-stall)}.office-scene .actor[data-mode=decide] .tag .dot{fill:var(--c-decide)}.office-scene .actor[data-mode=ceo] .tag .dot{fill:var(--accent)}.office-scene .actor[data-mode=idle] .tag .dot{fill:var(--c-todo)}.office-scene .actor .bar-bg{fill:var(--chip-bg)}.office-scene .actor .bar-fill{fill:var(--ok)}.office-scene .actor[data-mode=stall] .bar-fill{fill:var(--o-stall)}.office-scene .actor[data-mode=decide] .bar-fill{fill:var(--c-decide)}.office-scene .actor:hover .tag rect,.office-scene .actor:focus-visible .tag rect,.office-scene .actor.sel .tag rect{stroke:var(--accent);stroke-width:1.5}.office-scene .actor.walking .tag{display:none}@media(prefers-reduced-motion:reduce){.office-scene .actor .leg,.office-scene .actor .bob,.office-scene .actor .dots circle,.office-scene .led{animation:none!important}}.office-scene .office-row{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}@media(max-width:1100px){.office-scene .office-row{grid-template-columns:1fr}}.office-scene .roster{display:grid;gap:6px}.office-scene .who{text-align:left;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 10px;display:grid;grid-template-columns:28px 1fr;gap:1px 10px;cursor:pointer;min-width:0}.office-scene .who:hover{border-color:var(--accent)}.office-scene .who.stalled{border-color:color-mix(in srgb,var(--crit) 60%,var(--line));background:color-mix(in srgb,var(--crit) 6%,var(--bg))}.office-scene .who svg{grid-row:span 3;width:28px;height:42px;align-self:center}.office-scene .who .nm{font-weight:600;font-size:13.5px;display:flex;gap:7px;align-items:baseline}.office-scene .who .nm .dot{width:8px;height:8px;border-radius:50%;align-self:center;flex:none}.office-scene .who .lv{font:500 11px var(--font-mono);color:var(--muted)}.office-scene .who .st{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-scene .who .st.work{color:var(--c-dev)}.office-scene .who .st.stall{color:var(--crit);font-weight:600}.office-scene .mural{display:grid;gap:6px}.office-scene .note-card{border-left:3px solid var(--c-decide);background:var(--bg);border-radius:0 8px 8px 0;padding:8px 10px;font-size:13px;display:grid;gap:2px}.office-scene .note-card b{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--c-decide)}.office-scene .sheet{position:fixed;z-index:30;right:max(12px,env(safe-area-inset-right,0px));top:calc(12px + env(safe-area-inset-top,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));width:min(400px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #00000040;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.office-scene .sheet-head{display:grid;grid-template-columns:48px 1fr auto;gap:12px;padding:14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 8%,var(--panel));align-items:center}.office-scene .sheet-head h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.office-scene .sheet-body{overflow-y:auto;padding:14px;display:grid;gap:14px;align-content:start}.office-scene .x{font:600 18px var(--font-ui);background:var(--chip-bg);border:1px solid var(--line);color:var(--fg);border-radius:8px;width:32px;height:32px;cursor:pointer}.office-scene .xp{display:grid;gap:4px}.office-scene .xp .bar{height:8px;background:var(--chip-bg);border-radius:4px;overflow:hidden}.office-scene .xp .bar>span{display:block;height:100%;background:var(--accent);border-radius:4px}.office-scene .stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.office-scene .stats div{border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:grid;background:var(--bg)}.office-scene .stats b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.office-scene .stats span{font-size:11px;color:var(--muted)}.office-scene .hist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.office-scene .hist li{display:grid;gap:1px;font-size:13px;border-left:3px solid var(--line);padding-left:8px}.office-scene .hist li small{color:var(--muted);font-size:11.5px}.office-scene .backdrop{position:fixed;inset:0;z-index:29;background:#0003}.office-scene .actor .ring-img,.office-scene .actor .zzz{display:none;pointer-events:none}.office-scene .actor.followed .ring-img,.office-scene .actor[data-mode=stall] .zzz{display:inline}.office-scene .actor.walking .zzz,.office-scene .hair-back{display:none}.office-scene .actor.back .hair-back{display:inline}.office-scene image{image-rendering:auto}.office-scene .fx{pointer-events:none}.office-scene .scr{display:none;pointer-events:none}.office-scene .scr.on{display:inline}.office-scene .scr image{visibility:hidden}.office-scene [data-office-id=floor]:not([data-sf]) .scr .f0,.office-scene [data-office-id=floor][data-sf="0"] .scr .f0,.office-scene [data-office-id=floor][data-sf="1"] .scr .f1,.office-scene [data-office-id=floor][data-sf="2"] .scr .f2,.office-scene [data-office-id=floor][data-sf="3"] .scr .f3{visibility:visible}.office-scene .door-leaf{transition:transform .35s ease;pointer-events:none}.office-scene .door-leaf[data-dir="-1"].open{transform:translate(-14px,-7px)}.office-scene .door-leaf[data-dir="1"].open{transform:translate(14px,7px)}@media(prefers-reduced-motion:reduce){.office-scene .door-leaf{transition:none}}.office-scene .actor.seated .tag{transform:translateY(-88px)}.office-scene .actor.seated .bubble{transform:translate(32px,-70px) scale(.9)}.office-scene .actor.seated .zzz{transform:translate(26px,14px)}.office-scene.is-paused *{animation-play-state:paused!important;transition:none!important}.office-scene.is-reduced *{animation:none!important;transition:none!important}