/* One calm, scrollable office; UI stays outside the moving room. */
.office{height:690px;overflow:hidden}.room-viewport{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.office-world{min-width:900px;height:686px}
.office>.status{position:absolute;top:16px;left:18px;margin:0;z-index:4}.office>.bubble{top:48px;left:50%;max-width:calc(100% - 40px);z-index:4;pointer-events:none;font-size:17px}.office>.entry{min-height:0;z-index:10}
.office-world .floor{top:34%}.office-world .window{width:27%;height:130px;top:70px}.office-world .shelf{display:none}.office-world .lamp{right:39%;top:85px}.office-world .desk{left:14%;bottom:100px;width:19%}.office-world .monitor{display:none}.office-world .pantry{right:10%;bottom:55px;width:17%}.office-world .cup{display:none}.office-world .plant{right:4%;bottom:40px}
.office-world .actor{left:46%;top:77%;bottom:auto;width:160px;height:160px;transform:translate(-50%,-65%);z-index:3;transition:left 1.15s ease-in-out,top 1.15s ease-in-out}
.actor img{animation:office-breathe 5.5s ease-in-out infinite;transition:opacity .2s;filter:drop-shadow(2px 3px 0 #0002)}
.actor[data-state=thinking] img{animation:office-look 7s ease-in-out infinite}.actor[data-state=rage] img{animation:office-grumble .18s linear 3}.actor[data-state=working] img{animation:office-breathe 7s ease-in-out infinite}
.room-target{position:absolute;transform:translate(-50%,-65%);background:transparent;border:0;padding:0;min-width:44px;min-height:44px;border-radius:12px;z-index:2;transition:translate 1.2s ease-in-out}
.room-target img{display:block;image-rendering:pixelated;width:100%;height:100%;object-fit:contain;pointer-events:none}.room-target:disabled{cursor:default}.room-target:hover:not(:disabled),.room-target:focus-visible{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.room-person{width:125px;height:125px}.remote-person{width:92px;height:100px}.person-name{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);font:12px Pixel,monospace;white-space:nowrap;opacity:.65}.speaking .person-name{opacity:1;color:var(--accent)}.speaking{z-index:4}.speaking img{animation:office-breathe 4s ease-in-out infinite}
.colleague-desk{position:absolute;transform:translate(-50%,-25%);width:108px;height:72px;object-fit:contain;image-rendering:pixelated;pointer-events:none;z-index:1;opacity:.8}
.living-screen{position:absolute;left:69%;top:9%;width:24%;height:125px;background:#203441;border:5px solid #657a7d;border-radius:7px;box-shadow:4px 5px 0 #0002}.living-screen .video-heading{color:#d4e4d8;top:8px}.remote-person .person-name{color:#d4e4d8;bottom:4px}
.room-object{width:80px;height:80px;z-index:4}.object-board{width:120px;height:104px}.object-meeting{width:100px;height:110px}.object-phone{width:34px;height:48px}.object-coffee{width:48px;height:48px}
.office-world .guest{width:130px;height:130px;bottom:auto;transform:translate(-50%,-65%);z-index:4}
.proximity-label{position:absolute;transform:translate(-50%,-100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font:14px Pixel,monospace;pointer-events:none;z-index:6;white-space:nowrap;box-shadow:2px 3px 0 #0001}
.queue-note{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font:14px Pixel,monospace;background:var(--panel);border-radius:12px;z-index:5;padding:6px 12px;max-width:90%}.queue-note:empty{display:none}
.bottom{align-items:center;flex-wrap:wrap}.bottom>span{flex:1}.life-paused *{animation-play-state:paused!important}.life-paused .room-target,.life-paused .actor{transition:none}
@keyframes office-breathe{0%,100%{translate:0 0}55%{translate:0 -1.5px}}@keyframes office-look{0%,65%,100%{translate:0 0}72%,85%{translate:1px -1px}}@keyframes office-grumble{25%{translate:-1px 0}75%{translate:1px 0}}
@media(max-width:600px){.office{height:660px}.office-world{height:656px}.office>.bubble{font-size:15px}.office>.status{font-size:11px}.office-world .actor{width:160px;height:160px}.note{font-size:13px}.bottom{gap:14px}}
@media(prefers-reduced-motion:reduce){.office *{animation:none!important;transition:none!important}}

.actor.state-shift img{animation:office-arrive .3s ease-out,office-breathe 5.5s .3s ease-in-out infinite}@keyframes office-arrive{from{opacity:.65;translate:0 1px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.actor.state-shift img{animation:none!important}}

.actor.state-shift[data-state=rage] img{animation:office-grumble .18s linear 3}@media(prefers-reduced-motion:reduce){.actor.state-shift[data-state=rage] img{animation:none!important}}

.room-viewport{cursor:default}.room-target{cursor:pointer}.proximity-label{pointer-events:auto;min-height:36px;cursor:pointer}.in-reach,.is-discoverable{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 40%,transparent))}.object-story{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 32px));padding:20px 24px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:4px 6px 0 #0002;z-index:7}.object-story h2{font:21px Pixel,monospace;margin:0 30px 10px 0}.object-story p{font:16px/1.5 Pixel,monospace}.object-story a{color:var(--accent);font:16px Pixel,monospace;text-underline-offset:4px}.object-story button{position:absolute;right:8px;top:8px;border:0;background:transparent;min-width:36px;min-height:36px;font-size:24px}.actor.is-walking img{animation:office-step .45s ease-in-out infinite}@keyframes office-step{50%{translate:0 -2px}}@media(prefers-reduced-motion:reduce){.actor.is-walking img{animation:none!important}}
.life-paused .actor img{animation:none!important;opacity:1;translate:0 0}

/* Supplied office panorama, floor tiles and props replace the CSS illustration. */
.office-world{background:#d9c7ae}
.asset-backdrop{position:absolute;inset:0 0 auto;height:34%;background:url('office-assets/backgrounds/office.webp') center/100% 100% no-repeat;image-rendering:pixelated;pointer-events:none}
.asset-ground{position:absolute;inset:34% 0 0;background:#cbbba0;image-rendering:pixelated;pointer-events:none}
.asset-furniture{position:absolute;transform:translate(-50%,-50%);height:auto;image-rendering:pixelated;pointer-events:none;z-index:1}
.night .asset-backdrop{filter:brightness(.55) saturate(.65)}.night .asset-ground{filter:brightness(.45) saturate(.5)}.night .asset-furniture,.night .colleague-desk{filter:brightness(.8)}
.living-screen{background:#26383d url('office-assets/backgrounds/video-call.webp') center/cover no-repeat;border-width:3px;image-rendering:pixelated}
.living-screen:before{content:'';position:absolute;inset:0;background:#10212c88}.living-screen .video-heading{z-index:1}
.office>.status{background:var(--panel);border-radius:8px;padding:7px 10px;top:10px;left:12px}
.colleague-desk{opacity:1}
/* Final composition: a continuous room, loose desk clusters, quiet corners. */
.office{height:680px;border-radius:24px;border:1px solid var(--line);box-shadow:0 12px 35px #00000012}
.office-world{min-width:920px;height:676px;background:#bca98f}
.asset-backdrop{height:35%;background-size:100% 100%;filter:saturate(.8)}
.asset-ground{inset:33% 0 0;background:linear-gradient(180deg,#b5a38c 0%,#cdbb9f 45%,#d7c7ae 100%);image-rendering:auto}
.asset-ground:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 45% 15%,#fff8d82b,transparent 65%);pointer-events:none}
.night .asset-ground{filter:none;background:linear-gradient(180deg,#394349,#465053 65%,#505757)}
.night .asset-backdrop{filter:brightness(.58) saturate(.6)}
.office-world .actor{width:132px;height:132px;z-index:6}
.room-person{width:128px;height:128px;z-index:2}
.colleague-desk{width:124px;height:78px;z-index:3;filter:drop-shadow(3px 6px 2px #0002)}
.person-name{opacity:0;bottom:6px;background:var(--panel);padding:3px 7px;border-radius:6px;z-index:8;transition:opacity .2s}
.room-person:hover .person-name,.room-person:focus-visible .person-name,.room-person.speaking .person-name,.room-person.in-reach .person-name{opacity:1}
.room-target:hover:not(:disabled),.room-target:focus-visible{background:transparent}
.room-object{width:66px;height:60px;z-index:4}.object-board{width:115px;height:96px}.object-meeting{width:64px;height:54px}.object-break{width:62px;height:75px}.object-phone{width:44px;height:44px}.object-phone img{width:28px;margin:auto}.object-coffee{width:50px;height:54px}
.living-screen{left:68%;top:10%;width:20%;height:103px;border:5px solid #647578;border-radius:5px;box-shadow:3px 4px 0 #0003;background:#263b43 url('office-assets/backgrounds/video-call.webp') center/cover no-repeat}
.living-screen:after{content:'';position:absolute;width:10px;height:24px;left:48%;top:100%;background:#647578;box-shadow:-17px 22px 0 0 #647578,17px 22px 0 0 #647578}
.living-screen .video-heading{font-size:9px;letter-spacing:.05em;top:5px}
.remote-person{width:70px;height:78px;z-index:3}.remote-person .person-name{opacity:0}
.office-world .guest{width:132px;height:132px;z-index:7}
.asset-furniture{filter:drop-shadow(3px 6px 2px #0002)}
.npc-typing img{animation:npc-type 1s steps(2) 3}.npc-looking img{animation:npc-look 3s ease-in-out}.npc-checking img{animation:npc-check 3s ease-in-out}
@keyframes npc-type{50%{translate:0 1px;rotate:.5deg}}@keyframes npc-look{35%,65%{translate:2px 0;rotate:1deg}}@keyframes npc-check{40%,70%{translate:0 1px;rotate:-1deg}}
.office.rage-moment{animation:soft-office-shake .22s linear 1}@keyframes soft-office-shake{25%{translate:-1px 0}75%{translate:1px 0}}
.proximity-label{font-size:13px;min-height:32px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);opacity:.94}
.office>.bubble{top:48px;border-radius:10px;border-width:1px;box-shadow:2px 3px 0 #0001;font-size:16px}
@media(max-width:600px){.office{height:590px}.office-world{height:586px;min-width:840px}.office-world .actor{width:132px;height:132px}.office>.bubble{font-size:15px}.room-person{width:128px;height:128px}.office>.status{font-size:10px}.proximity-label{min-height:40px}.living-screen{height:92px}.remote-person{height:70px}}
@media(prefers-reduced-motion:reduce){.office.rage-moment,.npc-typing img,.npc-looking img,.npc-checking img{animation:none!important}}

/* Feedback belongs to the room: one speaker/one surface, no modal. */
.world-feedback{position:absolute;z-index:9;width:max-content;max-width:min(250px,calc(100% - 28px));transform:translate(-50%,-100%);padding:8px 11px;font:15px/1.35 Pixel,monospace;background:var(--panel);color:var(--ink);border:2px solid var(--line);box-shadow:3px 3px 0 #0002;pointer-events:none;overflow-wrap:anywhere}
.world-feedback[data-kind=speech]{border-radius:3px}
.world-feedback[data-kind=speech]:after{content:'';position:absolute;left:48%;bottom:-7px;width:9px;height:9px;background:var(--panel);border-right:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg)}
.world-feedback[data-kind=thought]{border-radius:18px;border-style:dotted}
.world-feedback[data-kind=thought]:after{content:'· ·';position:absolute;left:45%;bottom:-20px;color:var(--ink);font-size:21px}
.world-feedback[data-kind=reaction]{background:transparent;border:0;box-shadow:none;text-align:center;font-size:16px;font-weight:bold;text-shadow:1px 1px var(--panel),-1px -1px var(--panel),1px -1px var(--panel),-1px 1px var(--panel);padding:6px}
.world-feedback[data-kind=strip]{transform:none;max-width:none;width:calc(100% - 24px);border-width:1px;border-left:3px solid var(--accent);padding:9px 14px;border-radius:2px;box-shadow:none}
.office:has(.world-feedback:not([hidden])) .queue-note{display:none}
@media(max-width:600px){.world-feedback{font-size:14px;max-width:min(230px,calc(100% - 28px))}.world-feedback[data-kind=strip]{max-width:none}.world-feedback[data-kind=reaction]{font-size:15px}}

/* Position, camera and bubble share a paint-synchronized clock. */
.office-world .actor{transition:none!important;will-change:left,top}.room-viewport{overflow-anchor:none;scroll-behavior:auto}.world-feedback{will-change:left,top}

/* Foot-position depth sorting keeps people behind desks until they walk in front. */
.office-world{isolation:isolate}.proximity-label{z-index:1200}.office-world .actor img{filter:drop-shadow(0 3px 1px #0002)}

/* Low office worktops leave faces and upper bodies visible. */
.office-desk{height:52px;transform:translate(-50%,-6px);--desk-top:#c3cebe;--desk-edge:#7f9285;--desk-frame:#52675f;filter:drop-shadow(2px 5px 1px #0002)}
.office-desk span{position:absolute;display:block;box-sizing:border-box}
.desk-surface{inset:0 0 auto;height:17px;background:var(--desk-top);border:3px solid var(--desk-frame);box-shadow:inset 0 3px #e7ead7;clip-path:polygon(5% 0,95% 0,100% 60%,100% 100%,0 100%,0 60%)}
.desk-apron{left:0;right:0;top:14px;height:8px;background:var(--desk-edge);border:2px solid var(--desk-frame)}
.desk-leg{top:21px;width:8px;height:29px;background:var(--desk-frame);box-shadow:inset 2px 0 #92a098}
.desk-leg.left{left:9px}.desk-leg.right{right:9px}
.night .office-desk{--desk-top:#758a84;--desk-edge:#516965;--desk-frame:#354c4b;filter:drop-shadow(2px 5px 1px #0003)}
.night .office-desk .desk-surface{box-shadow:inset 0 3px #8ca099}

.object-work{width:52px;height:42px}.object-phone img{width:23px}

/* Shared work bays around an open center; names live above furniture layers. */
.colleague-label{position:absolute;z-index:1100;transform:translateX(-50%);pointer-events:none;white-space:nowrap;font:13px/1.2 Pixel,monospace;color:var(--ink);background:var(--panel);padding:3px 7px;border:1px solid var(--line);border-radius:5px;box-shadow:0 2px 0 #0001;opacity:.96}
.colleague-label.label-speaking{color:var(--accent);border-color:var(--accent)}
.office-desk{--desk-top:#c5cfbd;--desk-edge:#93a28e;--desk-frame:#617466}
.asset-ground{background:radial-gradient(ellipse at 47% 48%,#e0d3bb 0%,#cbbba0 72%)}
.night .asset-ground{background:radial-gradient(ellipse at 47% 48%,#515d5a 0%,#374443 85%)}
@media(max-width:600px){.colleague-label{font-size:12px;padding:3px 6px}}

/* Desks share the background's shallow, central vanishing-point perspective. */
.office-desk{height:56px;--desk-top:#b3926f;--desk-edge:#816348;--desk-frame:#414b48;transform:translate(-50%,-7px);filter:drop-shadow(3px 5px 0 #0002)}
.office-desk .desk-surface{height:24px;border:0;inset:0 0 auto;background:linear-gradient(180deg,#c2a17b 0 3px,var(--desk-top) 3px 20px,#987451 20px);box-shadow:none;clip-path:polygon(var(--desk-back-left) 0,var(--desk-back-right) 0,100% 100%,0 100%);z-index:2}
.office-desk .desk-apron{top:23px;height:6px;border:0;background:var(--desk-edge);box-shadow:inset 0 -2px #543f30;z-index:3}
.office-desk .desk-leg{top:28px;height:24px;width:7px;background:var(--desk-frame);box-shadow:inset 2px 0 #67706a;z-index:1}
.office-desk .desk-leg.left{left:5px}.office-desk .desk-leg.right{right:5px}
.office-desk .desk-leg.back-left{left:var(--desk-back-left);top:7px;height:35px;z-index:0;width:5px}
.office-desk .desk-leg.back-right{left:var(--desk-back-right);top:7px;height:35px;z-index:0;width:5px}
.night .office-desk{--desk-top:#796b59;--desk-edge:#584b3d;--desk-frame:#2c3939}
.night .office-desk .desk-surface{background:linear-gradient(180deg,#958168 0 3px,var(--desk-top) 3px 20px,#66533f 20px);box-shadow:none}

/* Keep mobile feedback readable inside the visible room, above scenery. */
.bottom{flex-wrap:wrap;align-items:center}.bottom .exit{min-height:44px;padding:8px}
.office>.status{max-width:calc(100% - 24px);white-space:normal;line-height:1.4}
.office-world .actor.facing-back{z-index:1050!important}
@media(max-width:600px){.world-feedback{font-size:16px;line-height:1.45}.colleague-label{font-size:14px}.world-feedback[data-kind=strip]{bottom:12px;max-height:110px;overflow:auto}.bottom{gap:8px 16px}}

/* Visible office clock and a compact interaction switch. */
.office>.status{font:15px/1.4 Pixel,monospace;padding:9px 12px;border:2px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink)}
#interactionMode{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:8px 14px;text-decoration:none}
.guest-name{z-index:1150}.guest-arriving{animation:guest-enter 3s ease-out both}.guest-departing{animation:guest-leave 2s ease-in both}
@keyframes guest-enter{from{translate:100px -35px;opacity:0}25%{opacity:1}to{translate:0 0}}
@keyframes guest-leave{to{translate:100px -35px;opacity:0}}
@media(prefers-reduced-motion:reduce){.guest-arriving,.guest-departing{animation:none}}

/* The boss is 25% larger, with the original foot baseline preserved. */
.office-world .guest.guest-boss{width:165px;height:165px;transform:translate(-50%,calc(-65% - 7px))}

/* Small consequences stay in the world and expire with its paused clock. */
.desk-memory-cup{position:absolute;left:38%;top:85%;width:34px;height:34px;object-fit:contain;image-rendering:pixelated;pointer-events:none;z-index:1000}
.board-memory-note{position:absolute;left:48%;top:27%;width:14px;height:17px;background:#ffdf85;border:2px solid #bd9453;box-shadow:2px 2px 0 #0002;pointer-events:none;z-index:1000;transform:rotate(-4deg)}
.board-memory-note:after{content:'';position:absolute;left:2px;right:2px;top:4px;height:2px;background:#967b4a;box-shadow:0 4px #967b4a}
.boss-working img{animation:boss-busy .55s steps(2) infinite!important}
@keyframes boss-busy{50%{translate:0 1px;rotate:-1deg}}
.office-guide{position:absolute;left:12px;right:12px;bottom:12px;z-index:10;padding:10px 14px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--accent);font:16px/1.5 Pixel,monospace;pointer-events:none}
@media(prefers-reduced-motion:reduce){.boss-working img{animation:none!important}}
.office.life-paused .boss-working img{animation-play-state:paused!important}
.room-person.is-commuting img{animation:commute-step .38s steps(2) infinite}
@keyframes commute-step{50%{translate:0 -2px}}
.office.life-paused .is-commuting img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.room-person.is-commuting img{animation:none}}

/* Embedded office: scene and essential controls only. */
.office-embedded .page{max-width:none;padding:10px;height:100dvh;display:flex;flex-direction:column}
.office-embedded .top,.office-embedded header,.office-embedded .note,.office-embedded #footer{display:none}
.office-embedded .office{flex:1;min-height:0;height:auto;box-shadow:none}
.office-embedded .office-world{height:100%;min-height:0}
.office-embedded .room-viewport{height:100%}
.office-embedded .bottom{flex:none;margin-top:8px;gap:6px 16px;justify-content:center}
@media(max-width:760px){.office-embedded .page{padding:4px}.office-embedded .office{border-radius:14px}.office-embedded .bottom .exit{font-size:12px}}

/* Shared mini-game pixel vocabulary, generous touch targets. */
.bottom .office-pixel-control,#interactionMode.office-pixel-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:90px;min-height:44px;padding:9px 14px;border:2px solid var(--line);border-radius:24px;background:var(--panel);color:var(--ink);font:15px/1.2 Pixel,monospace;text-decoration:none;box-shadow:0 3px 0 color-mix(in srgb,var(--line) 65%,transparent);transition:transform .18s ease,background .18s ease}
.office-pixel-control svg,.office-pixel-control img{width:22px;height:22px;flex:none;image-rendering:pixelated;shape-rendering:crispEdges}
.office-pixel-control[aria-pressed=true]{border-color:var(--accent)}
.office-pixel-control:active{transform:translateY(2px)}
.office-pixel-control:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.office-embedded .bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 3px 5px}.office-embedded .bottom .office-pixel-control{min-width:0;padding:9px 5px;gap:5px;font-size:13px}.office-pixel-control svg,.office-pixel-control img{width:20px;height:20px}}

/* One exit in the parent header, with balanced scene/control spacing. */
.office-embedded #exit{display:none!important}
.office-embedded .page{padding:8px 16px 20px;gap:16px;overflow:hidden}
.office-embedded .bottom{margin:0;padding:0;gap:12px;align-items:center;justify-content:center}
.office-embedded .bottom .office-pixel-control{font:16px/1.25 Pixel,monospace;min-height:46px;padding:10px 16px}
.office-embedded .office{min-height:0}
.office-embedded .office-world{height:calc(100% - 28px);margin-top:6px}
.office-embedded .room-viewport{padding-bottom:0}
.office-embedded .colleague-label{font:14px/1.25 Pixel,monospace}
.office-embedded .world-feedback{font:16px/1.4 Pixel,monospace}
.office-embedded .office>.status{font:14px/1.4 Pixel,monospace}
@media(max-width:600px){.office-embedded .page{padding:6px 8px max(16px,env(safe-area-inset-bottom));gap:14px}.office-embedded .bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.office-embedded .bottom .office-pixel-control{font-size:14px;padding:9px 7px}.office-embedded .office-world{height:calc(100% - 24px)}}

/* Names identify; bubbles speak. Keep these two layers visually distinct. */
.colleague-label,.office-embedded .colleague-label{font:12px/1.25 Pixel,monospace;padding:2px 6px;border:0;border-radius:3px;box-shadow:none;color:var(--ink);background:color-mix(in srgb,var(--panel) 78%,transparent);opacity:.8}
.colleague-label.label-speaking{opacity:1;color:var(--accent);background:var(--panel)}
.world-feedback[data-kind=speech],.office-embedded .world-feedback[data-kind=speech]{font:17px/1.5 Pixel,monospace;padding:12px 16px;border:2px solid #718a5b;border-radius:12px;background:#fffef3;color:#24351d;box-shadow:3px 4px 0 #24351d24;max-width:min(280px,calc(100% - 28px))}
.world-feedback[data-kind=speech]:after{width:12px;height:12px;bottom:-8px;background:#fffef3;border-color:#718a5b}
.night .world-feedback[data-kind=speech]{background:#e7f5cf;color:#20351b;border-color:#a5c77e;box-shadow:3px 4px 0 #0004}
.night .world-feedback[data-kind=speech]:after{background:#e7f5cf;border-color:#a5c77e}
.world-feedback[data-kind=strip],.office-embedded .world-feedback[data-kind=strip]{font:17px/1.5 Pixel,monospace;padding:12px 16px;background:#fffef3;color:#24351d;border:2px solid #718a5b;border-radius:9px;box-shadow:0 3px 0 #0002}
.night .world-feedback[data-kind=strip]{background:#e7f5cf;color:#20351b;border-color:#a5c77e}
@media(max-width:600px){.world-feedback[data-kind=speech],.office-embedded .world-feedback[data-kind=speech],.world-feedback[data-kind=strip],.office-embedded .world-feedback[data-kind=strip]{font-size:16px;padding:10px 13px}}

/* Equal-size office controls in both languages and states. */
.bottom .office-pixel-control,#interactionMode.office-pixel-control,.office-embedded .bottom .office-pixel-control{box-sizing:border-box;width:112px;min-width:112px;height:46px;min-height:46px;padding:8px 12px;gap:8px;font:16px/1.25 Pixel,monospace;white-space:nowrap}
.office-pixel-control svg,.office-pixel-control img{width:22px;height:22px;flex:0 0 22px}
@media(max-width:600px){.office-embedded .bottom .office-pixel-control,.office-embedded #interactionMode.office-pixel-control{width:100%;min-width:0;height:46px;min-height:46px;padding:8px 6px;font-size:14px}}

.office[tabindex="-1"]:focus{outline:none}