.office-controller-art { position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; }
.office-controller-art image { filter:brightness(.8) saturate(.75); }
.office-game-controls { margin-top:20px; padding-top:18px; border-top:1px solid #38404a; }
.office-game-controls button,.office-game-screen button { min-height:44px; padding:10px 13px; border:1px solid #778e9b; color:#eef8ff; background:#193b40; font:500 16px/1.4 'DM Sans',sans-serif; cursor:pointer; }
.office-game-controls > button { width:100%; text-align:left; border-color:#ad9967; background:#323a2e; }
.office-game-controls p { margin:10px 0 0; font:400 16px/1.6 'DM Sans',sans-serif; color:#b5c6cd; }
.office-game-controls a { color:#d6c498; text-underline-offset:3px; }
.office-game-controls [data-office-game-tools] { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.office-game-controls [hidden],.office-game-screen[hidden] { display:none!important; }
.office-game-controls :focus-visible,.office-game-screen :focus-visible { outline:2px solid #e2c98c; outline-offset:3px; }
.office-game-active .broadcast-controls,.office-game-active .office-broadcast-overlay { visibility:hidden; pointer-events:none; }
.office-game-screen { position:absolute; z-index:5; left:30.494791667%; top:19.444444444%; width:37.291666667%; height:33.703703704%; background:#000; overflow:hidden; }
.office-game-screen iframe { display:block; width:1432px; height:728px; max-width:none; max-height:none; border:0; background:#000; transform:scale(var(--office-game-scale,1)); transform-origin:top left; }
.office-game-screen__toolbar { display:none; }
.office-game-screen:fullscreen,.office-game-screen.is-expanded { position:fixed; inset:0; z-index:100000; width:100vw; height:100dvh; padding:0 0 52px; box-sizing:border-box; }
.office-game-screen:fullscreen iframe,.office-game-screen.is-expanded iframe { position:absolute; left:50%; top:calc(50% - 26px); transform:translate(-50%,-50%) scale(var(--office-game-scale,1)); transform-origin:center; }
.office-game-screen:fullscreen .office-game-screen__toolbar,.office-game-screen.is-expanded .office-game-screen__toolbar { display:flex; position:absolute; inset:auto 0 0; height:52px; gap:10px; justify-content:center; align-items:center; background:#101918; }
@media (max-width:760px) {
  .office-game-controls { margin-top:16px; }
  .office-game-controls p { font-size:16px; }
}