.room320{outline:none;isolation:isolate}.room320:focus-visible{outline:1px solid #69c8ed;outline-offset:-2px}.room320-controls{position:absolute;top:8px;left:12px;z-index:70;display:flex;align-items:center;gap:5px;padding:5px;background:#081c2cdd;border:1px solid #285069;border-radius:9px;backdrop-filter:blur(10px)}.room320-controls button{color:#d5efff;background:#123048;border:1px solid #31536b;border-radius:5px;min-width:32px;height:31px;padding:0 8px;cursor:pointer;font:inherit;font-size:12px}.room320-controls button:hover,.room320-controls button:focus-visible{background:#1c4b66;border-color:#6dcaed;outline:none}.room320-controls span{height:20px;width:1px;background:#2b506a;margin:0 2px}.room320 .cat-label{max-width:155px;padding:4px 7px;background:#092238d9;border:1px solid #234b64;border-radius:6px;line-height:1.25}.room320 .cat-label b{font-size:11px}.room320 .cat-label small{font-size:10px;margin-top:2px}.room320 .cat-label em{display:none}.room320 .cat-label.selected{border-color:#73c9ed;box-shadow:0 0 14px #3eb5e21c}.room320 .cabin-label{font-size:11px;padding:6px 9px;max-width:210px;border-radius:6px;background:#102e43e8}.room320 .cabin-return{z-index:75;right:12px;top:8px;left:auto;bottom:auto}.office320-wide{position:fixed!important;inset:0;z-index:1000;background:#061423;display:block!important;overflow:auto}.office320-wide .reader{display:none}.office320-wide .universe{height:100vh;min-height:600px;display:flex;flex-direction:column}.office320-wide .space{flex:1;min-height:450px}.office320-wide .scene-heading{padding-top:18px}.office320-wide .scene-bottom{flex:none}.room320 canvas.room-canvas{pointer-events:auto;touch-action:none;cursor:grab}.room320 .room-canvas:active{cursor:grabbing}@media(max-width:600px){.room320-controls{left:5px;top:6px;gap:3px;padding:4px}.room320-controls button{padding:0 6px;min-width:29px;font-size:11px}.room320 .cat-label{max-width:120px;padding:3px 5px}.room320 .cat-label b{font-size:10px}.room320 .cat-label small{font-size:9px}.room320 .cabin-label{max-width:160px;font-size:10px}.room320 .cabin-return{top:49px;right:5px}.office320-wide .scene-heading h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){.room320 *{scroll-behavior:auto!important;transition:none!important}}

/* The office fills the workspace; the selected employee opens a purposeful side pane. */
.office321-workspace{display:block;position:relative;height:calc(100dvh - 84px);min-height:480px}.office321-workspace>.universe{height:100%;min-height:0}.office321-workspace>.reader{display:none}.office321-workspace.office321-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,31%)}.office321-workspace.office321-detail>.reader{display:block}.office321-workspace .room-wrap .space{inset:110px 0 66px}.office321-workspace .room320-controls{max-width:calc(100% - 24px);flex-wrap:wrap}.office321-workspace .scene-bottom{bottom:14px}.office320-wide.office321-workspace{height:100dvh;min-height:0;overflow:hidden}.office320-wide.office321-workspace .universe{height:100%;min-height:0;display:block}.office320-wide.office321-workspace .space{min-height:0}.office320-wide.office321-workspace .reader{display:none}.office320-wide.office321-workspace .scene-heading{padding-top:0}
@media(max-width:760px){.office321-workspace{height:calc(100dvh - 114px - env(safe-area-inset-bottom));min-height:420px}.office321-workspace.office321-detail{display:block;height:auto;min-height:0}.office321-workspace.office321-detail>.universe{height:min(68dvh,600px);min-height:420px}.office321-workspace.office321-detail>.reader{height:auto;overflow:visible;border-left:0;border-top:1px solid #24465f}.office321-workspace .reader-inner{padding-bottom:calc(38px + env(safe-area-inset-bottom))}.office321-workspace .room-wrap .space{inset:120px 0 68px}.office321-workspace .scene-heading{left:20px;right:16px;top:17px}.office321-workspace .scene-bottom{left:18px;right:15px;font-size:10px;gap:9px}.office321-workspace .room320-controls{left:6px;max-width:calc(100% - 12px)}.office320-wide.office321-workspace{height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.office320-wide.office321-workspace .universe{height:100%;min-height:0}.office321-workspace .room320 .cabin-label{max-width:142px;font-size:9px}}
