/* ============================================================
   NB.OS TILE — a robot that watches the pointer, and Sign in.

   The robot is drawn live in 3D by js/robot.js. If WebGL is not
   available (or Lite mode is on) the SVG face below stands in, and
   its eyes still follow the pointer.
   ============================================================ */

.t-os { cursor: default; }

.rb-canvas { opacity: 1; background: transparent; }

.t-os > .rb-fallback {
  position: absolute;
  left: 50%;
  top: 42%;
  width: min(46%, 220px);
  height: auto;
  transform: translate(-50%, -50%);
  color: var(--accent);
  display: none;
  pointer-events: none;
}
.t-os.rb-no3d > .rb-fallback { display: block; }
#rb-fb-eyes { transition: transform .18s var(--ease-out); }

/* the button sits under the robot, centred, clear of the tile edge */
.rb-foot {
  margin-top: auto;
  display: flex;
  justify-content: center;
  padding-bottom: clamp(4px, 2vw, 16px);
}
.rb-foot .login-btn { margin-top: 0; }